:root {
  --background-color--background-primary: var(--base-color-neutral--white);
  --text-color--text-primary: var(--base-color-neutral--black);
  --link-color--link-primary: var(--base-color-neutral--black);
  --base-color-brand--ofaw-blue: #3f79fa;
  --base-color-neutral--black: black;
  --base-color-brand--ofaw-white: #fff;
  --base-color-neutral--white: white;
  --text-color--text-secondary: #5c5c5c;
  --background-color--background-error: var(--base-color-system--error-red-light);
  --text-color--text-error: var(--base-color-system--error-red);
  --background-color--background-primary-ofaw: #c8d9ff;
  --background-color--background-secondary-ofaw: #f7c7ff;
  --background-color--background-tertiary-ofaw: #c7faff;
  --base-color-brand--ofaw-turquise: #01daf0;
  --base-color-brand--ofaw-lavendar: #d211f0;
  --text-color--text-alternate: var(--base-color-neutral--white);
  --border-color--border-secondary: var(--base-color-neutral--neutral-light);
  --border-color--border-primary: var(--base-color-neutral--black);
  --link-color--link-secondary: var(--base-color-neutral--neutral-light);
  --base-color-neutral--neutral-lighter: #ccc;
  --base-color-neutral--neutral-light: #aaa;
  --base-color-brand--ofaw-dark-grey: #4f4f4f;
  --base-color-neutral--neutral-lightest: #eee;
  --base-color-neutral--neutral: #666;
  --base-color-neutral--neutral-dark: #444;
  --base-color-neutral--neutral-darker: #222;
  --base-color-neutral--neutral-darkest: #111;
  --base-color-system--success-green: #027a48;
  --base-color-system--success-green-light: #ecfdf3;
  --base-color-system--error-red: #b42318;
  --base-color-system--error-red-light: #fef3f2;
  --background-color--background-secondary: var(--base-color-neutral--neutral-lightest);
  --background-color--background-tertiary: var(--base-color-neutral--neutral-light);
  --background-color--background-alternate: var(--base-color-neutral--black);
  --background-color--background-success: var(--base-color-system--success-green-light);
  --border-color--border-alternate: var(--base-color-neutral--white);
  --link-color--link-alternate: var(--base-color-neutral--white);
  --text-color--text-success: var(--base-color-system--success-green);
}

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

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-primary);
  font-family: Outfit, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--link-color--link-primary);
  text-decoration: underline;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .1875rem solid var(--base-color-brand--ofaw-blue);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.hide {
  display: none;
}

.text-style-link {
  color: var(--link-color--link-primary);
  text-decoration: underline;
}

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

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

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

.utility-component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

.utility-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility-image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.main-wrapper {
  overflow: clip;
}

.margin-xxsmall {
  margin: .5rem;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.padding-xxsmall {
  padding: .5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.margin-bottom, .margin-bottom.margin-xsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-vertical, .margin-vertical.margin-xxsmall {
  margin-left: 0;
  margin-right: 0;
}

.padding-top, .padding-top.padding-medium {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom.padding-footer {
  padding-bottom: 2rem;
}

.padding-vertical, .padding-vertical.padding-xxlarge {
  padding-left: 0;
  padding-right: 0;
}

.text-size-medium {
  text-align: left;
  font-size: 1.125rem;
  text-decoration: none;
}

.text-size-medium.text-color-secondary {
  color: var(--base-color-brand--ofaw-white);
  text-align: center;
}

.text-size-medium.text-weight-bold {
  font-weight: 500;
}

.text-size-medium.text-align-center.normal {
  text-align: left;
}

.text-size-medium.text-color-grey {
  color: #353535;
}

.heading-style-h6 {
  font-size: 1.25rem;
  line-height: 1.4;
}

.heading-style-h1 {
  color: var(--base-color-brand--ofaw-white);
  font-family: Outfit, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  line-height: 1;
}

.form-checkbox-icon {
  cursor: pointer;
  background-color: #e6e6e6;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .5rem;
  transition: all .2s;
}

.form-checkbox-icon.w--redirected-checked {
  box-shadow: none;
  background-color: #000;
  background-size: 16px 16px;
  border-width: 1px;
  border-color: #000;
}

.form-checkbox-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
}

.button {
  border: 1px solid var(--base-color-neutral--black);
  background-color: var(--base-color-brand--ofaw-blue);
  color: var(--base-color-neutral--white);
  text-align: center;
  border-radius: 100rem;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button.max-width-full {
  background-color: var(--base-color-brand--ofaw-blue);
}

.general-heading-4 {
  font-size: 2rem;
  line-height: 1.3;
}

.general-heading-4.text-weight-bold {
  font-weight: 500;
}

.text-size-regular {
  font-size: 1rem;
}

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

.fform-input {
  color: var(--text-color--text-primary);
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
  border-radius: 100rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: all .3s;
}

.fform-input:hover {
  background-color: #f0f0f0b3;
}

.fform-input:active {
  border-color: #f0f0f0;
}

.fform-input:focus {
  background-color: #ebebeb;
}

.fform-input::placeholder {
  color: #0009;
}

.fform-input.is-text-area {
  border-radius: .7rem;
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.fform-input.is-select-input {
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/IcOutlineKeyboardArrowDown.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 1.4rem;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.text-weight-semibold {
  text-align: center;
  font-weight: 600;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

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

.text-size-small {
  font-size: .875rem;
}

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

.icon-medium {
  width: 4rem;
  height: 4rem;
}

.padding-global {
  max-width: 100vw;
  padding-left: 5%;
  padding-right: 5%;
}

.padding-global.full {
  width: 100%;
}

.padding-global.overlayer {
  z-index: 2;
  position: relative;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.padding-section-large.bottom-small {
  padding-bottom: 4rem;
}

.padding-section-large.bottom-xsmall {
  padding-bottom: 2rem;
}

.padding-section-large.bottom-xsmall.top-huge {
  padding-top: 8rem;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .5rem;
}

.spacer-xsmall {
  width: 100%;
  padding-top: 1rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1.5rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.spacer-large {
  width: 100%;
  padding-top: 3rem;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.text-color-secondary {
  color: var(--text-color--text-secondary);
}

.form-message-error {
  background-color: var(--background-color--background-error);
  color: var(--text-color--text-error);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.form-message-error-wrapper {
  margin-top: 1rem;
  padding: 0;
}

.section-hero {
  background-image: url('../images/grid_1grid.png'), linear-gradient(131deg, var(--base-color-brand--ofaw-white), var(--base-color-brand--ofaw-white) 16%, var(--background-color--background-tertiary-ofaw) 38%, var(--background-color--background-primary-ofaw) 57%, var(--background-color--background-secondary-ofaw) 76%, var(--base-color-brand--ofaw-white) 90%, var(--base-color-brand--ofaw-white) 102%);
  background-position: 0 0, 0 0;
  background-size: 2.4rem, auto;
  max-width: 100vw;
  padding-top: 4rem;
  position: relative;
  overflow: hidden;
}

.section-hero.rounded-corner {
  border: 1px solid #f1f1f1;
  border-radius: 16px;
}

.section-hero.features {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, transparent 11%, #fff 69%), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--base-color-brand--ofaw-blue) 16%, var(--base-color-brand--ofaw-turquise) 38%, var(--base-color-brand--ofaw-blue) 57%, var(--base-color-brand--ofaw-lavendar) 76%, var(--base-color-brand--ofaw-white) 96%);
  color: #222;
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  width: auto;
  padding: 4rem;
}

.header-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.header-image-wrapper {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transform-style: preserve-3d;
  background-color: #ffffff40;
  border: 1px solid #ffffff4d;
  border-radius: 20px;
  padding: 1rem;
  overflow: hidden;
  transform: rotateX(20deg)rotateY(0)rotateZ(0);
}

.header-image {
  opacity: .8;
  border-radius: 14px;
  width: 100%;
  height: 100%;
}

.navbar {
  z-index: 2147483647;
  background-color: var(--base-color-brand--ofaw-blue);
  color: var(--text-color--text-alternate);
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  position: fixed;
  top: 0%;
}

.navbar-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 3.2rem;
  padding-left: .5rem;
  padding-right: .3rem;
  display: flex;
}

.logo {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-items: center;
  padding-left: .5rem;
  display: flex;
}

.logo.w--current {
  margin-left: -9px;
  padding-left: 0;
}

.navbar-logo {
  width: 10rem;
}

.navbar-menu {
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: static;
}

.navbar-menu-link-wrapper {
  grid-column-gap: 2.1rem;
  grid-row-gap: 2.1rem;
  display: flex;
}

.navbar-button-wrapper {
  grid-column-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-menu-button {
  padding: 0;
}

.section-logo {
  z-index: 2;
  position: relative;
}

.section-overlay {
  z-index: 1;
  background-image: linear-gradient(180deg, transparent, var(--base-color-brand--ofaw-white));
  height: 13rem;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-form {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.text-field {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--text-color--text-primary);
  background-color: #c8c8c840;
  border: 1.2px solid #ffffff75;
  border-radius: 100px;
  min-height: 3.3rem;
  margin-bottom: 0;
  padding-left: 20px;
  transition: all .32s;
}

.text-field:hover {
  background-color: #ffffff3b;
}

.text-field:active {
  border-color: #ffffff75;
}

.text-field:focus {
  background-color: #ffffffa1;
}

.text-field:focus-visible, .text-field[data-wf-focus-visible] {
  background-color: #ffffffa1;
  border-color: #ffffff75;
}

.text-field::placeholder {
  color: #00000087;
}

.text-field.footer {
  background-color: #bebebe24;
  border-color: #c2c2c275;
  min-height: 2.7rem;
}

.submit-button {
  background-color: var(--base-color-brand--ofaw-white);
  color: var(--text-color--text-primary);
  border-radius: 100rem;
  height: 2.7rem;
  margin-top: .3rem;
  margin-bottom: .3rem;
  padding: 0 25px;
  font-size: .925rem;
  position: absolute;
  inset: 0% .3rem 0% auto;
}

.submit-button.footer {
  background-color: var(--base-color-brand--ofaw-blue);
  color: var(--base-color-brand--ofaw-white);
}

.container-xsmall {
  width: 100%;
  max-width: 26rem;
  margin-left: auto;
  margin-right: auto;
}

.container-xsmall.footer {
  margin-left: 0;
}

.logo-text {
  color: var(--base-color-brand--ofaw-white);
  font-size: 1.2rem;
}

.logo-text.black {
  color: var(--base-color-brand--ofaw-blue);
}

.hero-feature {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #5f5f5f;
  background-color: #f6f6f74d;
  border: 1px solid #ddd;
  border-radius: 100px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-bottom: -1rem;
  padding: .15rem .65rem .15rem .15rem;
  font-size: .8rem;
  text-decoration: none;
  transition: border .275s;
  display: inline-flex;
}

.hero-feature:hover {
  color: #444;
  border-color: #6b6b6b66;
}

.hero-feature-icon {
  color: var(--base-color-brand--ofaw-white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.product-update {
  background-color: #fff;
  border: 1px solid #8883;
  border-radius: 100rem;
  padding: .2rem .5rem;
  font-size: .85rem;
}

.hero-feature-text {
  color: var(--base-color-brand--ofaw-white);
  margin-left: .2rem;
  font-size: .83rem;
}

.padding-section-logo {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

.layout-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout-item-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.layout-image-wrapper {
  background-image: radial-gradient(circle, #0000 40%, #fff), url('../images/grid_2grid.png');
  background-position: 0 0, 0 0;
  background-size: auto, 2.55rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.layout-image {
  width: 100%;
  height: 100%;
}

.section-pricing {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-tabs-menu {
  background-color: var(--base-color-brand--ofaw-white);
  border: 1px solid #cfcfcf;
  border-radius: 100rem;
  align-self: center;
  margin-bottom: 3rem;
  padding: .25rem;
  display: flex;
}

.pricing-tab-link {
  text-align: center;
  background-color: #0000;
  border: .5px solid #cfcfcf;
  border-radius: 100rem;
  width: 175px;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: .5rem 1.5rem;
}

.pricing-tab-link.w--current {
  background-color: var(--base-color-brand--ofaw-blue);
  color: var(--base-color-neutral--white);
}

.pricing-tab-pane {
  width: auto;
}

.pricing-plans {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.pricing-plan-4 {
  background-color: var(--base-color-brand--ofaw-white);
  border: 1px solid #c9c9c954;
  border-radius: 17px;
  width: auto;
  margin-top: 1.5rem;
  padding: 2rem;
}

.pricing-plan-4.feature {
  background-image: linear-gradient(to bottom, #ffffff5c, #ffffff5c), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--background-color--background-primary-ofaw) 22%, var(--background-color--background-secondary-ofaw) 37%, var(--background-color--background-primary-ofaw) 58%, var(--background-color--background-primary-ofaw) 79%, var(--background-color--background-secondary-ofaw) 91%, #fdcfff), url('../images/grid_1grid.png');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, 2.2rem;
  border-color: #f0f0f0;
  width: auto;
  margin-top: 0;
}

.pricing-plan-4.feature.pricing-plan-color {
  margin-top: 1.5rem;
}

.pricing-content {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.pricing-content-top {
  flex-direction: column;
  flex: 1;
}

.pricing-icon-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 1rem;
  display: flex;
}

.pricing-divider {
  background-color: var(--base-color-neutral--black);
  width: 100%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pricing-divider.transparent {
  background-color: #0000;
}

.pricingfeature-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.pricing-feature {
  display: flex;
}

.pricing-feature-icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.section-layout-two {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-layout-two.section-hero {
  background-image: url('../images/grid_1grid.png');
  background-position: 0 0;
  background-size: 2.4rem;
  max-width: none;
}

.layout-two-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.layout-list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.layout-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.overlay {
  z-index: -1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, var(--background-color--background-primary)), url('../images/grid_2grid.png');
  background-position: 0 0, 0 0;
  background-size: auto, 2.45rem;
  width: 52vw;
  height: 42vw;
  position: absolute;
  inset: auto auto 0%;
}

.overlay.pricing {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, var(--background-color--background-primary) 79%), url('../images/grid_2grid.png');
  background-position: 0 0, 0 0;
  background-size: auto, 2.45rem;
  width: 80vw;
  height: 55vw;
  bottom: auto;
}

.layout-three-component {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, var(--background-color--background-primary)), linear-gradient(to bottom, #ffffff40, #ffffff40), url('../images/grid_2grid.png');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, 2.45rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.layout-content-left {
  z-index: 2;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  padding-top: 60vh;
  position: relative;
}

.layout-item-three {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.layout-mobile-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.layout-mobile-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.layout-image-wrapper-three {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.layout-image-wrapper-three.sticky-under-nav {
  height: 100vh;
  top: 0;
  bottom: auto;
}

.layout-image-three {
  width: 100%;
  position: absolute;
}

.layout-image-three.image-one {
  vertical-align: baseline;
  position: absolute;
  overflow: clip;
}

.layout-content-right {
  z-index: 2;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-top: 110vh;
  position: relative;
}

.circle-wrapper {
  z-index: -1;
  opacity: .79;
  position: absolute;
  inset: 10%;
  overflow: visible;
}

.blur {
  z-index: -10;
  background-image: linear-gradient(308deg, var(--base-color-brand--ofaw-lavendar) 12%, var(--base-color-brand--ofaw-blue) 49%, var(--base-color-brand--ofaw-turquise) 78%);
  filter: blur(60px) blur(60px);
  pointer-events: auto;
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 34.5rem;
  height: 34.5rem;
  display: flex;
  position: absolute;
  inset: 40rem 20% 120rem;
  overflow: hidden;
}

.notification-list {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.notification {
  transform: scale(1.15);
}

.section-testimonial {
  position: relative;
}

.testimonial-component {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--border-color--border-primary);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  height: 90vh;
  display: grid;
}

.testimonial-component.section-hero {
  border-style: none;
}

.testimonial-component.section-hero.testimonial {
  background-image: none;
  background-size: auto;
  height: 90vh;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.testimonial-card-content-left {
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  display: flex;
}

.testimonial-card-content-right {
  grid-column-gap: 1rem;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  align-items: center;
  padding-right: 3rem;
  display: grid;
  overflow: hidden;
}

.ttestimonial-list-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  column-count: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  column-gap: 1.5rem;
  width: 100%;
  height: 100%;
  display: grid;
}

.testimonial-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  width: 100%;
  height: 100%;
  display: grid;
}

.testimonial-content-wrapper {
  z-index: 5;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 100%;
  position: relative;
}

.testimonial-content {
  background-color: #ffffff21;
  border: 1px solid #3f79fa26;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 2rem;
  display: flex;
  -webkit-backdrop-filter: blur(1px) !important;
  backdrop-filter: blur(1px) !important;
}

.testimonial-rating-wrapper {
  margin-bottom: 1.5rem;
  display: flex;
}

.testimonial-rating-icon {
  color: var(--base-color-neutral--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: .25rem;
  display: flex;
}

.testimonial-client {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  align-items: center;
  display: flex;
}

.testimonial-customer-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.testimonial-list-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.testimonial-overlay {
  z-index: 10;
  background-image: linear-gradient(180deg, var(--background-color--background-primary) 54%, transparent);
  filter: blur(6px);
  width: 100%;
  height: 10vh;
  position: absolute;
  inset: 0 auto auto;
}

.testimonial-overlay.bottom {
  background-image: linear-gradient(0deg, var(--background-color--background-primary) 3%, transparent);
  inset: auto 0% 0%;
}

.footer {
  position: relative;
}

.footer.section-hero {
  background-image: url('../images/grid_1grid.png');
  background-size: 2.4rem;
}

.footer.section-footer {
  background-image: linear-gradient(352deg, var(--base-color-brand--ofaw-white), var(--base-color-brand--ofaw-white) 28%, var(--background-color--background-tertiary-ofaw) 71%, var(--background-color--background-primary-ofaw) 78%, var(--background-color--background-secondary-ofaw) 85%, var(--base-color-brand--ofaw-white) 93%, var(--base-color-brand--ofaw-white));
  background-size: auto;
}

.footer-top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: start;
}

.footer-left-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-menu-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
}

.footer-link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.footer-link {
  color: var(--link-color--link-primary);
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
}

.footer-social-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--link-color--link-primary);
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.footer-bottom-wrapper {
  opacity: .63;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-credit-text {
  font-size: .875rem;
}

.footer-legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.footer-legal-link {
  color: var(--link-color--link-primary);
  font-size: .875rem;
  text-decoration: underline;
}

.cta-component {
  grid-column-gap: 5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  display: grid;
}

.cta-content {
  flex: 1;
}

.cta-button-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: 40%;
  display: flex;
}

.stage-gitter-wrapper {
  pointer-events: none;
  perspective: 60em;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.stage-gitter-grid {
  z-index: -1;
  background-image: linear-gradient(180deg, var(--background-color--background-primary), transparent 0%), url('../images/grid_2grid.png');
  opacity: 1;
  transform-style: preserve-3d;
  background-position: 0 0, 50% 0;
  background-size: auto, 2.75rem;
  height: 150%;
  position: absolute;
  inset: -14vh 0% 0%;
  overflow: hidden;
  transform: rotateX(77deg)rotateY(0)rotateZ(0);
}

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

.hero-header-image-transform {
  perspective: 900px;
}

.component-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  padding: 2vh 2vw;
  display: flex;
}

.component-item {
  border: 1px dashed #d1d1d1;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  padding: 10vh 5vw;
  display: flex;
}

.button-block-primary {
  background-color: var(--base-color-brand--ofaw-blue);
  border: 1px solid #f0f0f0;
  border-radius: 100vw;
  flex-direction: column;
  align-items: center;
  padding: .65rem 1.65rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-block-primary:hover {
  background-color: var(--base-color-brand--ofaw-blue);
}

.button-text-primary {
  z-index: 1;
  color: #f0f0f0;
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-primary.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.button-block-alternate {
  background-color: var(--base-color-brand--ofaw-white);
  border-radius: 100vw;
  flex-direction: column;
  align-items: center;
  width: auto;
  padding: .65rem 1.65rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text-alternate {
  z-index: 1;
  color: var(--base-color-brand--ofaw-blue);
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-alternate.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.logo-component {
  grid-column-gap: 4rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.logo-item {
  border-radius: 5px;
  max-width: 9rem;
  max-height: 3rem;
}

.header-heading-span {
  background-image: url('../images/webflow-logo.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 3.65rem;
}

.header-heading-span.discord {
  background-image: url('../images/discord-logo.svg');
}

.heading-cta {
  line-height: 1.5;
}

.success-message {
  background-color: #25ee9a30;
  border: 1px solid #00c070;
  border-radius: 12px;
}

.error-message {
  background-color: #ffdede7d;
  border: 1px solid #b42318a1;
  border-radius: 11px;
}

.navbar-full-width {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.navbar-text-button {
  color: #1b1b1b;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar-button-text {
  color: #e0e0e0;
  justify-content: flex-start;
  font-weight: 300;
  display: flex;
}

.navbar-button-text.is-absolute {
  position: absolute;
}

.button-block-secondary {
  background-color: #ebebeb;
  border: 1px solid #f0f0f0;
  border-radius: 100vw;
  flex-direction: column;
  align-items: center;
  width: 12rem;
  padding: .65rem 1.65rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text-secondary {
  z-index: 1;
  color: var(--base-color-brand--ofaw-blue);
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-secondary.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.contact-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.contact-form-block {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

.contact-form {
  grid-column-gap: 1.1rem;
  grid-row-gap: 1.1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-field-label {
  margin-bottom: .5rem;
  font-weight: 400;
}

.form-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.form-checkbox-label {
  margin-bottom: 0;
}

.form-checkbox-label.text-size-small {
  font-size: .875rem;
}

.success-text {
  font-weight: 600;
}

.error-text {
  color: #e23939;
}

.contact-info-wrapper {
  height: 100%;
  padding-bottom: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.form-wrapper-horizontal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-components {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.content-newsletter {
  position: sticky;
  top: 5rem;
}

.team-item {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.team-image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 100%;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  min-height: 4rem;
  overflow: hidden;
}

.team-image-content {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.blog-featured-item {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 4rem;
  display: grid;
}

.blog-featured-image-link {
  width: 100%;
}

.blog-image-wrapper {
  width: 100%;
  overflow: hidden;
}

.blog-featured-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 9px;
  width: 100%;
  height: 100%;
}

.blog-featured-item-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-top: 1rem;
  display: flex;
}

.blog-featured-title-link {
  margin-bottom: 1rem;
  text-decoration: none;
  display: block;
}

.updates-hero-wrap {
  background-color: #3a6392;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  padding-right: 5rem;
  display: flex;
}

.updates-hero-wrap.blog {
  flex-flow: column;
  min-height: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.updates-hero-wrap.blog.section-hero.rounded-corners {
  background-image: url('../images/grid_1grid.png'), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--base-color-brand--ofaw-white) 0%, #ffb58d 31%, #ff6f9a 57%, #dd7cf6 82%, var(--base-color-brand--ofaw-white));
  background-position: 0 0, 0 0;
  background-size: 2.4rem, auto;
  border: 1px solid #e7e7e7;
  padding-left: 5rem;
}

.hero {
  color: #3a6391;
  font-size: 3rem;
  font-weight: 600;
}

.hero.blog {
  color: #fff;
  text-align: center;
  font-weight: 500;
}

.hero-container {
  margin-top: 10vh;
  margin-left: 5%;
  margin-right: 5%;
}

.hero-container.for-contact {
  justify-content: flex-start;
  padding-left: 80px;
  padding-right: 0;
}

.hero-container.for-contact.for-template-page {
  padding-bottom: 120px;
}

.update-item {
  border-bottom: 1px solid #0000001f;
  width: 90%;
  max-width: 88rem;
  margin-left: auto;
  margin-right: auto;
}

.horizontal-alignment {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bold {
  font-weight: 600;
}

.pricing-spacer-top {
  height: 0;
}

.top-bar {
  color: #fff;
  text-align: center;
  background-color: #5c24fb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.top-bar-link {
  color: #fff;
}

.header-wrapper {
  padding-left: 5%;
  padding-right: 5%;
}

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

.header-section-large {
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40vh;
  padding-top: 7rem;
  padding-bottom: 7rem;
  display: flex;
}

.header-section-large.down {
  flex-direction: column;
}

.text-seven {
  text-align: center;
  font-size: 2rem;
}

.text-seven.small {
  font-size: 1rem;
}

.margin-bottom-secondary {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.max-width-large-secondary {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.title-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-layer-two {
  margin-left: auto;
  margin-right: auto;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.blogpost-content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: block;
}

.hero-template {
  z-index: 4;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-template.for-template-page {
  height: auto;
  min-height: auto;
  overflow: visible;
}

.contact-container {
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.contact-image-wrapper-two {
  width: 47%;
  min-width: 47%;
}

.contact-image-wrapper-two.for-template-page {
  height: 100vh;
  position: sticky;
  top: 0;
}

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

.image-seven.zero-saturation-image {
  filter: saturate(0%);
}

.wrapper-two {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.wrapper-two.contact-header {
  flex: none;
  position: relative;
  left: -19vw;
  overflow: visible;
}

.wrapper-two.contact-header.absolute {
  position: absolute;
  left: -8vw;
}

.perspective-wrapper {
  z-index: 3;
  perspective: 700px;
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  position: relative;
}

.heading-one {
  text-transform: uppercase;
}

.heading-one.hidden {
  opacity: 0;
  color: #0000;
}

.contact-image-wrapper-mobile {
  display: none;
}

.contact-paragraph {
  max-width: 410px;
  margin-top: 28px;
}

.contact-line {
  background-color: #222;
  width: 2px;
  height: 100%;
  margin-top: 22px;
  margin-bottom: 22px;
}

.contact-line.for-template-page {
  background-color: #757575;
  height: 22.5vh;
}

.template-info-container {
  max-width: 410px;
}

.template-info-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.template-info-paragraph {
  margin-top: 4px;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 100rem;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-2.max-width-full {
  background-color: var(--base-color-brand--ofaw-blue);
}

.pricing-divider-2 {
  background-color: #000;
  width: 100%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pricing-divider-2.transparent {
  background-color: #0000;
}

.pricing-plan-3 {
  background-color: #fff;
  border: 1px solid #c9c9c954;
  border-radius: 17px;
  margin-top: 1.5rem;
  padding: 2rem;
}

.pricing-plan-3.feature {
  background-image: linear-gradient(#ffffff5c, #ffffff5c), linear-gradient(151deg, #fff, #fff 0%, #f8a474 30%, #fc5f8d 58%, #ff779f 79%, #fa77ff 91%, #fdcfff), url('../images/grid_1grid.png');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, 2.2rem;
  border-color: #f0f0f0;
  margin-top: 0;
}

.navbar-dropdown-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: .5rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: stretch;
  place-items: stretch stretch;
  width: 100%;
  padding: 1rem;
  text-decoration: none;
  transition: all .65s;
  display: grid;
  box-shadow: 0 0 2px #00000036;
}

.navbar-dropdown-link:hover {
  background-color: #d1e8ff;
  padding: 1rem;
}

.navbar-dropdown-link:lang(en) {
  border: 1px #3f79fa;
}

.navbar-dropdown-link.w--current {
  border: 2px #3f79fa;
  box-shadow: 0 0 10px 3px #3f79fa;
}

.navbar-dropdown-link.w--current:lang(en) {
  border-style: none;
}

.navbar-dropdown-content {
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-dropdown-heading {
  color: #000;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  padding-top: 15px;
  padding-left: 1rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.navbar-dropdown-heading.shorter-tittle {
  padding-top: 15px;
}

.additional-space {
  border: 1px #000;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  min-height: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.by-app {
  grid-row-gap: .5rem;
  border-right: 1px #000;
  flex: 0 auto;
  grid-template-rows: max-content auto auto auto;
  grid-template-columns: .5fr .5fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: center stretch;
  padding: 20px;
  display: grid;
}

.solutions_drop_down {
  justify-content: center;
  align-items: center;
  display: block;
  position: static;
}

.navbar-column {
  grid-column-gap: 0rem;
  grid-row-gap: 0px;
  border-top: 2px none var(--base-color-brand--ofaw-blue);
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  padding: 0;
  display: grid;
}

.by-industry {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.navbar-icon-wrapper {
  color: #7f56d9;
  flex: none;
  width: 50px;
  height: 50px;
}

.navbar-row {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-top: 2px solid #3f79fa;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: stretch;
  align-items: stretch;
  margin-top: 1rem;
  padding: 0;
  display: grid;
}

.navbar-dropdown-list {
  background-color: var(--base-color-brand--ofaw-white);
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  width: 100%;
  max-width: 100vw;
  max-height: none;
  position: relative;
  overflow: auto;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.navbar-dropdown-list.w--open {
  background-color: var(--base-color-brand--ofaw-white);
  border-top: 1px solid #6e7191;
  border-bottom: 1px solid #a1a1a1;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 5.0625rem 0% auto;
  overflow: hidden;
}

.dropdown_arrow_icon {
  color: var(--base-color-brand--ofaw-white);
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 2rem;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.dropdown_arrow_icon:hover {
  color: var(--background-color--background-primary-ofaw);
}

.svg {
  color: #000;
  width: 100%;
  height: 100%;
  padding: 9px;
  transition: color .3s;
}

.navbar-item-heading {
  color: #101828;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.navbar-item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.path {
  width: 100%;
  height: 100%;
}

.nav---header-nav-link-2 {
  color: var(--base-color-brand--ofaw-white);
  text-align: left;
  padding: 0 1rem;
  font-family: Outfit, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  transition: color .3s;
}

.navbar-item-right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: stretch;
  place-items: center start;
  font-size: 14px;
  font-weight: 400;
  display: grid;
}

.uui-navbar01_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.navbar-container-2-0 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  height: auto;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.uui-navbar01_dropdown-toggle {
  color: #475467;
  align-items: center;
  padding: 1.75rem 2.25rem 1.75rem 0;
  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;
  transition: all .3s;
  display: flex;
}

.uui-navbar01_dropdown-toggle:hover {
  color: #344054;
}

.by-department {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px;
  display: grid;
}

._365title {
  color: #101828;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
}

._365-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

._365-dropdown {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border: 1.5px solid #950de3;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-right: 0;
  padding: 1rem;
  text-decoration: none;
  transition: all .65s;
  display: flex;
}

._365-dropdown:hover {
  background-color: #d1e8ff;
  padding: 1rem;
}

.text-block-9 {
  color: #000;
  font-size: 11px;
}

.navbar-cta-button {
  background-color: var(--base-color-brand--ofaw-blue);
  color: var(--base-color-brand--ofaw-white);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 100rem;
  justify-content: center;
  margin-left: 25px;
  margin-right: 25px;
  padding: 12px 109px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.navbar-cta-button:hover {
  background-color: var(--base-color-neutral--black);
  color: #fff;
  transform: translate3d(0, -3px, .01px);
}

.image-2 {
  width: 33px;
}

.uui-logos04_list {
  white-space: nowrap;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center start;
  width: 175rem;
  display: flex;
}

.uui-logos04_wrapper {
  justify-content: center;
  align-items: center;
  width: 7rem;
  padding: .75rem 1.5rem;
  display: flex;
}

.uui-logos04_logo {
  border-radius: 10px;
  width: 5rem;
  height: auto;
  box-shadow: 2px 2px 5px 1px #0003;
}

.pricing-plan-color {
  background-color: var(--base-color-brand--ofaw-white);
  border: 1px solid #c9c9c954;
  border-radius: 17px;
  margin-top: 1.5rem;
  padding: 2rem;
}

.pricing-plan-color.feature {
  background-image: linear-gradient(to bottom, #ffffff5c, #ffffff5c), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--background-color--background-primary-ofaw) 22%, var(--background-color--background-secondary-ofaw) 37%, var(--background-color--background-primary-ofaw) 58%, var(--background-color--background-primary-ofaw) 79%, var(--background-color--background-secondary-ofaw) 91%, #fdcfff), url('../images/grid_1grid.png');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, 2.2rem;
  border-color: #f0f0f0;
  margin-top: 0;
}

.text-weight-semibold-testamonials {
  font-weight: 600;
}

.most-popular-container {
  background-image: linear-gradient(154deg, var(--base-color-brand--ofaw-lavendar), var(--base-color-brand--ofaw-blue) 48%, var(--base-color-brand--ofaw-turquise));
  color: var(--base-color-brand--ofaw-white);
  text-align: center;
  border-radius: 20px;
  max-width: 12rem;
  margin-bottom: -20px;
  padding: 10px 30px;
  position: relative;
}

.uui-logo-loop_component {
  height: 4.5rem;
  margin-top: 2rem;
}

.uui-logo-loop_inner {
  display: flex;
}

.image-3 {
  width: 6rem;
  height: 6rem;
}

.section-big-icon {
  background-image: url('../images/grid_1grid.png'), linear-gradient(136deg, var(--background-color--background-primary-ofaw) 11%, var(--base-color-brand--ofaw-white) 24%, var(--base-color-brand--ofaw-white) 35%, var(--background-color--background-secondary-ofaw) 48%, var(--background-color--background-primary-ofaw) 60%, var(--background-color--background-secondary-ofaw) 76%, var(--base-color-brand--ofaw-white) 89%, white);
  background-position: 0 0, 0 0;
  background-size: 2.4rem, auto;
  max-width: 100vw;
  padding-top: 4rem;
  position: relative;
  overflow: hidden;
}

.section-big-icon.rounded-corner {
  border: 1px solid #f1f1f1;
  border-radius: 16px;
}

.section-big-icon.features {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, transparent 11%, #fff 63%), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--base-color-brand--ofaw-blue) 16%, var(--base-color-brand--ofaw-turquise) 38%, var(--base-color-brand--ofaw-blue) 57%, var(--base-color-brand--ofaw-lavendar) 76%, var(--base-color-brand--ofaw-white) 96%);
  color: #222;
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-flow: row;
  width: auto;
  padding: 5rem;
  display: flex;
}

.image-4 {
  width: 10rem;
  height: 10rem;
  position: static;
}

.tab-link-tab-1 {
  background-color: var(--base-color-brand--ofaw-white);
  text-align: center;
  border: 1px solid #000;
  border-radius: 100rem;
  width: 12rem;
  margin-left: 10px;
  margin-right: 10px;
}

.tab-link-tab-1.w--current {
  background-color: var(--base-color-brand--ofaw-blue);
  color: var(--base-color-brand--ofaw-white);
  text-align: center;
  border-radius: 100rem;
  flex: none;
  align-self: center;
  width: 12rem;
  margin-left: 10px;
  margin-right: 10px;
}

.tab-link-tab-2 {
  background-color: var(--base-color-neutral--white);
  text-align: center;
  border: 1px solid #000;
  border-radius: 100rem;
  flex: 0 auto;
  align-self: center;
  width: 12rem;
  margin-left: 10px;
  margin-right: 10px;
}

.tab-link-tab-2.w--current {
  background-color: var(--base-color-brand--ofaw-blue);
  color: var(--base-color-brand--ofaw-white);
  border-radius: 100rem;
  margin-left: 10px;
  margin-right: 10px;
}

.tab-link-tab-3 {
  background-color: var(--base-color-brand--ofaw-white);
  text-align: center;
  border: 1px solid #000;
  border-radius: 100rem;
  flex: none;
  align-self: center;
  width: 12rem;
  margin-left: 10px;
  margin-right: 10px;
}

.tab-link-tab-3.w--current {
  background-color: var(--base-color-brand--ofaw-blue);
  color: var(--base-color-brand--ofaw-white);
  flex: 0 auto;
}

.tabs-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px none var(--link-color--link-secondary);
  border-radius: 100rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: .25rem;
  display: flex;
}

.app-image {
  width: 10rem;
  height: 10rem;
}

.section-overlay-top {
  z-index: 1;
  background-image: linear-gradient(0deg, transparent, var(--base-color-brand--ofaw-white));
  height: 7.5rem;
  margin-bottom: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.button-text-secondary-2 {
  z-index: 1;
  color: #3f79fa;
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-secondary-2.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.button-text-secondary-3 {
  z-index: 1;
  color: #3f79fa;
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-secondary-3.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.button-text-secondary-4 {
  z-index: 1;
  color: #3f79fa;
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-secondary-4.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.button-text-secondary-5 {
  z-index: 1;
  color: #3f79fa;
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-secondary-5.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.button-text-secondary-6 {
  z-index: 1;
  color: #3f79fa;
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-secondary-6.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.button-text-secondary-7 {
  z-index: 1;
  color: #3f79fa;
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-secondary-7.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.button-text-secondary-8 {
  z-index: 1;
  color: #3f79fa;
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-secondary-8.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.button-text-secondary-9 {
  z-index: 1;
  color: #3f79fa;
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-secondary-9.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.button-text-secondary-10 {
  z-index: 1;
  color: #3f79fa;
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-secondary-10.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.nav-logo {
  max-width: 190px;
}

.navbar-menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.navbar-shadow {
  z-index: 0;
  opacity: 0;
  position: absolute;
  inset: 0%;
  box-shadow: 0 0 #0000, 0 0 #00000008, 0 0 .2px #00000009, 0 1px .7px #0000000a, 0 2px 2.1px #0000000b, 0 5px 5.1px #0000000b, 0 12px 11.9px #0000000c, 0 29px 29.3px #0000000c;
}

.text-block-12 {
  color: #000;
  font-size: 11px;
}

.nav---header-nav-link-3 {
  color: #211f54;
  text-align: left;
  padding: 0 1rem;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  transition: color .3s;
}

.nav---header-nav-link-3:hover {
  color: #1d59f9;
}

.uui-navbar01_menu-button {
  padding: 0;
}

.nav---btn-primary-small-2 {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #3f79fa;
  border-radius: 10px;
  justify-content: center;
  padding: 12px 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  box-shadow: 0 0 #7a98ff00, 0 1.5px 8.6px #7a98ff58, 0 3.7px 17.8px #7a98ff65, 0 8.6px 29.6px #7a98ff6e;
}

.nav---btn-primary-small-2:hover {
  color: #fff;
  background-color: #950de3;
  transform: translate3d(0, -3px, .01px);
}

.navbar-logo-link {
  padding-left: 0;
}

.navbar-button-wrapper-2-0 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  margin-left: .25rem;
  margin-right: .25rem;
  display: flex;
}

.navbar-dropdown-toggle {
  color: #475467;
  justify-content: flex-start;
  align-items: center;
  min-height: 5.2rem;
  padding: 1.75rem 2rem 1.75rem .5rem;
  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;
  transition: all .3s;
  display: flex;
}

.navbar-dropdown-toggle:hover {
  color: #344054;
}

.navbar-menu-2-0 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: static;
}

.navbar-menu-left {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 630px;
  display: flex;
}

.navbar-2 {
  z-index: 11;
  background-color: var(--base-color-brand--ofaw-blue);
  border-bottom: 1px solid #f2f4f7;
  align-items: center;
  min-height: 5.2rem;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: sticky;
  top: 0%;
  left: 0%;
  right: 0%;
}

.navbar-app-description {
  color: #000;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  font-size: 11px;
  display: flex;
}

.navbar-section-header {
  color: var(--base-color-brand--ofaw-white);
  text-align: center;
  flex: 0 auto;
  min-width: 100px;
  padding: 0 1rem;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-decoration: none;
  transition: color .3s;
}

.navbar-section-header:hover {
  filter: drop-shadow(0 0 8px #fff);
  color: var(--background-color--background-primary-ofaw);
  font-weight: 700;
}

.navbar-section-header:active {
  color: var(--base-color-brand--ofaw-white);
}

.navbar-section-header.w--current {
  filter: drop-shadow(0px 0px 10px var(--base-color-brand--ofaw-white));
  color: var(--base-color-brand--ofaw-white);
  font-weight: 400;
  text-decoration: none;
}

.products_drop_down {
  position: static;
}

.by-functionality {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-right: 2px solid var(--base-color-brand--ofaw-blue);
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.hero-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.circle-wrapper-2-0 {
  z-index: 0;
  opacity: .79;
  justify-content: center;
  align-items: center;
  margin-bottom: -530px;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.blur-2-0 {
  z-index: 0;
  background-image: linear-gradient(308deg, var(--base-color-brand--ofaw-lavendar) 12%, var(--base-color-brand--ofaw-blue) 49%, var(--base-color-brand--ofaw-turquise) 78%);
  filter: blur(60px) blur(60px);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50rem;
  height: 35rem;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.pricing {
  color: var(--base-color-neutral--black);
  font-family: Outfit, sans-serif;
  font-size: 3.25rem;
  font-weight: 600;
  line-height: 1;
}

.image-5 {
  position: absolute;
}

.header-component-apps {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout-image-wrapper-apps {
  background-image: none;
  background-position: 0 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.app-icon-on-app-page {
  width: 3rem;
  margin-right: 15px;
}

.app-name-wrapper {
  align-items: center;
  display: flex;
}

.app-name-on-app-page {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}

.button-group-for-app-centered {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.section-overlay-app-hero {
  z-index: 1;
  background-image: linear-gradient(180deg, transparent, var(--base-color-brand--ofaw-white));
  height: 8rem;
  position: absolute;
  inset: auto 0% 0%;
}

.license-terms-layout {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.list, .list-2, .list-3 {
  font-size: .875rem;
}

.privacy-policy-table {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-style-apps {
  color: var(--base-color-brand--ofaw-white);
  font-family: Outfit, sans-serif;
  font-size: 5rem;
  font-weight: 600;
  line-height: 1;
}

.gradient-background-blur-features {
  z-index: 0;
  opacity: .37;
  filter: blur(19px);
  background-image: linear-gradient(225deg, #1d59f9, #950de3 54%, #00ffd1);
  display: block;
  position: absolute;
  inset: 0%;
}

.tab-features-wrapper {
  color: var(--base-color-neutral--black);
  width: 100%;
  position: relative;
  overflow: visible;
}

.tab-features-wrapper:hover {
  color: var(--base-color-brand--ofaw-white);
}

.feature-table {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.feature-table.flex-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.feature-heading {
  z-index: 1;
  color: var(--base-color-neutral--black);
  background-color: #fff;
  border: 1px solid #c4c4c491;
  border-radius: 100rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  transition: none;
  display: block;
  position: relative;
}

.feature-heading:hover {
  background-color: var(--base-color-brand--ofaw-blue);
  color: var(--base-color-brand--ofaw-white);
}

.feature-heading:focus {
  background-color: var(--base-color-brand--ofaw-blue);
}

.features {
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 75%;
  margin-bottom: 32px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.features._2col {
  flex: 0 50%;
}

.features._2col.overflow-visible {
  z-index: 3;
  width: 100%;
  margin: 0;
  padding: 25px 0 0;
  overflow: visible;
}

.features._2col.tab-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  flex-basis: 100%;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  padding: 30px 0 0;
  display: flex;
  overflow: visible;
}

.features-tab-panel-wrapper {
  text-align: center;
  border: 1px #d4d4d4;
  border-radius: 20px;
  justify-content: center;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.checkbox-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.features-tab-pane {
  overflow: visible;
}

.header4 {
  text-align: left;
  max-width: 25ch;
  margin-bottom: -3px;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.2;
}

.features_tab_panel_right {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  text-align: center;
  background-color: #ceddf84d;
  border: 0 #d4d4d4;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  display: flex;
  position: relative;
}

.image-6 {
  width: 20px;
}

.right_features_container {
  border: 1px solid #c4c4c491;
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
}

.feature-heading-text {
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  display: block;
}

.feature-heading-text:hover {
  justify-content: space-between;
  align-items: stretch;
  display: block;
}

.feature-heading-text:focus {
  color: var(--base-color-brand--ofaw-white);
}

.features-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  height: 5rem;
  display: flex;
}

.btn-hero {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  transform-style: preserve-3d;
  background-color: #1d59f9;
  background-image: repeating-linear-gradient(-1010deg, #950de3, #1d59f9 54%, #00ffd1);
  border: 1px solid #1d59f9;
  border-radius: 15px;
  justify-content: center;
  padding: 5px 80px;
  font-size: 23px;
  font-weight: 700;
  line-height: 34.5px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  box-shadow: 0 0 #7a98ff00, 0 1.5px 8.6px #7a98ff58, 0 3.7px 17.8px #7a98ff65, 0 8.6px 29.6px #7a98ff6e;
}

.btn-hero:hover {
  color: #fff;
  background-color: #00ffd1;
  text-decoration: underline;
  transform: translate3d(0, -3px, .01px);
}

.btn-hero.features {
  width: 100%;
}

.uui-button {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #1d59f9;
  border: 1px solid #7f56d9;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  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;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

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

.uui-button:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}

.btn-hero-text {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 20px;
  display: flex;
}

.feature-app-text {
  text-align: center;
  font-size: 17px;
  font-weight: 400;
}

.features_right_panel_container {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.left-maintext {
  border: 1px #000;
  border-radius: 0;
  overflow: hidden;
}

.div-block-8 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  align-items: center;
  display: flex;
}

.feature-list {
  text-align: left;
  margin-bottom: -3px;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
}

.features-iconpack {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-color: #c4c4c491;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 380px;
  padding: 10px 20px;
  transition: transform .3s, background-color .3s;
  display: flex;
}

.features-image-icon-wrapper {
  background-color: #00ffd1;
  border-radius: 12px;
  width: 50px;
  height: 50px;
}

.features-tab-panel-visual {
  text-align: center;
  border: 1px #d4d4d4;
  border-radius: 0;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
}

.features-description-text {
  color: var(--text-color--text-primary);
  text-align: center;
  max-width: 50ch;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.features-icon-wrapper {
  width: 60px;
  height: 60px;
}

.features-tab-link {
  border: 1px solid var(--border-color--border-secondary);
  background-color: var(--base-color-brand--ofaw-white);
  opacity: 1;
  color: #182c4f;
  cursor: pointer;
  border-radius: 100rem;
  width: 20rem;
  margin: 10px 0;
  padding: 20px;
  transition: none;
  display: block;
}

.features-tab-link:hover {
  background-color: var(--background-color--background-primary-ofaw);
  opacity: 1;
  border-left-style: none;
  border-left-color: #ff6161;
  text-decoration: none;
}

.features-tab-link.w--current {
  background-color: var(--base-color-brand--ofaw-blue);
  opacity: 1;
  color: var(--base-color-brand--ofaw-white);
  border-left-style: none;
  border-left-color: #ff6161;
  border-radius: 100rem;
  width: 20rem;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
}

.features-tab-link.w--current:hover {
  color: var(--base-color-brand--ofaw-white);
}

.text-block-16 {
  text-align: center;
}

.uui-navbar01_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  border-right: 1px solid #6e7191;
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px 15px;
  display: grid;
}

.uui-navbar01_icon-wrapper {
  color: #7f56d9;
  flex: none;
  width: 50px;
  height: 50px;
}

.image-7 {
  width: 33px;
}

.text-block-17 {
  color: #000;
  font-size: 11px;
}

.navbar-item-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.navbar-dropdown-link-center {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  background-image: none;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 2rem;
  text-decoration: none;
  transition: all .65s;
  display: flex;
  box-shadow: 0 0 2px #0003;
}

.navbar-dropdown-link-center:hover {
  background-color: #d1e8ff;
  padding: 1.5rem 3rem;
}

.navbar-dropdown-link-center.w--current {
  padding: 1.5rem 3rem;
  box-shadow: 0 0 10px 3px #3f79fa;
}

.navbar-item-heading-special {
  text-align: center;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 800;
}

.navbar-item-heading-special.margin-bottom-0 {
  margin-bottom: 0;
}

.navbar-app-description-special {
  text-align: center;
  font-size: 14px;
}

.circle-wrapper-solutions {
  z-index: 0;
  opacity: .79;
  margin-bottom: -530px;
  position: relative;
  inset: 0% auto auto 0%;
}

.blur-2-0-solutions {
  z-index: -1;
  background-image: linear-gradient(308deg, var(--base-color-brand--ofaw-lavendar) 12%, var(--base-color-brand--ofaw-blue) 49%, var(--base-color-brand--ofaw-turquise) 78%);
  filter: blur(60px) blur(60px);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50rem;
  height: 35rem;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.circle-wrapper-apps {
  z-index: 0;
  opacity: .79;
  margin-bottom: 0;
  padding-left: 0;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.blur-2-0-apps {
  z-index: -1;
  background-image: linear-gradient(308deg, var(--base-color-brand--ofaw-lavendar) 12%, var(--base-color-brand--ofaw-blue) 49%, var(--base-color-brand--ofaw-turquise) 78%);
  filter: blur(60px) blur(60px);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40rem;
  height: 35rem;
  margin-left: -50px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.features-image-wrapper {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.features-image-section {
  background-image: url('../images/grid_1grid.png'), linear-gradient(136deg, var(--background-color--background-primary-ofaw) 11%, var(--base-color-brand--ofaw-white) 24%, var(--base-color-brand--ofaw-white) 35%, var(--background-color--background-secondary-ofaw) 48%, var(--background-color--background-primary-ofaw) 60%, var(--background-color--background-secondary-ofaw) 76%, var(--base-color-brand--ofaw-white) 89%, white);
  background-position: 0 0, 0 0;
  background-size: 2.4rem, auto;
  max-width: 100vw;
  padding-top: 4rem;
  position: relative;
  overflow: hidden;
}

.features-image-section.rounded-corner {
  border: 1px solid #f1f1f1;
  border-radius: 16px;
}

.features-image-section.features {
  color: #222;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4rem;
  display: flex;
}

.text-size-medium-hero {
  background-color: var(--base-color-brand--ofaw-white);
  color: var(--base-color-brand--ofaw-white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.125rem;
}

.text-size-medium-hero.text-color-secondary {
  color: var(--base-color-brand--ofaw-white);
}

.text-size-medium-hero.text-weight-bold {
  font-weight: 500;
}

.text-size-medium-hero.text-align-center.normal {
  text-align: left;
}

.text-size-medium-hero.text-color-grey {
  color: #353535;
}

.circle-wrapper-features {
  z-index: 0;
  opacity: .79;
  margin-bottom: 0;
  padding-left: 0;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.blur-2-0-features {
  z-index: -1;
  background-image: linear-gradient(308deg, var(--base-color-brand--ofaw-lavendar) 12%, var(--base-color-brand--ofaw-blue) 49%, var(--base-color-brand--ofaw-turquise) 78%);
  filter: blur(60px) blur(60px);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 95vw;
  height: 30vh;
  margin-top: -30px;
  margin-left: -100px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.section-overlay-small {
  z-index: 1;
  background-image: linear-gradient(180deg, transparent, var(--base-color-brand--ofaw-white));
  height: 5rem;
  position: absolute;
  inset: auto 0% 0%;
}

.shape-1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.shape-2 {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.shape-4 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.shape-3 {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.image-8 {
  width: 9rem;
  margin-left: -100px;
}

.image-9 {
  width: 8rem;
}

.image-10 {
  width: 9rem;
  margin-right: -109px;
  padding-right: 0;
}

.image-11 {
  width: 6rem;
  margin-top: 43px;
  margin-bottom: 30px;
}

.ofaw-shapes {
  position: absolute;
  inset: 5% 10% auto;
}

.microsoft-app-logo-loop-component {
  height: 4.5rem;
  margin-top: 2rem;
}

.microsoft-logo {
  box-shadow: none;
  border-radius: 10px;
  width: 5rem;
  height: auto;
}

.microsoft-logo-list {
  white-space: nowrap;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center start;
  width: 175rem;
  display: flex;
}

.feature-image {
  width: auto;
  max-width: 100%;
}

.features-left {
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 33%;
  margin-bottom: 32px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.features-left._2col {
  flex: 0 50%;
}

.features-left._2col.overflow-visible {
  z-index: 3;
  width: 100%;
  margin: 0;
  padding: 25px 0 0;
  overflow: visible;
}

.features-left._2col.tab-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  flex-basis: 100%;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  padding: 30px 0 0;
  display: flex;
  overflow: visible;
}

.features-right {
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 66%;
  margin-bottom: 32px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.features-right._2col {
  flex: 0 50%;
}

.features-right._2col.overflow-visible {
  z-index: 3;
  width: 100%;
  margin: 0;
  padding: 25px 0 0;
  overflow: visible;
}

.features-right._2col.tab-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  flex-basis: 100%;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  padding: 30px 0 0;
  display: flex;
  overflow: visible;
}

.app-costs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center stretch;
  display: grid;
}

.list-item {
  text-align: left;
  text-decoration: none;
}

.bold-text {
  text-align: right;
  text-decoration: none;
}

.list-item-2 {
  text-align: right;
}

.app-name, .app-cost {
  padding-left: 0;
}

.list-item-3 {
  text-align: left;
}

.bold-text-2 {
  text-align: left;
  text-decoration: none;
}

.bold-text-3, .bold-text-4 {
  font-weight: 500;
}

.section-microsoft-apps {
  z-index: 2;
  position: relative;
}

.ofaw-app-logo-loop-component {
  height: 4.5rem;
  margin-top: 2rem;
}

.ofaw-app-logo {
  box-shadow: none;
  filter: drop-shadow(0 0 10px #3f79fa);
  border-radius: 0;
  width: 5rem;
  height: auto;
}

.ofaw-app-logo-list {
  white-space: nowrap;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center start;
  width: 175rem;
  display: flex;
}

.footer-legal-text {
  font-size: .6rem;
}

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

.text-size-medium-centered {
  text-align: center;
  font-size: 1.125rem;
}

.text-size-medium-centered.text-color-secondary {
  color: var(--base-color-brand--ofaw-white);
}

.text-size-medium-centered.text-weight-bold {
  font-weight: 500;
}

.text-size-medium-centered.text-align-center.normal {
  text-align: left;
}

.text-size-medium-centered.text-color-grey {
  color: #353535;
}

.bold-text-5, .bold-text-6 {
  font-weight: 400;
}

.hero-image {
  width: 100%;
  max-width: 100%;
}

.text-size-medium-left {
  text-align: left;
  font-size: 1.125rem;
}

.text-size-medium-left.text-color-secondary {
  color: var(--base-color-brand--ofaw-white);
  text-align: left;
}

.text-size-medium-left.text-weight-bold {
  font-weight: 500;
}

.text-size-medium-left.text-align-center.normal {
  text-align: left;
}

.text-size-medium-left.text-color-grey {
  color: #353535;
}

.navbar-column-products {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: stretch;
  display: grid;
}

.button-block-primary-navbar-2-0 {
  background-color: var(--base-color-brand--ofaw-blue);
  border: 1px solid #f0f0f0;
  border-radius: 100vw;
  flex-direction: column;
  align-items: center;
  width: 12rem;
  padding: .65rem 1.65rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-block-primary-navbar-2-0:hover {
  background-color: var(--base-color-brand--ofaw-blue);
}

.button-block-primary-navbar {
  background-color: var(--base-color-brand--ofaw-blue);
  border: 1px solid #f0f0f0;
  border-radius: 100vw;
  flex-direction: column;
  align-items: center;
  padding: .65rem 1.65rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-block-primary-navbar:hover {
  background-color: var(--base-color-brand--ofaw-blue);
}

.button-group-for-navbar-centered {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: static;
}

.button-block-primary-navbar-3-0-copy {
  background-color: var(--base-color-brand--ofaw-blue);
  border: 1px solid #f0f0f0;
  border-radius: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: .65rem 1.65rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-block-primary-navbar-3-0-copy:hover {
  background-color: var(--base-color-brand--ofaw-blue);
}

.button-block-primary-navbar-3-0-copy.w--current {
  align-items: center;
}

.tabs-content {
  overflow: hidden;
}

.bold-text-7 {
  font-weight: 400;
}

.section-officeatwork-apps {
  z-index: 2;
  max-width: 100vw;
  position: relative;
  overflow: hidden;
}

.list-item-app-name {
  white-space: nowrap;
  padding-left: 0;
}

.list-item-5, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .list-item-10 {
  white-space: nowrap;
}

.list-item-cost {
  text-align: right;
  white-space: nowrap;
}

.code-embed {
  border-radius: 16px;
}

.by-app-2-0 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  object-fit: fill;
  border: 1px #000;
  flex-flow: wrap;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: stretch stretch;
  max-width: 100%;
  padding: 20px;
  display: grid;
}

.navbar-row-2-0 {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  padding: 0;
  display: grid;
}

.app-image-navbar {
  vertical-align: middle;
  width: 100%;
  max-width: none;
  height: 100%;
  padding-left: 9px;
  padding-right: 9px;
  display: inline;
}

.navbar-button-center-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.list-item-app-name-header {
  white-space: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list-item-cost-header {
  text-align: right;
  white-space: normal;
  justify-content: flex-end;
  align-items: flex-end;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.why-video {
  width: 80vw;
  max-width: 1240px;
}

.video-wrapper {
  border-radius: 15px;
  width: auto;
  overflow: hidden;
}

.layout-list-customer-stories {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.custome-story-quote-name {
  text-align: right;
  border-left-width: .5rem;
  border-bottom-left-radius: 20px;
  font-style: italic;
}

.customer-story-quote {
  text-align: justify;
  border-left-width: .5rem;
  border-top-left-radius: 20px;
  font-style: italic;
}

.text-size-medium-centered-2 {
  text-align: center;
  font-size: 1.125rem;
}

.max-width-large-customer-story {
  width: 100%;
  max-width: 60rem;
}

.customer-story-image {
  border-radius: 5rem;
  width: 20rem;
  height: auto;
  max-height: none;
  position: static;
}

.image-12 {
  border-radius: 20px;
  width: 15rem;
}

.div-block-9 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-big-image-customer-story {
  background-image: url('../images/grid_1grid.png'), linear-gradient(136deg, var(--background-color--background-primary-ofaw) 11%, var(--base-color-brand--ofaw-white) 24%, var(--base-color-brand--ofaw-white) 35%, var(--background-color--background-secondary-ofaw) 48%, var(--background-color--background-primary-ofaw) 60%, var(--background-color--background-secondary-ofaw) 76%, var(--base-color-brand--ofaw-white) 89%, white);
  background-position: 0 0, 0 0;
  background-size: 2.4rem, auto;
  max-width: 100vw;
  padding-top: 4rem;
  position: relative;
  overflow: hidden;
}

.section-big-image-customer-story.rounded-corner {
  border: 1px solid #f1f1f1;
  border-radius: 16px;
}

.section-big-image-customer-story.features {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, transparent 11%, #fff 63%), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--base-color-brand--ofaw-blue) 16%, var(--base-color-brand--ofaw-turquise) 38%, var(--base-color-brand--ofaw-blue) 57%, var(--base-color-brand--ofaw-lavendar) 76%, var(--base-color-brand--ofaw-white) 96%);
  color: #222;
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-flow: row;
  width: auto;
  padding: 7rem;
  display: flex;
}

.circle-wrapper-testimonials {
  z-index: -1;
  opacity: .79;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
  inset: auto;
  overflow: visible;
}

.blur-2-0-testimonials {
  z-index: -1;
  background-image: linear-gradient(308deg, var(--base-color-brand--ofaw-lavendar) 12%, var(--base-color-brand--ofaw-blue) 49%, var(--base-color-brand--ofaw-turquise) 78%);
  filter: blur(60px) blur(60px);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40rem;
  height: 35rem;
  margin-top: 30vh;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
}

.heading-39 {
  color: var(--base-color-neutral--white);
}

.text-size-medium-white {
  color: var(--base-color-neutral--white);
  text-align: left;
  font-size: 1.125rem;
  text-decoration: none;
}

.text-size-medium-white.text-color-secondary {
  color: var(--base-color-brand--ofaw-white);
  text-align: center;
}

.text-size-medium-white.text-weight-bold {
  font-weight: 500;
}

.text-size-medium-white.text-align-center.normal {
  text-align: left;
}

.text-size-medium-white.text-color-grey {
  color: #353535;
}

.microsoft-certifcation-image {
  filter: drop-shadow(0 0 20px #000000b3);
  width: 15rem;
}

.image-13 {
  width: 10rem;
}

.footer-logo {
  width: 10rem;
  margin-left: -9px;
  padding-left: 0;
}

.microsoft-logo-image {
  width: 1.75rem;
}

.logo-footer {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-footer.w--current {
  margin-left: -9px;
  padding-left: 0;
}

.button-block-primary-customer-story {
  background-color: var(--base-color-brand--ofaw-blue);
  border: 1px solid #f0f0f0;
  border-radius: 100vw;
  flex-direction: column;
  align-items: center;
  width: auto;
  padding: .65rem 1.65rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-block-primary-customer-story:hover {
  background-color: var(--base-color-brand--ofaw-blue);
}

.list-item-customer-story {
  font-size: 1.125rem;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-customer-story-stats {
  background-color: var(--base-color-brand--ofaw-blue);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 2rem 3rem;
}

.text-size-medium-centered-white-cs {
  color: var(--base-color-neutral--white);
  text-align: center;
  font-size: 1.125rem;
}

.text-size-medium-centered-white-cs.text-color-secondary {
  color: var(--base-color-brand--ofaw-white);
}

.text-size-medium-centered-white-cs.text-weight-bold {
  font-weight: 500;
}

.text-size-medium-centered-white-cs.text-align-center.normal {
  text-align: left;
}

.text-size-medium-centered-white-cs.text-color-grey {
  color: #353535;
}

.text-size-large-centered-white-cs-copy {
  color: var(--base-color-neutral--white);
  text-align: center;
  font-size: 2rem;
}

.text-size-large-centered-white-cs-copy.text-color-secondary {
  color: var(--base-color-brand--ofaw-white);
}

.text-size-large-centered-white-cs-copy.text-weight-bold {
  font-weight: 500;
}

.text-size-large-centered-white-cs-copy.text-align-center.normal {
  text-align: left;
}

.text-size-large-centered-white-cs-copy.text-color-grey {
  color: #353535;
}

.customer-story-client-logo-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-height: 5rem;
  display: flex;
}

.customer-story-client-logo-image {
  border-radius: 20rem;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 20rem;
  max-width: none;
  height: auto;
  display: block;
}

.blur-2-0-customer-story {
  z-index: -1;
  background-image: linear-gradient(308deg, var(--base-color-brand--ofaw-lavendar) 12%, var(--base-color-brand--ofaw-blue) 49%, var(--base-color-brand--ofaw-turquise) 78%);
  filter: blur(60px) blur(60px);
  border-radius: 500px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 60rem;
  height: 35rem;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.circle-wrapper-customer-story {
  z-index: 0;
  opacity: .79;
  margin-bottom: -530px;
  position: relative;
  inset: 0% auto auto 0%;
}

.text-span {
  white-space: nowrap;
}

.text-weight-semibold-footer {
  text-align: center;
  font-weight: 600;
}

.microsoft-logo-image-wordmark {
  width: 8rem;
  margin-left: 5px;
}

.button-block-alternate-navbar {
  background-color: var(--base-color-brand--ofaw-white);
  border-radius: 100vw;
  flex-direction: column;
  align-items: center;
  width: 150px;
  padding: .65rem 1.65rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.customer-story-image-ofaw {
  border-radius: 0;
  width: 30rem;
  height: auto;
  max-height: none;
  position: static;
}

.testimonial-overlay-top {
  z-index: 7;
  background-image: linear-gradient(180deg, var(--background-color--background-primary) 54%, transparent);
  height: 10vh;
  position: absolute;
  inset: auto 0% 0;
}

.testimonial-overlay-top.bottom {
  background-image: linear-gradient(0deg, var(--background-color--background-primary) 3%, transparent);
  inset: auto 0% 0%;
}

.text-weight-semibold-large {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}

.services_drop_down, .aboutus_drop_down {
  justify-content: center;
  align-items: center;
  display: block;
  position: static;
}

.about-us-navbar-row {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-top: 2px #6e7191;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: stretch;
  align-items: stretch;
  margin-top: 1rem;
  padding: 0;
  display: grid;
}

.about-us {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.starter-packges {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-right: 2px solid var(--base-color-brand--ofaw-blue);
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.paid-services {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.free-services {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.by-starter-package-2-0 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-right: 2px solid var(--base-color-brand--ofaw-blue);
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.by-premium-services-2-0 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.by-free-services-2-0 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.icon-image-navbar {
  vertical-align: middle;
  width: 100%;
  max-width: none;
  height: 100%;
  padding-left: 9px;
  padding-right: 9px;
  display: inline;
}

.partners-and-integations {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-style: solid none none;
  border-width: 2px 1px 1px;
  border-color: var(--base-color-brand--ofaw-blue) black black;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.by-industry-2-0 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top: 2px none var(--base-color-brand--ofaw-blue);
  border-right: 2px solid var(--base-color-brand--ofaw-blue);
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.by-application {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-style: none;
  border-width: 2px 1px 1px;
  border-color: var(--base-color-brand--ofaw-blue) black black;
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.div-block-10 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-center-line {
  border-top: 2px solid var(--base-color-brand--ofaw-blue);
  width: 100%;
  height: .2rem;
  display: flex;
}

.who-we-are {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-right: 2px solid var(--base-color-brand--ofaw-blue);
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.partnerships-integrations {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 1.25fr 1.25fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.tab-link-tab-4-0 {
  background-color: var(--base-color-brand--ofaw-white);
  text-align: center;
  border: 1px solid #000;
  border-radius: 100rem;
  flex: none;
  align-self: center;
  width: 12rem;
  margin-left: 10px;
  margin-right: 10px;
}

.tab-link-tab-4-0.w--current {
  background-color: var(--base-color-brand--ofaw-blue);
  color: var(--base-color-brand--ofaw-white);
  flex: 0 auto;
}

.section-overlay-bottom {
  z-index: 1;
  background-image: linear-gradient(180deg, transparent, var(--base-color-brand--ofaw-white));
  height: 13rem;
  position: absolute;
  inset: auto 0% 0%;
}

.button-block-alternate-testamonials {
  background-color: var(--base-color-brand--ofaw-white);
  border-radius: 100vw;
  flex-direction: column;
  align-items: center;
  width: auto;
  padding: .65rem 1.65rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-group-testamonials {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.all-solutions {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.all-solutions-row {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-top: 2px #3f79fa;
  border-bottom: 2px solid #3f79fa;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: stretch;
  align-items: stretch;
  margin-top: 1rem;
  padding: 0;
  display: grid;
}

.all-products {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template: "." max-content
  / 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.all-products-row {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-top: 2px #3f79fa;
  border-bottom: 2px #3f79fa;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: stretch;
  align-items: stretch;
  margin-top: 1rem;
  padding: 0;
  display: grid;
}

.all-services-row {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-top: 2px #3f79fa;
  border-bottom: 2px solid #3f79fa;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: stretch;
  align-items: stretch;
  margin-top: 1rem;
  padding: 0;
  display: grid;
}

.all-products-copy, .all-services {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.bold-text-8 {
  font-weight: 400;
}

.button-text-alternate-testamonials {
  z-index: 1;
  color: var(--base-color-brand--ofaw-blue);
  letter-spacing: .5px;
  text-transform: none;
  justify-content: flex-start;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.button-text-alternate-testamonials.is-text-absolute {
  position: absolute;
  transform: translate(0, 200%);
}

.list-item-microsoft-teams {
  font-size: 1.125rem;
}

.small-heading {
  font-weight: 500;
}

.text-block-19 {
  text-align: center;
  font-size: 3rem;
}

.component-template-header-wrapper {
  text-align: center;
  background-color: #ff5454;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  font-size: 3rem;
  display: flex;
}

.component-template-header {
  border: 10px solid #000;
  border-radius: 20px;
  flex: 1;
  height: 10rem;
}

.text-size-small-pricing {
  font-size: .875rem;
}

.text-weight-semibold-large-white {
  filter: drop-shadow(0 0 10px #000000b3);
  color: var(--base-color-neutral--white);
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}

.general-heading-2-white {
  color: var(--base-color-brand--ofaw-white);
}

.general-heading-4-pricing {
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  font-size: 1.25rem;
  line-height: 1.3;
}

.general-heading-4-pricing.text-weight-bold {
  font-weight: 500;
}

.heading-style-h1-black {
  font-size: 3rem;
}

.dropdown {
  text-align: center;
  display: block;
}

.dropdown.accordion {
  border-bottom: 1px none var(--base-color-brand--ofaw-blue);
  text-align: left;
  background-color: #fff;
  border-radius: 20px;
  width: 90%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}

.accordion-toggle {
  border-bottom: 2px none var(--base-color-brand--ofaw-blue);
  text-align: left;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  display: flex;
}

.dropdown-list {
  background-color: #ddd0;
  padding: 20px;
  display: block;
  position: static;
}

.accordion-icon {
  font-size: 1.125rem;
}

.faq-dropdown-wrapper {
  z-index: 1;
  background-color: #fff0;
  border-radius: 20px;
  position: relative;
}

.text-block-20 {
  font-weight: 500;
}

.text-size-medium-bold {
  text-align: left;
  font-size: 1.125rem;
  font-weight: 700;
  text-decoration: none;
}

.text-size-medium-bold.text-color-secondary {
  color: var(--base-color-brand--ofaw-white);
  text-align: center;
}

.text-size-medium-bold.text-weight-bold {
  font-weight: 500;
}

.text-size-medium-bold.text-align-center.normal {
  text-align: left;
}

.text-size-medium-bold.text-color-grey {
  color: #353535;
}

.shadow-two {
  outline-offset: 0px;
  background-color: #274875;
  border-radius: 20px;
  outline: 3px #fff;
  box-shadow: 0 4px 24px #96a3b514;
}

.image-14 {
  aspect-ratio: 1;
  text-align: center;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  border-radius: 20px;
  position: static;
}

.image-15 {
  text-align: left;
  border-radius: 20px;
  flex: 0 auto;
  order: 1;
  align-self: auto;
  max-width: 100%;
}

.image-16 {
  aspect-ratio: 1;
  text-align: center;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  border-radius: 20px;
  position: static;
}

.customer-story-client-logo-image-normal {
  border-radius: 0;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 15rem;
  max-width: none;
  height: auto;
  padding-bottom: 100px;
  display: block;
}

.pricing-app {
  color: var(--base-color-neutral--black);
  font-family: Outfit, sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1;
}

.general-heading-4-pricing-app {
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  font-size: 1.25rem;
  line-height: 1.3;
}

.general-heading-4-pricing-app.text-weight-bold {
  font-weight: 500;
}

.pricing-divider-3 {
  background-color: var(--base-color-neutral--black);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pricing-divider-3.transparent {
  background-color: #0000;
}

.e-learning-row {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-top: 2px #3f79fa;
  border-bottom: 2px #3f79fa;
  border-left: 2px #3f79fa;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: stretch;
  align-items: stretch;
  margin-top: 1rem;
  padding: 0;
  display: grid;
}

.e-learning {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 2.5fr;
  grid-auto-rows: max-content;
  grid-auto-columns: .75fr;
  justify-content: stretch;
  place-items: center start;
  padding: 20px 20px 20px 0;
  display: grid;
}

.spacer-xsmall-with-boarder {
  border: 2px #3f79fa;
  border-top-style: solid;
  width: 100%;
  padding-top: 1rem;
}

.pricing-plans-premium-support {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 20px;
}

.most-popular-container-ps {
  z-index: 1;
  background-image: linear-gradient(154deg, var(--base-color-brand--ofaw-lavendar), var(--base-color-brand--ofaw-blue) 48%, var(--base-color-brand--ofaw-turquise));
  color: var(--base-color-brand--ofaw-white);
  text-align: center;
  border-radius: 20px;
  max-width: 12rem;
  margin-bottom: -20px;
  padding: 10px 30px;
  position: relative;
  bottom: 50px;
}

.officeatwork-365-row {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-top: 2px #3f79fa;
  border-bottom: 2px #3f79fa;
  border-left: 2px #3f79fa;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: stretch;
  align-items: stretch;
  margin-top: 1rem;
  padding: 0;
  display: grid;
}

.officeatwork-365 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px #000;
  grid-template-rows: max-content;
  grid-template-columns: 2.5fr;
  grid-auto-rows: max-content;
  grid-auto-columns: .75fr;
  justify-content: stretch;
  place-items: center start;
  padding: 20px;
  display: grid;
}

.spacer-xsmall-with-boarder-bottom {
  border: 2px #3f79fa;
  border-bottom-style: solid;
  width: 100%;
  padding-top: 1rem;
}

.navbar-dropdown-link-main {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(298deg, var(--background-color--background-secondary-ofaw), var(--background-color--background-primary-ofaw) 50%, var(--background-color--background-tertiary-ofaw));
  border-radius: .5rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: stretch;
  place-items: stretch stretch;
  width: 100%;
  padding: 1rem;
  text-decoration: none;
  transition: all .65s;
  display: grid;
  box-shadow: 0 0 2px #00000036;
}

.navbar-dropdown-link-main:hover {
  background-color: #d1e8ff;
  padding: 1rem;
}

.navbar-dropdown-link-main:lang(en) {
  border: 1px #3f79fa;
}

.navbar-dropdown-link-main.w--current {
  border: 2px #3f79fa;
  box-shadow: 0 0 10px 3px #3f79fa;
}

.navbar-dropdown-link-main.w--current:lang(en) {
  border-style: none;
}

.lp-container {
  margin-top: 10px;
}

.lp-card-div {
  border: 1px solid var(--base-color-neutral--neutral-lighter);
  box-shadow: 0 0 3px 0 var(--base-color-neutral--neutral-light);
  border-radius: 15px;
  margin: 10px;
}

.lp-card-content-div {
  padding: 40px;
}

.lp-card-header-div {
  background-color: var(--base-color-brand--ofaw-blue);
  text-align: right;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.lp-card-header-logo-linkblock {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: 250px;
}

.lp-heading2 {
  color: var(--base-color-brand--ofaw-blue);
  padding-top: 40px;
}

.image-17 {
  padding: 15px;
}

@media screen and (min-width: 1440px) {
  a.w--current {
    width: 10rem;
  }

  .max-width-large {
    max-width: 50rem;
  }

  .text-size-medium {
    color: var(--base-color-neutral--black);
  }

  .text-size-medium.text-color-secondary {
    color: var(--base-color-brand--ofaw-white);
    font-size: 1.125rem;
  }

  .heading-style-h1 {
    color: var(--base-color-brand--ofaw-white);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    font-family: Outfit, sans-serif;
    font-size: 6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
  }

  .button.max-width-full {
    background-color: var(--base-color-brand--ofaw-blue);
  }

  .text-weight-semibold {
    text-align: center;
  }

  .icon-medium {
    width: 4rem;
    height: 4rem;
  }

  .section-hero {
    background-image: url('../images/grid_1grid.png'), linear-gradient(133deg, white, var(--base-color-brand--ofaw-white) 9%, var(--background-color--background-tertiary-ofaw) 25%, var(--background-color--background-primary-ofaw) 46%, var(--background-color--background-secondary-ofaw) 67%, var(--base-color-brand--ofaw-white) 91%, var(--base-color-brand--ofaw-white));
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: 2.4rem, auto;
  }

  .section-hero.features {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, transparent 11%, #fff 70%), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--base-color-brand--ofaw-blue) 16%, var(--base-color-brand--ofaw-turquise) 38%, var(--base-color-brand--ofaw-blue) 60%, var(--base-color-brand--ofaw-lavendar) 78%, var(--base-color-brand--ofaw-white) 96%);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
    width: auto;
    padding: 4rem;
  }

  .navbar {
    background-color: var(--base-color-brand--ofaw-blue);
    background-image: none;
    box-shadow: 0 20px 20px #0003;
  }

  .navbar-container {
    color: var(--base-color-neutral--black);
  }

  .navbar-logo {
    width: 10rem;
  }

  .section-overlay {
    height: 9rem;
  }

  .text-field {
    border-color: var(--border-color--border-secondary);
  }

  .submit-button {
    background-color: var(--base-color-brand--ofaw-blue);
    color: var(--base-color-brand--ofaw-white);
  }

  .hero-feature-icon, .hero-feature-text {
    color: var(--base-color-brand--ofaw-white);
  }

  .layout-component {
    grid-template-columns: 1fr 1fr;
  }

  .layout-image-wrapper {
    background-image: radial-gradient(circle, #0000 40%, #fff), url('../images/grid_2grid.png');
    background-position: 0 0, 0 0;
  }

  .pricing-tab-link.w--current {
    background-color: var(--base-color-brand--ofaw-blue);
    width: 175px;
  }

  .pricing-plan-4.feature {
    background-image: linear-gradient(to bottom, #ffffff5c, #ffffff5c), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--background-color--background-primary-ofaw) 22%, var(--background-color--background-secondary-ofaw) 37%, var(--background-color--background-tertiary-ofaw) 58%, var(--background-color--background-primary-ofaw) 79%, var(--background-color--background-secondary-ofaw) 91%, #fdcfff), url('../images/grid_1grid.png');
    background-position: 0 0, 0 0, 0 0;
    background-size: auto, auto, 2.2rem;
    height: auto;
    margin-top: 0;
  }

  .pricing-divider {
    overflow-wrap: normal;
  }

  .pricing-divider.transparent {
    background-color: var(--base-color-neutral--black);
  }

  .section-layout-two {
    background-color: var(--base-color-brand--ofaw-white);
  }

  .section-layout-two.section-hero {
    background-image: none;
    background-size: auto;
  }

  .layout-three-component {
    grid-template-columns: .5fr 1fr;
  }

  .layout-content-left {
    padding-top: 60vh;
  }

  .layout-item-three {
    height: 100vh;
  }

  .layout-image-three.image-four {
    padding-top: 0;
  }

  .circle-wrapper {
    padding-right: 0;
    position: absolute;
    inset: 0%;
  }

  .blur {
    filter: blur(60px) blur(60px);
    justify-content: center;
    align-items: center;
    width: 34.5rem;
    position: absolute;
    inset: 100rem 10% 150rem;
  }

  .testimonial-component.section-hero.testimonial {
    background-image: linear-gradient(#0000, #0000);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 1.5rem;
  }

  .testimonial-overlay {
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    width: 60%;
    display: block;
    left: auto;
  }

  .footer-menu-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .logo-component {
    font-size: 2rem;
    line-height: 4;
  }

  .logo-item {
    border-radius: 10px;
    width: auto;
    height: auto;
    max-height: 4rem;
  }

  .heading-cta {
    color: var(--text-color--text-primary);
  }

  .button-2.max-width-full {
    background-color: var(--base-color-brand--ofaw-blue);
  }

  .pricing-plan-3 {
    height: 40rem;
  }

  .navbar-dropdown-link {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    box-shadow: 0 0 2px #00000036;
  }

  .navbar-dropdown-link.w--current {
    grid-template-columns: max-content 1fr;
    width: 100%;
    box-shadow: 0 0 10px 2px #3f79fa;
  }

  .navbar-dropdown-content {
    object-fit: fill;
    flex-flow: wrap;
    flex: auto;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .navbar-dropdown-heading, .navbar-dropdown-heading.shorter-tittle {
    padding-top: 15px;
  }

  .additional-space {
    z-index: 0;
    background-color: var(--base-color-brand--ofaw-white);
    box-shadow: none;
    border: 1px #000;
    min-height: 120px;
    position: relative;
  }

  .by-app {
    object-fit: fill;
    flex-flow: wrap;
    flex: auto;
    order: 0;
    grid-template-rows: max-content auto auto;
    grid-template-columns: .5fr .5fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    align-self: auto;
    place-items: center start;
    width: 100%;
    height: 100%;
    padding: 20px 15px;
    display: grid;
  }

  .navbar-column {
    border: 1px #000;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
  }

  .by-industry {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content;
    grid-template-columns: .5fr .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center start;
    padding-top: 15px;
    display: grid;
  }

  .navbar-icon-wrapper {
    color: var(--base-color-brand--ofaw-blue);
  }

  .navbar-row {
    box-shadow: none;
    justify-content: center;
  }

  .navbar-dropdown-list {
    background-color: var(--base-color-brand--ofaw-white);
    border-radius: 0 0 50px 50px;
    width: 100%;
    max-width: 100vw;
  }

  .navbar-dropdown-list.w--open {
    right: 0%;
  }

  .dropdown_arrow_icon {
    color: var(--base-color-brand--ofaw-white);
  }

  .dropdown_arrow_icon:hover {
    color: var(--background-color--background-primary-ofaw);
  }

  .svg {
    display: flex;
  }

  .navbar-item-heading {
    color: var(--base-color-neutral--black);
  }

  .nav---header-nav-link-2 {
    color: #292d34;
  }

  .navbar-container-2-0 {
    justify-content: space-around;
    max-width: 1440px;
  }

  .by-department {
    border: 1px #000;
    padding-top: 20px;
  }

  ._365-wrapper {
    justify-content: flex-start;
  }

  ._365-dropdown {
    border: 2px solid #950de3;
    border-radius: 13px;
  }

  .navbar-cta-button {
    background-color: var(--base-color-brand--ofaw-blue);
    box-shadow: none;
    border-radius: 100rem;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    filter: blur(50px);
    background-color: #0000001a;
    border-radius: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 850px;
    height: 500px;
    display: block;
    position: absolute;
  }

  .text-block-10 {
    text-align: left;
  }

  .uui-logos04_list {
    border-radius: 0;
    width: 175rem;
  }

  .uui-logos04_wrapper {
    font-size: 2rem;
    line-height: 2.5;
  }

  .uui-logos04_logo {
    border-radius: 10px;
    width: 5rem;
    height: auto;
    box-shadow: 2px 2px 5px 1px #0003;
  }

  .pricing-plan-color.feature {
    background-image: linear-gradient(to bottom, #ffffff5c, #ffffff5c), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--background-color--background-primary-ofaw) 22%, var(--background-color--background-secondary-ofaw) 37%, var(--background-color--background-tertiary-ofaw) 58%, var(--background-color--background-primary-ofaw) 79%, var(--background-color--background-secondary-ofaw) 91%, #fdcfff), url('../images/grid_1grid.png');
    background-position: 0 0, 0 0, 0 0;
    background-size: auto, auto, 2.2rem;
    height: auto;
    margin-top: 1.5rem;
  }

  .text-weight-semibold-testamonials {
    text-align: left;
  }

  .button-3 {
    background-color: var(--base-color-brand--ofaw-blue);
    background-image: linear-gradient(300deg, var(--base-color-brand--ofaw-turquise), var(--base-color-brand--ofaw-blue) 50%, var(--base-color-brand--ofaw-lavendar));
    text-align: left;
    vertical-align: baseline;
    border-radius: 20px;
    margin-bottom: -50px;
    margin-left: 580px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    display: inline-block;
    position: sticky;
  }

  .most-popular-container {
    background-color: var(--base-color-brand--ofaw-blue);
    background-image: linear-gradient(294deg, var(--base-color-brand--ofaw-lavendar), var(--base-color-brand--ofaw-blue) 53%, var(--base-color-brand--ofaw-turquise));
    text-align: center;
    border-radius: 20px;
    max-width: 12rem;
    max-height: none;
    margin-bottom: -20px;
    padding: 10px 30px;
    position: relative;
  }

  .most-popular-text {
    color: var(--base-color-brand--ofaw-white);
    font-size: 1.125rem;
    font-weight: 500;
  }

  .image-3 {
    text-align: left;
    vertical-align: middle;
    width: 6rem;
    height: 6rem;
    display: inline-block;
  }

  .section-big-icon {
    background-image: url('../images/grid_1grid.png'), linear-gradient(87deg, var(--background-color--background-tertiary-ofaw), var(--background-color--background-secondary-ofaw) 19%, var(--background-color--background-primary-ofaw) 31%, var(--base-color-brand--ofaw-white) 43%, white 57%, var(--background-color--background-primary-ofaw) 67%, var(--background-color--background-secondary-ofaw) 79%, #edd2ff 89%, var(--background-color--background-tertiary-ofaw));
    background-position: 0 0, 0 0;
    background-size: 2.4rem, auto;
  }

  .section-big-icon.features {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, transparent 11%, #fff 70%), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--base-color-brand--ofaw-blue) 16%, var(--base-color-brand--ofaw-turquise) 38%, var(--base-color-brand--ofaw-blue) 60%, var(--base-color-brand--ofaw-lavendar) 78%, var(--base-color-brand--ofaw-white) 96%);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    padding: 5rem;
    display: flex;
  }

  .image-4 {
    text-align: left;
    vertical-align: baseline;
    width: 12rem;
    height: 12rem;
    display: inline-block;
  }

  .tab-link-tab-1 {
    background-color: var(--base-color-brand--ofaw-white);
    border-radius: 100rem;
    width: 12rem;
    margin-left: 10px;
    margin-right: 10px;
  }

  .tab-link-tab-1.w--current {
    background-color: var(--base-color-brand--ofaw-blue);
    color: var(--base-color-brand--ofaw-white);
    border-radius: 100rem;
    width: 11rem;
    margin-left: 10px;
    margin-right: 10px;
  }

  .tab-link-tab-2 {
    background-color: var(--base-color-brand--ofaw-white);
    border-radius: 20px;
    width: 12rem;
    margin-left: 10px;
    margin-right: 10px;
  }

  .tab-link-tab-2.w--current {
    background-color: var(--base-color-brand--ofaw-blue);
    color: var(--base-color-brand--ofaw-white);
    width: 11rem;
  }

  .tab-link-tab-3 {
    background-color: var(--base-color-brand--ofaw-white);
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .tab-link-tab-3.w--current {
    background-color: var(--base-color-brand--ofaw-blue);
    color: var(--base-color-brand--ofaw-white);
    width: 11rem;
  }

  .tabs-menu {
    border: 1px none var(--link-color--link-secondary);
    object-fit: fill;
    border-radius: 100rem;
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    padding: .25rem;
    display: flex;
    position: static;
  }

  .app-image {
    text-align: left;
    vertical-align: baseline;
    width: 10rem;
    height: 10rem;
    display: inline-block;
  }

  .heading-2, .heading-3 {
    font-size: 2.95rem;
  }

  .section-overlay-top {
    background-image: linear-gradient(0deg, transparent, var(--base-color-brand--ofaw-white));
    height: 9rem;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    inset: 0% 0% auto;
  }

  .nav---header-nav-link-3 {
    color: #292d34;
  }

  .nav---btn-primary-small-2 {
    border-radius: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Outfit, sans-serif;
    font-weight: 600;
  }

  .navbar-logo-link.w--current {
    width: auto;
  }

  .navbar-dropdown-toggle {
    font-family: Outfit, sans-serif;
  }

  .navbar-menu-left {
    width: 630px;
  }

  .navbar-2 {
    z-index: 11;
    background-color: var(--base-color-brand--ofaw-blue);
    border: 1px #000;
    border-radius: 0;
    display: block;
    position: sticky;
    inset: 0% 0% auto;
  }

  .navbar-2:hover, .navbar-app-description {
    color: var(--base-color-neutral--black);
  }

  .navbar-section-header {
    color: var(--base-color-brand--ofaw-white);
    font-weight: 400;
  }

  .navbar-section-header:hover {
    color: var(--background-color--background-primary-ofaw);
    font-weight: 700;
  }

  .navbar-section-header.w--current {
    width: auto;
  }

  .by-functionality {
    padding-top: 20px;
  }

  .div-block {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    background-image: linear-gradient(167deg, var(--base-color-brand--ofaw-lavendar) 20%, var(--base-color-brand--ofaw-blue) 50%, var(--base-color-brand--ofaw-turquise) 80%);
    filter: blur(20px);
    mix-blend-mode: normal;
    border-radius: 500px;
    justify-content: center;
    align-items: center;
    width: 45rem;
    height: 15rem;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-2 {
    background-color: var(--base-color-brand--ofaw-turquise);
    filter: blur();
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-radius: 0;
    height: 20rem;
    margin-bottom: -230px;
  }

  .div-block-3 {
    background-color: var(--base-color-brand--ofaw-blue);
    justify-content: flex-start;
    align-items: flex-start;
    width: 25rem;
    height: 25rem;
    margin-top: -2502px;
    display: inline-flex;
  }

  .hero-button {
    justify-content: center;
    align-items: center;
  }

  .circle-wrapper-2-0 {
    z-index: 0;
    object-fit: fill;
    justify-content: center;
    align-items: center;
    margin-bottom: -530px;
    padding-bottom: 0;
    display: flex;
    position: relative;
  }

  .blur-2-0 {
    z-index: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 50rem;
    height: 35rem;
    position: relative;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .div-block-4 {
    width: 50rem;
  }

  .div-block-5 {
    background-image: url('../images/Blur.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    width: 50rem;
    height: 25rem;
    margin-top: -340px;
    margin-left: auto;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
  }

  .pricing {
    color: var(--base-color-neutral--black);
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-family: Outfit, sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
  }

  .image-5 {
    position: absolute;
    top: 288px;
  }

  .header-component-apps {
    grid-template-columns: 1fr 1fr;
  }

  .layout-image-wrapper-apps {
    background-image: none;
    background-position: 0 0;
  }

  .app-icon-on-app-page {
    width: 3rem;
    margin-right: 15px;
    display: block;
  }

  .app-name-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .app-name-on-app-page {
    text-align: center;
    font-size: 1.5rem;
  }

  .button-group-for-app-centered {
    justify-content: center;
    align-items: center;
  }

  .section-overlay-app-hero {
    height: 9rem;
  }

  .heading-5 {
    color: var(--text-color--text-primary);
  }

  .license-terms-layout {
    grid-template-columns: 1fr;
  }

  .list, .list-2, .list-3 {
    font-size: 1.125rem;
  }

  .privacy-policy-table {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: "Area Area-2 Area-3"
                   "Area-4 . ."
                   ". . ."
                   ". . ."
                   / 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .heading-style-apps {
    color: var(--base-color-brand--ofaw-white);
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-family: Outfit, sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
  }

  .div-block-7 {
    object-fit: fill;
    max-width: 1080px;
    margin-left: 200px;
    position: static;
  }

  .tabs-menu-2 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-right: 100px;
    display: flex;
  }

  .tabs {
    display: flex;
  }

  .tab-link-tab-2-2 {
    text-align: center;
    border-radius: 20px;
    width: 10rem;
  }

  .tab-link-tab-2-2.w--current {
    background-color: var(--base-color-brand--ofaw-blue);
    color: var(--base-color-brand--ofaw-white);
  }

  .tab-link-tab-3-2, .tab-link-tab-4, .tab-link-tab-5 {
    text-align: center;
    border-radius: 20px;
    width: 10rem;
  }

  .tab-link-tab-1-2 {
    color: var(--base-color-brand--ofaw-blue);
    text-align: center;
    border-radius: 20px;
    width: 10rem;
  }

  .tab-link-tab-1-2.w--current {
    background-color: var(--base-color-brand--ofaw-blue);
    border-radius: 20px;
  }

  .text-block-13 {
    color: var(--base-color-neutral--black);
  }

  .tab-pane-tab-1 {
    color: var(--base-color-brand--ofaw-white);
    max-width: 540px;
  }

  .gradient-background-blur-features {
    background-image: linear-gradient(225deg, var(--base-color-brand--ofaw-blue), var(--base-color-brand--ofaw-lavendar) 50%, var(--base-color-brand--ofaw-turquise));
    display: block;
  }

  .feature-table {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .feature-table.flex-center {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .feature-heading {
    border-radius: 100rem;
    flex-direction: column;
    width: 100%;
    min-width: auto;
    max-width: none;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    display: flex;
  }

  .feature-heading:lang(en) {
    background-color: var(--base-color-brand--ofaw-white);
  }

  .features {
    flex: 0 auto;
    order: 0;
    align-self: auto;
    width: 50%;
    display: block;
  }

  .features._2col.overflow-visible {
    z-index: 3;
    flex: 1;
    align-self: flex-start;
    padding-top: 0;
  }

  .features._2col.tab-menu {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    overflow: visible;
  }

  .features-tab-panel-wrapper {
    border-style: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding: 0;
    display: flex;
  }

  .features_tab_panel_right {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: #ceddf84d;
    border-style: none;
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    padding: 75px 50px;
    display: flex;
  }

  .feature-heading-text {
    font-size: 1rem;
    line-height: 1.5rem;
    overflow: hidden;
  }

  .features-container {
    align-items: center;
    height: 5rem;
  }

  .btn-hero {
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .btn-hero.features {
    align-items: center;
    display: flex;
  }

  .btn-hero-text {
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    font-size: 28px;
  }

  .feature-app-text {
    overflow: hidden;
  }

  .features-iconpack {
    border-radius: 0;
    flex-direction: row;
    width: 100%;
    min-width: 210px;
    max-width: none;
    padding: 12px 20px;
    display: flex;
  }

  .features-image-icon-wrapper {
    background-color: #f2e2fb;
    border-radius: 12px;
    width: 50px;
    height: 50px;
  }

  .features-tab-panel-visual {
    border-style: none;
    border-radius: 0;
    flex-direction: row;
    justify-content: center;
    width: auto;
    margin-bottom: 0;
    padding: 0;
    display: block;
  }

  .features-description-text {
    text-align: center;
    max-width: 46ch;
  }

  .features-tab-link {
    width: 20rem;
  }

  .features-tab-link.w--current {
    color: var(--base-color-brand--ofaw-white);
    width: 20rem;
    height: auto;
  }

  .text-block-14, .text-block-15, .text-block-16 {
    text-align: center;
  }

  .uui-navbar01_dropdown-link-list {
    padding-top: 20px;
  }

  .navbar-item-center {
    justify-content: center;
    align-items: center;
  }

  .navbar-dropdown-link-center {
    background-image: none;
    border: 1px #000;
    justify-content: center;
    align-items: center;
    max-width: 1440px;
    margin-left: 140px;
    margin-right: 140px;
  }

  .navbar-dropdown-link-center.w--current {
    width: 100%;
  }

  .navbar-item-heading-special {
    color: var(--link-color--link-primary);
    font-size: 20px;
    font-weight: 700;
  }

  .navbar-app-description-special {
    color: var(--text-color--text-primary);
    -webkit-text-stroke-color: var(--text-color--text-primary);
    font-size: 14px;
  }

  .circle-wrapper-solutions {
    z-index: 0;
    object-fit: fill;
    justify-content: center;
    align-items: center;
    margin-bottom: -530px;
    padding-bottom: 0;
    display: block;
    position: relative;
  }

  .blur-2-0-solutions {
    z-index: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 50rem;
    height: 35rem;
    position: relative;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .circle-wrapper-apps {
    z-index: 0;
    object-fit: fill;
    justify-content: center;
    align-items: center;
    margin-bottom: -530px;
    padding-bottom: 0;
    display: flex;
    position: relative;
  }

  .blur-2-0-apps {
    z-index: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 40rem;
    height: 35rem;
    position: relative;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .features-image-wrapper {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .features-image-section {
    background-image: url('../images/grid_1grid.png'), linear-gradient(87deg, var(--background-color--background-tertiary-ofaw), var(--background-color--background-secondary-ofaw) 19%, var(--background-color--background-primary-ofaw) 31%, var(--base-color-brand--ofaw-white) 43%, white 57%, var(--background-color--background-primary-ofaw) 67%, var(--background-color--background-secondary-ofaw) 79%, #edd2ff 89%, var(--background-color--background-tertiary-ofaw));
    background-position: 0 0, 0 0;
    background-size: 2.4rem, auto;
  }

  .features-image-section.features {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 4rem;
    display: flex;
  }

  .text-size-medium-hero {
    color: var(--base-color-neutral--black);
  }

  .text-size-medium-hero.text-color-secondary {
    color: var(--base-color-brand--ofaw-white);
    font-size: 1.125rem;
  }

  .circle-wrapper-features {
    z-index: 0;
    object-fit: fill;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
    position: relative;
  }

  .blur-2-0-features {
    z-index: -1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 85vw;
    max-width: 1440px;
    height: 40vh;
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .section-overlay-small {
    height: 5rem;
  }

  .image-8 {
    margin-left: 0;
  }

  .ofaw-shapes {
    z-index: auto;
    object-fit: fill;
    justify-content: center;
    align-items: stretch;
    display: block;
    position: absolute;
  }

  .microsoft-logo {
    box-shadow: none;
    filter: drop-shadow(0 0 5px #00000080);
    border-radius: 10px;
    width: 5rem;
    height: auto;
  }

  .microsoft-logo-list {
    border-radius: 0;
    width: 175rem;
  }

  .features-left {
    flex: 0 auto;
    order: 0;
    align-self: auto;
    width: 33%;
    display: block;
  }

  .features-left._2col.overflow-visible {
    z-index: 3;
    flex: 1;
    align-self: flex-start;
    padding-top: 0;
  }

  .features-left._2col.tab-menu {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    overflow: visible;
  }

  .features-right {
    flex: 0 auto;
    order: 0;
    align-self: auto;
    width: 66%;
    display: block;
  }

  .features-right._2col.overflow-visible {
    z-index: 3;
    flex: 1;
    align-self: flex-start;
    padding-top: 0;
  }

  .features-right._2col.tab-menu {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    overflow: visible;
  }

  .ofaw-app-logo {
    box-shadow: none;
    filter: drop-shadow(0 0 5px #00000080);
    border-radius: 0;
    width: 5rem;
    height: auto;
  }

  .ofaw-app-logo-list {
    border-radius: 0;
    width: 175rem;
  }

  .text-size-medium-centered {
    color: var(--base-color-neutral--black);
    white-space: break-spaces;
    overflow-wrap: normal;
  }

  .text-size-medium-centered.text-color-secondary {
    color: var(--base-color-brand--ofaw-white);
    font-size: 1.125rem;
  }

  .text-size-medium-left {
    color: var(--base-color-neutral--black);
  }

  .text-size-medium-left.text-color-secondary {
    color: var(--base-color-brand--ofaw-white);
    text-align: left;
    font-size: 1.125rem;
  }

  .navbar-column-products {
    border: 1px #000;
  }

  .button-group-for-navbar-centered {
    justify-content: center;
    align-items: center;
  }

  .button-block-primary-navbar-3-0-copy.w--current {
    align-items: center;
    width: auto;
  }

  .by-app-2-0 {
    padding-top: 20px;
  }

  .navbar-row-2-0 {
    border: 1px #000;
  }

  .navbar-button-center-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .why-video {
    width: 80vw;
    max-width: 1440px;
  }

  .video-wrapper {
    flex-flow: row;
    justify-content: center;
    width: auto;
    display: flex;
  }

  .text-size-medium-centered-2 {
    color: #000;
    white-space: break-spaces;
    overflow-wrap: normal;
  }

  .max-width-large-customer-story {
    max-width: 60rem;
  }

  .customer-story-image {
    text-align: left;
    vertical-align: baseline;
    width: 20rem;
    max-width: 100%;
    display: inline-block;
    overflow: clip;
  }

  .section-big-image-customer-story {
    background-image: url('../images/grid_1grid.png'), linear-gradient(87deg, var(--background-color--background-tertiary-ofaw), var(--background-color--background-secondary-ofaw) 19%, var(--background-color--background-primary-ofaw) 31%, var(--base-color-brand--ofaw-white) 43%, white 57%, var(--background-color--background-primary-ofaw) 67%, var(--background-color--background-secondary-ofaw) 79%, #edd2ff 89%, var(--background-color--background-tertiary-ofaw));
    background-position: 0 0, 0 0;
    background-size: 2.4rem, auto;
  }

  .section-big-image-customer-story.features {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, transparent 11%, #fff 60%), linear-gradient(151deg, var(--base-color-brand--ofaw-white), var(--base-color-brand--ofaw-blue) 16%, var(--base-color-brand--ofaw-turquise) 38%, var(--base-color-brand--ofaw-blue) 60%, var(--base-color-brand--ofaw-lavendar) 78%, var(--base-color-brand--ofaw-white) 96%);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 100vw;
    height: auto;
    padding: 7rem;
    display: flex;
    overflow: hidden;
  }

  .circle-wrapper-testimonials {
    z-index: -1;
    object-fit: fill;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
    position: relative;
  }

  .blur-2-0-testimonials {
    z-index: -1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    width: 40rem;
    height: 40rem;
    margin-top: 30vh;
    margin-left: -100px;
    padding-left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .text-size-medium-white {
    color: var(--base-color-brand--ofaw-white);
  }

  .text-size-medium-white.text-color-secondary {
    color: var(--base-color-brand--ofaw-white);
    font-size: 1.125rem;
  }

  .footer-logo {
    width: 10rem;
  }

  .button-block-primary-customer-story.w--current {
    width: auto;
  }

  .text-size-medium-centered-white-cs {
    color: var(--base-color-brand--ofaw-white);
    white-space: break-spaces;
    overflow-wrap: normal;
  }

  .text-size-medium-centered-white-cs.text-color-secondary {
    color: var(--base-color-brand--ofaw-white);
    font-size: 1.125rem;
  }

  .text-size-large-centered-white-cs-copy {
    color: var(--base-color-brand--ofaw-white);
    white-space: break-spaces;
    overflow-wrap: normal;
  }

  .text-size-large-centered-white-cs-copy.text-color-secondary {
    color: var(--base-color-brand--ofaw-white);
    font-size: 1.125rem;
  }

  .blur-2-0-customer-story {
    z-index: -1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 60rem;
    height: 35rem;
    position: relative;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .circle-wrapper-customer-story {
    z-index: 0;
    object-fit: fill;
    justify-content: center;
    align-items: center;
    margin-bottom: -530px;
    padding-bottom: 0;
    display: block;
    position: relative;
  }

  .text-weight-semibold-footer {
    text-align: center;
  }

  .customer-story-image-ofaw {
    text-align: left;
    vertical-align: baseline;
    width: 20rem;
    max-width: 100%;
    display: inline-block;
    overflow: clip;
  }

  .list-item-license-terms-and-privacy-policy {
    font-size: .875rem;
  }

  .text-weight-semibold-large {
    text-align: center;
    font-size: 1.5rem;
  }

  .about-us-navbar-row {
    box-shadow: none;
    justify-content: center;
  }

  .about-us {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content auto;
    grid-template-columns: .5fr .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center start;
    padding-top: 15px;
    display: grid;
  }

  .starter-packges {
    padding-top: 20px;
  }

  .paid-services {
    border: 1px #000;
    padding-top: 20px;
  }

  .free-services {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content;
    grid-template-columns: .5fr .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center start;
    padding-top: 15px;
    display: grid;
  }

  .by-starter-package-2-0 {
    padding-top: 20px;
  }

  .by-premium-services-2-0 {
    border: 1px #000;
    padding-top: 20px;
  }

  .by-free-services-2-0 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content;
    grid-template-columns: .5fr .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center start;
    padding-top: 15px;
    display: grid;
  }

  .partners-and-integations {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content auto;
    grid-template-columns: .5fr .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center start;
    padding-top: 15px;
    display: grid;
  }

  .by-industry-2-0 {
    padding-top: 20px;
  }

  .by-application {
    border: 1px #000;
    padding-top: 20px;
  }

  .who-we-are {
    padding-top: 20px;
  }

  .partnerships-integrations {
    border: 1px #000;
    padding-top: 20px;
  }

  .tab-link-tab-4-0 {
    background-color: var(--base-color-brand--ofaw-white);
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .tab-link-tab-4-0.w--current {
    background-color: var(--base-color-brand--ofaw-blue);
    color: var(--base-color-brand--ofaw-white);
    width: 11rem;
  }

  .section-overlay-bottom {
    height: 9rem;
  }

  .all-solutions {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content;
    grid-template-columns: .5fr .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center start;
    padding-top: 15px;
    display: grid;
  }

  .all-solutions-row {
    box-shadow: none;
    justify-content: center;
  }

  .all-products {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content;
    grid-template-columns: .5fr .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center start;
    padding-top: 15px;
    display: grid;
  }

  .all-products-row, .all-services-row {
    box-shadow: none;
    justify-content: center;
  }

  .all-products-copy, .all-services {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content;
    grid-template-columns: .5fr .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center start;
    padding-top: 15px;
    display: grid;
  }

  .text-weight-semibold-large-white {
    text-align: center;
    font-size: 1.5rem;
  }

  .general-heading-4-pricing {
    font-weight: 600;
  }

  .text-size-medium-bold {
    color: var(--base-color-neutral--black);
  }

  .text-size-medium-bold.text-color-secondary {
    color: var(--base-color-brand--ofaw-white);
    font-size: 1.125rem;
  }

  .pricing-app {
    color: var(--base-color-neutral--black);
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-family: Outfit, sans-serif;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
  }

  .general-heading-4-pricing-app {
    font-weight: 600;
  }

  .pricing-divider-3 {
    overflow-wrap: normal;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
  }

  .pricing-divider-3.transparent {
    background-color: var(--base-color-neutral--black);
  }

  .e-learning-row {
    box-shadow: none;
    border-left-style: none;
    justify-content: center;
  }

  .e-learning {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content;
    grid-template-columns: 1.6fr .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center start;
    padding-top: 15px;
    padding-left: 0;
    display: grid;
  }

  .most-popular-container-ps {
    background-color: var(--base-color-brand--ofaw-blue);
    background-image: linear-gradient(294deg, var(--base-color-brand--ofaw-lavendar), var(--base-color-brand--ofaw-blue) 53%, var(--base-color-brand--ofaw-turquise));
    text-align: center;
    border-radius: 20px;
    max-width: 12rem;
    max-height: none;
    margin-bottom: -20px;
    padding: 10px 30px;
    position: relative;
  }

  .officeatwork-365-row {
    box-shadow: none;
    justify-content: center;
  }

  .officeatwork-365 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content;
    grid-template-columns: 1.6fr .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center start;
    padding-top: 15px;
    display: grid;
  }

  .navbar-dropdown-link-main {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    box-shadow: 0 0 2px #00000036;
  }

  .navbar-dropdown-link-main.w--current {
    grid-template-columns: max-content 1fr;
    width: 100%;
    box-shadow: 0 0 10px 2px #3f79fa;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.25rem;
  }

  h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .text-size-medium.text-align-center.normal {
    text-align: center;
  }

  .heading-style-h1 {
    text-wrap: wrap;
    font-size: 3.25rem;
  }

  .general-heading-4 {
    text-align: center;
    font-size: 1.75rem;
  }

  .button-group {
    justify-content: center;
    align-items: center;
  }

  .padding-global {
    max-width: 989px;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-section-large.bottom-xsmall {
    padding-top: 4rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .spacer-xlarge {
    padding-top: 3.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4.5rem;
  }

  .section-hero {
    padding-top: 1.5rem;
  }

  .header-image-wrapper {
    padding: .5rem;
  }

  .navbar {
    width: 95%;
    margin-top: .5rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: .2%;
    padding-right: 1.5%;
  }

  .navbar-container {
    grid-template-columns: auto 1fr;
    width: 100%;
  }

  .navbar-menu {
    background-color: #0000;
    justify-content: center;
    width: 100%;
    position: absolute;
  }

  .navbar-menu-link-wrapper {
    background-color: #000;
    border: 1px solid #000;
    border-top-style: none;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    flex-direction: column;
    width: 100%;
    padding: 2rem;
  }

  .navbar-button-wrapper {
    grid-column-gap: .5rem;
    align-items: center;
  }

  .navbar-menu-button {
    padding: 0;
  }

  .navbar-menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon-line-top {
    background-color: var(--base-color-brand--ofaw-white);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-line-middle {
    background-color: var(--base-color-brand--ofaw-white);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon-line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-line-bottom {
    background-color: var(--base-color-brand--ofaw-white);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .section-overlay {
    height: 7rem;
  }

  .padding-section-logo {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .layout-component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    place-items: center;
    min-height: auto;
  }

  .pricing-plans {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .layout-list {
    grid-column-gap: 2rem;
  }

  .layout-three-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .layout-content-left {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    padding-top: 0;
    display: flex;
  }

  .layout-item-three {
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .layout-mobile-image-wrapper {
    margin-bottom: 2rem;
    display: flex;
  }

  .layout-mobile-image {
    aspect-ratio: auto;
  }

  .layout-image-wrapper-three {
    display: none;
  }

  .layout-image-three.image-one {
    height: 50vh;
  }

  .blur {
    opacity: .9;
    width: 320px;
    height: 320px;
    top: 40rem;
  }

  .testimonial-component {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 100svh;
    overflow: hidden;
  }

  .testimonial-card-content-right {
    height: 70vh;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .testimonial-overlay {
    z-index: 10;
  }

  .footer-top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .cta-component {
    grid-column-gap: 3rem;
  }

  .cta-content {
    margin-right: 3rem;
  }

  .cta-button-row {
    flex: none;
  }

  .hero-header-image-transform {
    width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .button-text-alternate {
    color: var(--base-color-brand--ofaw-white);
    font-size: 1rem;
  }

  .button-text-alternate.is-text-absolute {
    color: var(--text-color--text-primary);
  }

  .header-heading-span {
    padding-right: 3.5rem;
  }

  .contact-component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .content-components {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .content-newsletter {
    display: none;
    position: static;
  }

  .blog-featured-item {
    margin-bottom: 2rem;
  }

  .hero-container.for-contact {
    padding-left: 48px;
  }

  .hero-container.for-contact.for-template-page {
    padding-bottom: 100px;
    padding-right: 30px;
  }

  .update-item {
    width: 95%;
  }

  .header-section-large {
    flex-flow: column;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .text-seven {
    text-align: left;
  }

  .margin-bottom-secondary {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-layer-two {
    font-size: 2.75rem;
  }

  .blogpost-content {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .hero-template {
    height: auto;
    min-height: auto;
  }

  .wrapper-two.contact-header {
    left: -24.7vw;
  }

  .wrapper-two.contact-header.absolute {
    left: -15.2vw;
  }

  .heading-one {
    font-size: 14vw;
  }

  .heading-two {
    font-size: 5vw;
  }

  .navbar-dropdown-link {
    height: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: all .65s;
  }

  .navbar-dropdown-link:hover {
    background-color: #0000;
    padding-left: .8rem;
    padding-right: 1rem;
  }

  .navbar-dropdown-content {
    flex-direction: column;
  }

  .additional-space {
    width: 75%;
  }

  .solutions_drop_down {
    width: 100%;
    position: relative;
  }

  .navbar-column {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-content: start;
    align-self: stretch;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .by-industry {
    grid-template-columns: 1.25fr 1fr;
    grid-auto-flow: row;
    align-items: center;
  }

  .navbar-row {
    border-top-style: solid;
    grid-template-columns: 1fr;
    align-self: stretch;
    place-items: start center;
    margin-top: 0;
  }

  .navbar-dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .navbar-dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .dropdown_arrow_icon {
    z-index: -1;
    color: #667085;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 100px;
    position: fixed;
    inset: auto;
  }

  .uui-navbar01_dropdown-toggle {
    color: #101828;
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar01_dropdown-toggle:hover {
    color: #101828;
  }

  .by-department {
    border-top: 2px solid #3f79fa;
    grid-template-columns: 1.25fr 1.25fr;
  }

  ._365-dropdown {
    padding-left: 0;
    padding-right: 0;
  }

  ._365-dropdown:hover {
    background-color: #0000;
  }

  .most-popular-container {
    display: none;
  }

  .heading {
    text-align: center;
  }

  .section-big-icon {
    padding-top: 1.5rem;
  }

  .section-big-icon.features {
    width: auto;
    padding: 5rem;
  }

  .image-4 {
    width: 7rem;
    height: 7rem;
  }

  .tabs-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .nav-logo {
    max-width: 232px;
  }

  .menu-icon_component {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .menu-icon_line-bottom, .menu-icon_line-top {
    background-color: var(--base-color-brand--ofaw-white);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    background-color: var(--base-color-brand--ofaw-white);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_menu-button.w--open {
    background-color: #0000;
  }

  .navbar-logo-link {
    justify-content: flex-start;
    align-items: flex-end;
    display: block;
    position: absolute;
    inset: 12.5% auto auto 0%;
  }

  .navbar-logo-link.w--current {
    padding-left: 25px;
  }

  .navbar-button-wrapper-2-0 {
    flex-direction: column-reverse;
    align-self: center;
    align-items: stretch;
    width: 15rem;
    margin-top: .25rem;
    margin-bottom: .25rem;
    display: flex;
  }

  .navbar-dropdown-toggle {
    color: #101828;
    justify-content: center;
    align-items: center;
    min-height: 0;
    padding: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .navbar-dropdown-toggle:hover {
    color: #101828;
  }

  .navbar-menu-2-0 {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-top: 1px solid #f2f4f7;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .navbar-menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: #101828;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    display: flex;
  }

  .navbar-2 {
    min-height: 4.5rem;
  }

  .navbar-section-header {
    color: var(--base-color-neutral--black);
    align-self: center;
    margin-left: 240px;
    margin-right: 240px;
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .navbar-section-header:hover {
    color: var(--text-color--text-primary);
  }

  .navbar-section-header.w--current {
    color: var(--base-color-brand--ofaw-blue);
  }

  .products_drop_down {
    width: 100%;
    position: relative;
  }

  .by-functionality {
    border-right-style: none;
    grid-template-columns: 1.25fr 1.25fr;
  }

  .circle-wrapper-2-0 {
    margin-bottom: -350px;
    right: 0%;
  }

  .blur-2-0 {
    opacity: .9;
    width: 40rem;
    height: 30rem;
    top: -5%;
  }

  .pricing {
    text-wrap: wrap;
    font-size: 3.25rem;
  }

  .header-component-apps {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .app-icon-on-app-page {
    width: 2.5rem;
  }

  .app-name-wrapper {
    font-size: .9rem;
  }

  .heading-4 {
    text-align: center;
  }

  .license-terms-layout {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .heading-style-apps {
    text-wrap: wrap;
    font-size: 3.25rem;
  }

  .features {
    width: 50%;
  }

  .feature-heading-text {
    font-size: .7rem;
  }

  .features-tab-link {
    padding-right: 20px;
  }

  .navbar-dropdown-link-center {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .navbar-dropdown-link-center:hover {
    background-color: #0000;
    padding-left: 3rem;
  }

  .circle-wrapper-solutions {
    position: relative;
  }

  .blur-2-0-solutions {
    opacity: .9;
    width: 45rem;
    height: 25rem;
    margin-bottom: 163px;
    padding-bottom: 0;
    top: -5%;
  }

  .blur-2-0-apps {
    opacity: .9;
    width: 30rem;
    height: 25rem;
    top: -5%;
  }

  .features-image-section {
    padding-top: 1.5rem;
  }

  .blur-2-0-features {
    opacity: .9;
    justify-content: center;
    align-items: center;
    width: 90vw;
    height: 50vw;
    margin-left: -30px;
    top: -5%;
  }

  .lottie-animation {
    width: 100%;
  }

  .ofaw-shapes {
    display: none;
  }

  .menu-icon_line-top-2 {
    background-color: var(--base-color-brand--ofaw-white);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-2 {
    background-color: var(--base-color-brand--ofaw-white);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-bottom-2 {
    background-color: var(--base-color-brand--ofaw-white);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .features-left {
    width: 33%;
  }

  .features-right {
    width: 66%;
  }

  .navbar-column-products {
    border-top: 2px solid var(--base-color-brand--ofaw-blue);
    align-content: start;
    align-self: stretch;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .section-officeatwork-apps {
    display: block;
  }

  .by-app-2-0 {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .navbar-row-2-0 {
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .why-video {
    width: auto;
    max-width: 950px;
  }

  .layout-list-customer-stories {
    grid-column-gap: 2rem;
  }

  .customer-story-image {
    width: 7rem;
    height: 7rem;
  }

  .section-big-image-customer-story {
    padding-top: 1.5rem;
  }

  .section-big-image-customer-story.features {
    width: auto;
    padding: 5rem;
  }

  .circle-wrapper-testimonials {
    position: relative;
  }

  .blur-2-0-testimonials {
    opacity: .9;
    width: 100%;
    height: 25rem;
    margin-top: 150px;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0;
    top: 0%;
  }

  .heading-39, .text-size-medium-white {
    text-align: center;
  }

  .blur-2-0-customer-story {
    opacity: .9;
    width: 45rem;
    height: 25rem;
    margin-bottom: 163px;
    padding-bottom: 0;
    top: -5%;
  }

  .circle-wrapper-customer-story {
    position: relative;
  }

  .button-block-alternate-navbar {
    background-color: var(--base-color-brand--ofaw-blue);
    margin-left: auto;
    margin-right: auto;
    font-size: 1.125rem;
  }

  .customer-story-image-ofaw {
    width: 7rem;
    height: 7rem;
  }

  .testimonial-overlay-top {
    z-index: -1;
    filter: blur(20px);
    position: absolute;
    top: 0;
    bottom: auto;
  }

  .text-weight-semibold-large {
    font-size: 1.25rem;
  }

  .general-heading-2 {
    text-align: center;
  }

  .services_drop_down, .aboutus_drop_down {
    width: 100%;
    position: relative;
  }

  .about-us-navbar-row {
    border-top-style: none;
    grid-template-columns: 1fr;
    place-items: start center;
    margin-top: 0;
  }

  .about-us {
    grid-template-columns: 1.25fr 1fr;
    grid-auto-flow: row;
    align-items: center;
  }

  .starter-packges {
    border-right-style: none;
    grid-template-columns: 1.25fr 1.25fr;
  }

  .paid-services {
    border-top-style: solid;
    border-top-color: #6e7191;
    grid-template-columns: 1.25fr 1fr;
  }

  .free-services {
    grid-template-columns: 1.25fr 1fr;
    grid-auto-flow: row;
    align-items: center;
  }

  .by-starter-package-2-0 {
    border-right-style: none;
    grid-template-columns: 1.25fr 1.25fr;
  }

  .by-premium-services-2-0 {
    border-top: 2px solid #3f79fa;
    grid-template-columns: 1.25fr 1.25fr;
  }

  .by-free-services-2-0 {
    grid-template-columns: 1.25fr 1.25fr;
    grid-auto-flow: row;
    align-items: center;
  }

  .partners-and-integations {
    grid-template-columns: 1.25fr 1fr;
    grid-auto-flow: row;
    align-items: center;
  }

  .by-industry-2-0 {
    border-right-style: none;
    grid-template-columns: 1.25fr 1.25fr;
  }

  .by-application {
    border-top: 2px solid #3f79fa;
    grid-template-columns: 1.25fr 1.25fr;
  }

  .who-we-are {
    border-right-style: none;
    grid-template-columns: 1.25fr 1.25fr;
  }

  .partnerships-integrations {
    border-top: 2px solid #3f79fa;
    grid-template-columns: 1.25fr 1.25fr;
  }

  .section-overlay-bottom {
    height: 7rem;
  }

  .button-group-testamonials {
    justify-content: center;
    align-items: center;
  }

  .all-solutions {
    grid-template-columns: 1.25fr 1.25fr;
    grid-auto-flow: row;
    align-items: center;
  }

  .all-solutions-row {
    grid-column-gap: 0rem;
    border-top-style: none;
    grid-template-columns: 1fr;
    align-content: start;
    align-self: stretch;
    place-items: start stretch;
    margin-top: 0;
  }

  .all-products {
    grid-template-columns: 1.25fr 1.25fr;
    grid-auto-flow: row;
    place-items: center stretch;
  }

  .all-products-row {
    grid-column-gap: 0rem;
    grid-row-gap: 0px;
    border-top-style: none;
    border-bottom-style: solid;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    align-self: stretch;
    place-items: center stretch;
    margin-top: 0;
    display: grid;
  }

  .all-services-row {
    border-top-style: none;
    grid-template-columns: 1fr;
    align-self: stretch;
    place-items: start;
    margin-top: 0;
  }

  .all-products-copy {
    grid-template-columns: 1.25fr 1fr;
    grid-auto-flow: row;
    align-items: center;
  }

  .all-services {
    grid-template-columns: 1.25fr 1.25fr;
    grid-auto-flow: row;
    align-items: center;
  }

  .button-text-alternate-testamonials {
    color: var(--base-color-brand--ofaw-blue);
    font-size: 1rem;
  }

  .button-text-alternate-testamonials.is-text-absolute {
    color: var(--text-color--text-primary);
  }

  .contact-heading-2 {
    text-align: center;
  }

  .text-weight-semibold-large-white {
    font-size: 1.25rem;
  }

  .general-heading-2-white {
    text-align: center;
  }

  .general-heading-4-pricing {
    text-align: center;
    font-size: 1.75rem;
  }

  .text-size-medium-bold.text-align-center.normal {
    text-align: center;
  }

  .pricing-app {
    text-wrap: wrap;
    font-size: 3.25rem;
  }

  .general-heading-4-pricing-app {
    text-align: center;
    font-size: 1.75rem;
  }

  .e-learning-row {
    grid-column-gap: 0rem;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    grid-template-columns: 1fr;
    align-content: start;
    align-self: stretch;
    place-items: center start;
    margin-top: 0;
  }

  .e-learning {
    grid-template-columns: 1.25fr 1.25fr;
    grid-auto-flow: row;
    place-items: center stretch;
    padding-left: 20px;
  }

  .spacer-xsmall-with-boarder {
    border-top-style: none;
  }

  .pricing-plans-premium-support {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .most-popular-container-ps {
    display: none;
  }

  .officeatwork-365-row {
    grid-column-gap: 0rem;
    border-top-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    grid-template-columns: 1fr;
    align-content: start;
    align-self: stretch;
    place-items: center start;
    margin-top: 0;
  }

  .officeatwork-365 {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    place-items: center stretch;
    width: 100%;
  }

  .spacer-xsmall-with-boarder-bottom {
    border-top-style: none;
    border-bottom-style: none;
  }

  .navbar-dropdown-link-main {
    height: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: all .65s;
  }

  .navbar-dropdown-link-main:hover {
    background-color: #0000;
    padding-left: .8rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .container-large {
    justify-content: center;
    display: block;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .text-size-medium {
    text-align: center;
    font-size: 1rem;
  }

  .text-size-medium.text-align-center.normal {
    text-align: center;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .heading-style-h1 {
    font-size: 3rem;
  }

  .general-heading-4 {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .button-group {
    justify-content: center;
    align-items: center;
  }

  .padding-global {
    max-width: 767px;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-large {
    max-width: 767px;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large.bottom-xsmall {
    padding-top: 3rem;
  }

  .spacer-xsmall {
    padding-top: .75rem;
  }

  .spacer-small {
    padding-top: 1.25rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-large {
    padding-top: 2rem;
  }

  .spacer-large.smaller {
    padding-top: 1rem;
  }

  .spacer-xlarge {
    padding-top: 2.5rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .section-hero {
    padding-top: 2.5rem;
  }

  .navbar {
    margin-top: .6rem;
  }

  .navbar-container {
    min-height: 4rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar-menu {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .navbar-menu-link-wrapper {
    padding: 1.25rem;
  }

  .padding-section-logo {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .layout-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .pricing-plans {
    grid-template-columns: 1fr;
  }

  .pricing-plan-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .layout-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .layout-three-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .layout-content-left {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    padding-top: 0;
    display: flex;
  }

  .layout-item-three {
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .layout-mobile-image-wrapper {
    margin-bottom: 2rem;
    display: flex;
  }

  .layout-mobile-image {
    aspect-ratio: auto;
    width: 100%;
  }

  .layout-image-wrapper-three {
    display: none;
  }

  .layout-image-three.image-one {
    height: 50vh;
  }

  .layout-content-right {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    padding-top: 0;
    display: flex;
  }

  .blur {
    opacity: .7;
    filter: blur(40px) blur(40px);
    width: 280px;
    height: 280px;
    top: -10%;
    left: 0%;
  }

  .testimonial-component {
    height: auto;
    min-height: 100svh;
    overflow: hidden;
  }

  .testimonial-card-content-left {
    padding: 2rem;
  }

  .testimonial-content {
    padding: 1.5rem;
  }

  .testimonial-rating-wrapper {
    justify-content: center;
    align-items: stretch;
  }

  .testimonial-client {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .testimonial-client-image-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .testimonial-overlay {
    filter: blur(20px);
    height: 5vh;
    margin-top: -50px;
  }

  .footer-top-wrapper {
    grid-row-gap: 3rem;
  }

  .footer-left-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .footer-menu-wrapper {
    grid-column-gap: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .footer-link-list {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-link {
    text-align: left;
  }

  .footer-bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer-credit-text {
    margin-top: 1.5rem;
  }

  .footer-legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
  }

  .cta-component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cta-content {
    margin-right: 0;
  }

  .cta-button-row {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0%;
  }

  .logo-component {
    padding-top: 1rem;
  }

  .logo-item {
    max-height: 3rem;
  }

  .header-heading-span {
    padding-right: 3rem;
  }

  .heading-cta {
    text-align: center;
  }

  .contact-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .content-content {
    margin-bottom: 0;
  }

  .team-item {
    grid-template-columns: max-content 1fr;
  }

  .blog-featured-item {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 0;
    display: grid;
  }

  .updates-hero-wrap {
    flex-flow: column;
    padding-bottom: 2rem;
    padding-right: 0;
  }

  .updates-hero-wrap.blog.section-hero.rounded-corners {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .hero-container.for-contact {
    padding-bottom: 80px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-container.for-contact.for-template-page {
    padding-bottom: 80px;
    padding-right: 24px;
    overflow: hidden;
  }

  .pricing-spacer-top {
    height: 4vh;
  }

  .header-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-bottom-secondary {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-layer-two {
    font-size: 2.25rem;
  }

  .hero-template {
    height: auto;
  }

  .contact-image-wrapper-two {
    display: none;
  }

  .wrapper-two.contact-header {
    z-index: 3;
    left: 0;
  }

  .wrapper-two.contact-header.absolute {
    position: relative;
    left: 0;
  }

  .wrapper-two.contact-header.hidden-on-mobile {
    display: none;
  }

  .perspective-wrapper {
    perspective: 300px;
  }

  .contact-image-wrapper-mobile {
    width: 82vw;
    height: 55vw;
    margin-bottom: 65px;
    display: block;
    position: relative;
    top: -4vw;
    right: -18vw;
  }

  .contact-image-wrapper-mobile.for-template-page {
    margin-bottom: 0;
  }

  .contact-paragraph {
    max-width: 520px;
    margin-top: 8px;
  }

  .contact-line {
    display: none;
  }

  .template-info-container {
    max-width: 600px;
  }

  .template-info-item {
    border-left: 2px solid #222;
    margin-top: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
  }

  .heading-two {
    font-size: 6vw;
  }

  .pricing-plan-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .by-app {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .navbar-column {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .by-industry {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-navbar01_dropdown-toggle {
    font-size: 1rem;
  }

  .by-department {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .navbar-cta-button {
    padding: 20px 32px;
  }

  .uui-logos04_list {
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    width: 125rem;
  }

  .uui-logos04_wrapper {
    padding: .5rem 1rem;
  }

  .uui-logos04_logo {
    width: 3rem;
    height: 3rem;
  }

  .pricing-plan-color {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .heading {
    text-align: center;
  }

  .uui-logo-loop_component {
    height: 3.5rem;
  }

  .section-big-icon {
    padding-top: 2.5rem;
  }

  .tab-link-tab-1.w--current, .tab-link-tab-2, .tab-link-tab-3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .text-block-11 {
    text-align: center;
  }

  .tabs-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: flex;
  }

  .app-image {
    width: 6rem;
    height: 6rem;
  }

  .heading-2, .heading-3 {
    text-align: center;
  }

  .nav-logo {
    max-width: 90%;
  }

  .nav---btn-primary-small-2 {
    padding: 20px 32px;
  }

  .navbar-button-wrapper-2-0 {
    align-self: center;
    width: 15rem;
  }

  .navbar-dropdown-toggle {
    min-height: 1.75rem;
    font-size: 1rem;
  }

  .navbar-menu-2-0 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-2 {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-section-header {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.75rem;
    display: flex;
  }

  .by-functionality {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .blur-2-0 {
    opacity: .7;
    filter: blur(40px) blur(40px);
    width: 25rem;
    height: 25rem;
    top: -10%;
    left: 0%;
  }

  .pricing {
    font-size: 2.3rem;
  }

  .header-component-apps {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .app-name-wrapper {
    justify-content: center;
    align-items: center;
  }

  .heading-4 {
    text-align: center;
  }

  .license-terms-layout {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-apps {
    text-align: center;
    font-size: 2.3rem;
  }

  .feature-table {
    flex-flow: column;
    margin-left: -12px;
    margin-right: -12px;
  }

  .feature-table.flex-center {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .features {
    padding-left: 12px;
    padding-right: 12px;
  }

  .features-container {
    justify-content: center;
    align-items: flex-start;
    height: 4rem;
  }

  .btn-hero {
    padding: 20px 32px;
  }

  .uui-button {
    font-size: 1rem;
  }

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

  .features-tab-link {
    width: 12rem;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 16px;
  }

  .features-tab-link.w--current {
    width: 12rem;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .text-block-16 {
    text-align: center;
  }

  .uui-navbar01_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .blur-2-0-solutions {
    opacity: .7;
    filter: blur(40px) blur(40px);
    width: 35rem;
    height: 25rem;
    top: -10%;
    left: 0%;
  }

  .blur-2-0-apps {
    opacity: .7;
    filter: blur(40px) blur(40px);
    width: 500px;
    height: 280px;
    top: -10%;
    left: 0%;
  }

  .features-image-section {
    padding-top: 2.5rem;
  }

  .features-image-section.features {
    padding: 0;
  }

  .text-size-medium-hero {
    font-size: 1rem;
  }

  .text-size-medium-hero.text-align-center.normal {
    text-align: center;
  }

  .blur-2-0-features {
    opacity: .7;
    filter: blur(40px) blur(40px);
    width: 100vw;
    height: 20vh;
    top: -10%;
    left: 0%;
  }

  .text-block-18 {
    text-align: center;
  }

  .microsoft-app-logo-loop-component {
    height: 3.5rem;
  }

  .microsoft-logo {
    width: 3rem;
    height: 3rem;
  }

  .microsoft-logo-list {
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    width: 125rem;
  }

  .features-left {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
  }

  .features-right {
    order: -1;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .ofaw-app-logo-loop-component {
    height: 3.5rem;
  }

  .ofaw-app-logo {
    width: 3rem;
    height: 3rem;
  }

  .ofaw-app-logo-list {
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    width: 124rem;
  }

  .footer-legal-text {
    text-align: left;
  }

  .text-size-medium-centered {
    font-size: 1rem;
  }

  .text-size-medium-centered.text-align-center.normal {
    text-align: center;
  }

  .text-size-medium-left {
    font-size: 1rem;
  }

  .text-size-medium-left.text-color-secondary, .text-size-medium-left.text-align-center.normal {
    text-align: center;
  }

  .navbar-column-products {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .tabs-content {
    max-width: 767px;
  }

  .by-app-2-0 {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .navbar-row-2-0 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .tabs-2 {
    max-width: 767px;
  }

  .heading-6, .heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .heading-12, .heading-13, .heading-14, .heading-15, .heading-16, .heading-17, .heading-18, .heading-19, .heading-20, .heading-21, .heading-22, .heading-23, .heading-24, .heading-25, .heading-26, .heading-27, .heading-28, .heading-29, .heading-30, .heading-31, .heading-32, .heading-33, .heading-34, .heading-35, .heading-36, .heading-37, .heading-38 {
    text-align: center;
  }

  .layout-list-customer-stories {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .custome-story-quote-name, .customer-story-quote {
    font-size: 1.125rem;
  }

  .text-size-medium-centered-2 {
    font-size: 1rem;
  }

  .section-big-image-customer-story {
    padding-top: 2.5rem;
  }

  .blur-2-0-testimonials {
    opacity: .7;
    filter: blur(40px) blur(40px);
    width: 100%;
    height: 25rem;
    margin-top: 100px;
    top: 0%;
    left: 0%;
  }

  .text-size-medium-white {
    text-align: center;
    font-size: 1rem;
  }

  .text-size-medium-white.text-align-center.normal, .microsoft-certification-wrapper {
    text-align: center;
  }

  .text-size-medium-centered-white-cs {
    font-size: 1rem;
  }

  .text-size-medium-centered-white-cs.text-align-center.normal {
    text-align: center;
  }

  .text-size-large-centered-white-cs-copy {
    font-size: 1rem;
  }

  .text-size-large-centered-white-cs-copy.text-align-center.normal {
    text-align: center;
  }

  .blur-2-0-customer-story {
    opacity: .7;
    filter: blur(40px) blur(40px);
    width: 35rem;
    height: 25rem;
    top: -10%;
    left: 0%;
  }

  .heading-class-2 {
    text-align: center;
  }

  .button-block-alternate-navbar {
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-overlay-top {
    z-index: 10;
    filter: blur(20px);
    height: 5vh;
    margin-top: -50px;
    position: relative;
    top: 336px;
    bottom: 0;
  }

  .heading-97, .heading-98, .heading-99, .heading-100, .heading-101, .heading-102, .heading-103, .heading-105, .heading-layout-component {
    text-align: center;
  }

  .general-heading-3 {
    text-align: center;
    font-size: 1.75rem;
  }

  .heading-106, .heading-107 {
    text-align: center;
  }

  .about-us, .starter-packges, .paid-services, .free-services, .by-starter-package-2-0, .by-premium-services-2-0, .by-free-services-2-0, .partners-and-integations, .by-industry-2-0, .by-application, .who-we-are, .partnerships-integrations {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .tab-link-tab-4-0 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .button-group-testamonials {
    justify-content: center;
    align-items: center;
  }

  .all-solutions, .all-products, .all-products-copy {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .all-services {
    grid-row-gap: .5rem;
    grid-template-columns: 1.25fr 1.25fr;
    max-width: none;
  }

  .list-item-microsoft-teams {
    font-size: 1rem;
  }

  .text-size-small-pricing {
    text-align: center;
  }

  .general-heading-4-pricing {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .text-size-medium-bold {
    text-align: center;
    font-size: 1rem;
  }

  .text-size-medium-bold.text-align-center.normal {
    text-align: center;
  }

  .pricing-app {
    font-size: 2.3rem;
  }

  .general-heading-4-pricing-app {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .e-learning {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .spacer-xsmall-with-boarder {
    padding-top: .75rem;
  }

  .pricing-plans-premium-support {
    grid-template-columns: 1fr;
  }

  .officeatwork-365 {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .spacer-xsmall-with-boarder-bottom {
    padding-top: .75rem;
  }

  .lp-card-content-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lp-heading1 {
    font-size: 2.3rem;
  }

  .lp-heading2 {
    padding-top: 20px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .text-size-medium {
    text-align: center;
  }

  .heading-style-h1 {
    font-size: 2.75rem;
  }

  .padding-section-large {
    max-width: 479px;
  }

  .header-image-wrapper {
    border-radius: 11px;
    padding: .3rem;
  }

  .header-image {
    border-radius: 7px;
  }

  .menu-icon-line-top {
    background-color: #fff;
  }

  .menu-icon-line-middle, .menu-icon-line-bottom {
    background-color: var(--base-color-brand--ofaw-white);
  }

  .hero-feature {
    padding-left: .6rem;
  }

  .hero-feature-icon {
    display: block;
  }

  .product-update {
    display: none;
  }

  .layout-component, .layout-item-list {
    grid-template-columns: 1fr;
  }

  .pricing-tabs-menu {
    border-style: none;
    flex-flow: column;
  }

  .pricing-tab-link {
    border: 1px solid #cfcfcf;
    margin-bottom: .5rem;
  }

  .pricing-tab-link.w--current {
    margin-bottom: .5rem;
  }

  .layout-list {
    grid-template-columns: 1fr;
  }

  .layout-three-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .layout-item-three {
    height: auto;
  }

  .notification {
    width: 90%;
  }

  .testimonial-component {
    grid-template-columns: 1fr;
  }

  .testimonial-card-content-right {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .footer-top-wrapper {
    grid-row-gap: 48px;
  }

  .footer-menu-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .cta-component {
    grid-template-rows: auto auto;
  }

  .cta-button-row {
    margin-top: 0%;
  }

  .logo-component {
    justify-content: center;
  }

  .header-heading-wrapper {
    grid-row-gap: .25rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: flex;
  }

  .header-heading-span {
    padding-right: 3.2rem;
  }

  .navbar-full-width {
    position: static;
  }

  .contact-component {
    grid-template-columns: 1fr;
  }

  .team-item {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .hero-container.for-contact {
    padding-bottom: 70px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-container.for-contact.for-template-page {
    padding-bottom: 70px;
  }

  .join-button-wrapper {
    display: block;
  }

  .top-bar {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
  }

  .header-wrapper.smaller {
    padding-left: 2%;
    padding-right: 2%;
  }

  .text-seven {
    text-align: left;
  }

  .margin-bottom-secondary {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .blogpost-content {
    max-width: 100%;
  }

  .link {
    word-break: break-all;
  }

  .heading-one {
    font-size: 15vw;
    font-weight: 800;
  }

  .contact-image-wrapper-mobile {
    height: 55vh;
    margin-bottom: 50px;
  }

  .contact-paragraph {
    margin-top: 4px;
  }

  .template-info-item {
    padding-left: 16px;
  }

  .heading-two {
    font-size: 7vw;
  }

  .navbar-dropdown-link {
    padding: .25rem;
  }

  .navbar-dropdown-link:hover {
    padding: .25rem .25rem .25rem 0;
  }

  .navbar-dropdown-link.w--current {
    box-shadow: 0 0 10px 2px #3f79fa;
  }

  .navbar-dropdown-content {
    max-width: 100%;
  }

  .navbar-dropdown-heading {
    align-self: flex-start;
    padding-left: 15px;
  }

  .navbar-dropdown-heading.shorter-tittle {
    align-self: flex-start;
    padding-top: 0;
    padding-left: 0;
  }

  .additional-space {
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 0;
  }

  .by-app {
    flex-flow: column;
    grid-template-rows: max-content auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: .5fr;
    max-width: 310px;
    display: flex;
  }

  .solutions_drop_down {
    color: var(--base-color-neutral--black);
  }

  .navbar-column {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .by-industry {
    border: 1px #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .navbar-row {
    border: 1px #000;
    justify-items: stretch;
  }

  .dropdown_arrow_icon {
    z-index: -1;
    color: var(--base-color-neutral--black);
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 100px;
    font-family: Outfit, sans-serif;
    display: flex;
    position: fixed;
  }

  .navbar-container-2-0 {
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    max-width: 470px;
  }

  .by-department {
    flex-flow: column;
    max-width: 100%;
    display: flex;
  }

  ._365-dropdown {
    padding-left: 0;
  }

  .navbar-cta-button {
    flex: 1;
    align-self: flex-start;
    width: 100%;
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 15px;
  }

  .uui-logos04_list {
    justify-content: space-around;
    width: 100rem;
  }

  .uui-logos04_wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .heading {
    text-align: center;
  }

  .nav-logo {
    max-width: 85%;
  }

  .nav---btn-primary-small-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .navbar-logo-link.w--current {
    padding-left: 15px;
  }

  .navbar-dropdown-toggle {
    color: var(--base-color-neutral--black);
    justify-content: center;
    align-items: center;
    width: auto;
    font-family: Outfit, sans-serif;
  }

  .navbar-menu-left {
    flex-flow: column;
    align-items: center;
    width: auto;
    display: block;
  }

  .navbar-section-header {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-family: Outfit, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    display: flex;
  }

  .by-functionality {
    border: 1px #000;
    flex-flow: column;
    display: flex;
  }

  .header-component-apps {
    grid-template-columns: 1fr;
  }

  .app-name-on-app-page {
    font-size: 1.25rem;
  }

  .heading-4 {
    text-align: center;
  }

  .license-terms-layout {
    grid-template-columns: 1fr;
  }

  .heading-style-apps {
    font-size: 2.75rem;
  }

  .feature-table {
    margin-left: 0;
    margin-right: 0;
  }

  .features {
    padding-left: 0;
    padding-right: 0;
  }

  .btn-hero {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .features-tab-link {
    margin-left: -12px;
    padding-left: 12px;
  }

  .navbar-item-center {
    justify-content: center;
    align-items: center;
  }

  .navbar-dropdown-link-center {
    grid-column-gap: .5rem;
    grid-row-gap: .5px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch;
    align-self: auto;
    place-items: stretch stretch;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem .25rem;
    display: grid;
  }

  .navbar-dropdown-link-center:hover {
    padding: 1rem .25rem;
  }

  .navbar-item-heading-special {
    font-size: 15px;
  }

  .navbar-app-description-special {
    font-size: 11px;
  }

  .blur-2-0-features {
    height: 12vh;
  }

  .microsoft-logo-list {
    justify-content: space-around;
    width: 75rem;
  }

  .features-left, .features-right {
    padding-left: 0;
    padding-right: 0;
  }

  .ofaw-app-logo-list {
    justify-content: space-around;
    width: 75rem;
  }

  .navbar-column-products {
    border-top-style: none;
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .section-officeatwork-apps {
    display: block;
  }

  .by-app-2-0 {
    border: 1px #000;
    flex-flow: column;
    display: flex;
  }

  .navbar-row-2-0 {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .layout-list-customer-stories {
    grid-template-columns: 1fr;
  }

  .blur-2-0-testimonials {
    width: 100%;
    height: 30rem;
    margin-left: auto;
    padding-left: 0;
  }

  .microsoft-certifcation-image {
    width: 13rem;
  }

  .heading-class-2 {
    font-size: 2rem;
  }

  .button-block-alternate-navbar {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-40, .heading-41, .paragraph-3, .heading-42, .paragraph-4, .heading-43, .heading-44, .paragraph-5, .heading-45, .paragraph-6, .heading-46, .heading-47, .paragraph-7, .paragraph-8, .heading-48, .heading-49, .heading-50, .paragraph-9, .heading-51, .paragraph-10, .heading-52, .heading-53, .paragraph-11, .heading-54, .paragraph-12, .heading-55, .paragraph-13, .heading-56, .paragraph-14, .heading-57, .heading-58, .paragraph-15, .heading-59, .paragraph-16, .heading-60, .heading-61, .paragraph-17, .heading-62, .paragraph-18, .heading-63, .heading-64, .paragraph-19, .heading-65, .paragraph-20, .heading-66, .heading-67, .paragraph-21, .heading-68, .paragraph-22, .heading-69, .heading-70, .heading-71, .paragraph-23, .heading-72, .paragraph-24, .heading-73, .heading-74, .paragraph-25, .heading-75, .paragraph-26, .heading-76, .heading-77, .paragraph-27, .heading-78, .paragraph-28, .heading-79, .heading-80, .paragraph-29, .heading-81, .paragraph-30, .heading-82, .heading-83, .paragraph-31, .heading-84, .paragraph-32, .heading-85, .heading-86, .paragraph-33, .heading-87, .paragraph-34, .heading-88, .heading-89, .heading-90, .heading-91, .heading-92, .heading-93, .heading-94, .heading-95, .heading-96, .heading-97, .heading-98, .heading-99, .heading-100, .heading-101, .heading-102, .heading-103, .heading-104, .heading-105, .heading-layout-component {
    text-align: center;
  }

  .general-heading-2 {
    font-size: 2rem;
  }

  .services_drop_down, .aboutus_drop_down {
    color: var(--base-color-neutral--black);
  }

  .about-us-navbar-row {
    border: 1px #000;
  }

  .about-us {
    border: 1px #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .starter-packges {
    border: 1px #000;
    flex-flow: column;
    display: flex;
  }

  .paid-services {
    flex-flow: column;
    max-width: 100%;
    display: flex;
  }

  .free-services {
    border: 1px #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .by-starter-package-2-0 {
    border: 1px #000;
    flex-flow: column;
    display: flex;
  }

  .by-premium-services-2-0 {
    border-bottom: 2px solid #3f79fa;
    flex-flow: column;
    max-width: 100%;
    display: flex;
  }

  .by-free-services-2-0 {
    border: 1px #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .partners-and-integations {
    border: 1px #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .by-industry-2-0 {
    border: 1px #000;
    flex-flow: column;
    display: flex;
  }

  .by-application {
    flex-flow: column;
    max-width: 100%;
    display: flex;
  }

  .who-we-are {
    border: 1px #000;
    flex-flow: column;
    display: flex;
  }

  .partnerships-integrations {
    flex-flow: column;
    max-width: 100%;
    display: flex;
  }

  .all-solutions {
    border: 1px #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .all-solutions-row {
    border: 1px #000;
    border-bottom: 2px solid #3f79fa;
  }

  .all-products {
    border: 1px #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .all-products-row, .all-services-row {
    border: 1px #000;
    border-bottom: 2px solid #3f79fa;
  }

  .all-products-copy, .all-services {
    border: 1px #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .heading-108, .paragraph-35, .heading-109, .paragraph-36, .list-item-microsoft-teams, .small-text, .small-heading {
    text-align: center;
  }

  .contact-heading-2, .general-heading-2-white {
    font-size: 2rem;
  }

  .app-image-navbar-large {
    vertical-align: middle;
    margin-left: 10px;
  }

  .text-size-medium-bold {
    text-align: center;
  }

  .e-learning-row {
    border: 1px #000;
    border-bottom: 2px solid #3f79fa;
  }

  .e-learning {
    border: 1px #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .officeatwork-365-row {
    border: 1px #000;
    border-bottom: 2px solid #3f79fa;
  }

  .officeatwork-365 {
    border: 1px #000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .navbar-dropdown-link-main {
    padding: .25rem;
  }

  .navbar-dropdown-link-main:hover {
    padding: .25rem .25rem .25rem 0;
  }

  .navbar-dropdown-link-main.w--current {
    box-shadow: 0 0 10px 2px #3f79fa;
  }

  .lp-container {
    margin-top: 0;
  }

  .lp-card-div {
    box-shadow: none;
    border-style: none;
    border-radius: 0 150px 0 0;
    margin: 0;
  }

  .lp-card-header-div {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .lp-card-header-logo-linkblock {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 200px;
  }

  .lp-heading1 {
    font-size: 2rem;
  }

  .lp-heading2 {
    font-size: 1.5rem;
  }
}

#w-node-_866a3e5b-af31-4009-471b-6852c4f709f8-e3b57437 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-de02bc8a-301c-c24f-3cde-f8fb30fad73d-30fad715, #w-node-de02bc8a-301c-c24f-3cde-f8fb30fad742-30fad715, #w-node-d5b234c9-5048-d5ea-1df5-8639c2850665-30fad715, #w-node-_6994b3e7-e852-d155-8e17-c6b1fe5e6e72-30fad715, #w-node-_69d6fd45-37f1-80cd-d387-b10153bcef28-30fad715, #w-node-_63aae5f5-3f1d-eaa9-6a79-a5ba693c8f9b-30fad715, #w-node-_69d6fd45-37f1-80cd-d387-b10153bcef2d-30fad715, #w-node-_065ea981-0e0b-ce5c-0610-bba8ec98c8b1-30fad715, #w-node-_69d6fd45-37f1-80cd-d387-b10153bcef32-30fad715, #w-node-e85878a4-b912-899e-ab8a-e61845cd8eff-30fad715, #w-node-e85878a4-b912-899e-ab8a-e61845cd8f06-30fad715, #w-node-e85878a4-b912-899e-ab8a-e61845cd8f0b-30fad715, #w-node-_7135abf3-663b-9e71-2326-823ecb883de2-30fad715, #w-node-e85878a4-b912-899e-ab8a-e61845cd8f10-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551c7a-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551c7f-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551c89-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551cec-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551cf3-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551cf8-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551d02-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551d64-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551d6b-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551d70-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551d7a-30fad715, #w-node-_4bfee819-f06f-dc22-a5e1-0b10d4bcba5e-30fad715, #w-node-cab9c62c-acd3-0d6e-b07f-4479e0691e84-30fad715, #w-node-cab9c62c-acd3-0d6e-b07f-4479e0691e75-30fad715, #w-node-cab9c62c-acd3-0d6e-b07f-4479e0691e7a-30fad715, #w-node-cab9c62c-acd3-0d6e-b07f-4479e0691e7f-30fad715, #w-node-_42e48312-47d6-239a-1e3e-8bbc1c6b0043-30fad715, #w-node-cc4f0813-5b00-d2e7-8932-f85462e18da0-30fad715, #w-node-_42e48312-47d6-239a-1e3e-8bbc1c6b003e-30fad715, #w-node-_42e48312-47d6-239a-1e3e-8bbc1c6b002f-30fad715, #w-node-_42e48312-47d6-239a-1e3e-8bbc1c6b0034-30fad715, #w-node-_42e48312-47d6-239a-1e3e-8bbc1c6b0039-30fad715, #w-node-_20cfa24f-e341-df34-435d-f18bca73e546-30fad715, #w-node-_20cfa24f-e341-df34-435d-f18bca73e54d-30fad715, #w-node-_20cfa24f-e341-df34-435d-f18bca73e541-30fad715, #w-node-_20cfa24f-e341-df34-435d-f18bca73e532-30fad715, #w-node-_20cfa24f-e341-df34-435d-f18bca73e537-30fad715, #w-node-_20cfa24f-e341-df34-435d-f18bca73e53c-30fad715, #w-node-_99508060-8e55-22c4-08aa-16d6dfe44f30-30fad715, #w-node-_99508060-8e55-22c4-08aa-16d6dfe44f37-30fad715, #w-node-_99508060-8e55-22c4-08aa-16d6dfe44f2b-30fad715, #w-node-_99508060-8e55-22c4-08aa-16d6dfe44f1c-30fad715, #w-node-_99508060-8e55-22c4-08aa-16d6dfe44f21-30fad715, #w-node-_99508060-8e55-22c4-08aa-16d6dfe44f26-30fad715 {
  align-self: start;
}

#w-node-_3428fb85-bfd0-656f-9c90-f95a4a237379-4a237365, #w-node-_3428fb85-bfd0-656f-9c90-f95a4a23737a-4a237365, #w-node-_3428fb85-bfd0-656f-9c90-f95a4a237391-4a237365, #w-node-_3428fb85-bfd0-656f-9c90-f95a4a2373a9-4a237365, #w-node-_3428fb85-bfd0-656f-9c90-f95a4a2373d9-4a237365, #w-node-_3428fb85-bfd0-656f-9c90-f95a4a2373f1-4a237365, #w-node-_3428fb85-bfd0-656f-9c90-f95a4a2373f2-4a237365, #w-node-_3428fb85-bfd0-656f-9c90-f95a4a237421-4a237365, #w-node-_3428fb85-bfd0-656f-9c90-f95a4a2373c1-4a237365, #w-node-_3428fb85-bfd0-656f-9c90-f95a4a237438-4a237365 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_507498d4-9637-7f29-8708-164514eb3735-5d3bca6b, #w-node-_507498d4-9637-7f29-8708-164514eb3739-5d3bca6b, #w-node-_507498d4-9637-7f29-8708-164514eb373b-5d3bca6b, #w-node-_507498d4-9637-7f29-8708-164514eb373d-5d3bca6b, #w-node-_507498d4-9637-7f29-8708-164514eb373f-5d3bca6b, #w-node-_507498d4-9637-7f29-8708-164514eb3741-5d3bca6b, #w-node-_7be3bb94-70fd-234f-e68d-b674ae056bd9-5d3bca6b, #w-node-_7be3bb94-70fd-234f-e68d-b674ae056bdd-5d3bca6b, #w-node-_7be3bb94-70fd-234f-e68d-b674ae056bdf-5d3bca6b, #w-node-_7be3bb94-70fd-234f-e68d-b674ae056be1-5d3bca6b, #w-node-_7be3bb94-70fd-234f-e68d-b674ae056be3-5d3bca6b, #w-node-_7be3bb94-70fd-234f-e68d-b674ae056be5-5d3bca6b, #w-node-ee994af7-c6ef-ef2a-3dcd-c4eb8cfaab57-5d3bca6b, #w-node-ee994af7-c6ef-ef2a-3dcd-c4eb8cfaab5b-5d3bca6b, #w-node-ee994af7-c6ef-ef2a-3dcd-c4eb8cfaab5d-5d3bca6b, #w-node-ee994af7-c6ef-ef2a-3dcd-c4eb8cfaab5f-5d3bca6b, #w-node-ee994af7-c6ef-ef2a-3dcd-c4eb8cfaab61-5d3bca6b, #w-node-ee994af7-c6ef-ef2a-3dcd-c4eb8cfaab63-5d3bca6b, #w-node-c8f70917-e934-aeec-b72b-dd8c9df1dd7e-5d3bca6b, #w-node-c8f70917-e934-aeec-b72b-dd8c9df1dd82-5d3bca6b, #w-node-c8f70917-e934-aeec-b72b-dd8c9df1dd84-5d3bca6b, #w-node-c8f70917-e934-aeec-b72b-dd8c9df1dd86-5d3bca6b, #w-node-c8f70917-e934-aeec-b72b-dd8c9df1dd88-5d3bca6b, #w-node-c8f70917-e934-aeec-b72b-dd8c9df1dd8a-5d3bca6b {
  justify-self: center;
}

#w-node-_5678b4d2-14ef-5e24-0a4a-0fb1e63b80d1-cd8e4cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5678b4d2-14ef-5e24-0a4a-0fb1e63b80d2-cd8e4cbe {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_5678b4d2-14ef-5e24-0a4a-0fb1e63b80d4-cd8e4cbe {
  justify-self: stretch;
}

#w-node-c7f4c969-bcb4-216c-2605-387c2320f486-cd8e4cbe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c7f4c969-bcb4-216c-2605-387c2320f4be-cd8e4cbe, #w-node-_62529af7-1aa6-80ea-9628-5889bd514233-cd8e4cbe, #w-node-_8d6a15fc-a427-0c8f-f6a3-474408fc6bca-cd8e4cbe {
  align-self: auto;
}

#w-node-a6526a9a-32a5-76ed-bd54-fda5cd8e4cce-cd8e4cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a6526a9a-32a5-76ed-bd54-fda5cd8e4ccf-cd8e4cbe, #w-node-_5dc4a321-a0b7-e62e-87d3-c80d27c5d7e7-cd8e4cbe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5dc4a321-a0b7-e62e-87d3-c80d27c5d801-cd8e4cbe, #w-node-_5140b7a2-36e2-eee0-50b1-26a16443ad06-cd8e4cbe, #w-node-_02e72f47-9b45-4034-811c-35480f86ea9b-cd8e4cbe {
  align-self: auto;
}

#w-node-_5dc4a321-a0b7-e62e-87d3-c80d27c5d80c-cd8e4cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5dc4a321-a0b7-e62e-87d3-c80d27c5d80d-cd8e4cbe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0cdffd24-e5fe-8d6e-44ed-8bfff7435903-cd8e4cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0cdffd24-e5fe-8d6e-44ed-8bfff7435904-cd8e4cbe {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_0cdffd24-e5fe-8d6e-44ed-8bfff7435906-cd8e4cbe {
  justify-self: stretch;
}

#w-node-_99539b68-62b0-389b-7b27-42d7ef38fc1a-cd8e4cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_99539b68-62b0-389b-7b27-42d7ef38fc1b-cd8e4cbe {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ad527f60-0ad4-baf2-9360-d7d2ee9f2100-cd8e4cbe, #w-node-ad527f60-0ad4-baf2-9360-d7d2ee9f2102-cd8e4cbe {
  justify-self: stretch;
}

#w-node-b4644d2a-7874-58da-bb5b-3895415ac52a-cd8e4cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b4644d2a-7874-58da-bb5b-3895415ac52b-cd8e4cbe {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_29552a83-1c2d-e580-da96-50e3b7cd357e-cd8e4cbe, #w-node-_29552a83-1c2d-e580-da96-50e3b7cd3580-cd8e4cbe {
  justify-self: stretch;
}

#w-node-_2dde1f3c-0c11-6198-4728-1b425c6d6e21-cd8e4cbe {
  order: 0;
  place-self: auto;
}

#w-node-a6526a9a-32a5-76ed-bd54-fda5cd8e4e62-cd8e4cbe {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a6526a9a-32a5-76ed-bd54-fda5cd8e4e74-cd8e4cbe, #w-node-a6526a9a-32a5-76ed-bd54-fda5cd8e4e76-cd8e4cbe {
  justify-self: stretch;
}

#w-node-a6526a9a-32a5-76ed-bd54-fda5cd8e4eae-cd8e4cbe {
  place-self: center;
}

#w-node-_3b2eb348-0f2c-d9e5-93cb-e1d9ab73d3ba-cd8e4cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3b2eb348-0f2c-d9e5-93cb-e1d9ab73d3bb-cd8e4cbe {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_3b2eb348-0f2c-d9e5-93cb-e1d9ab73d3bd-cd8e4cbe {
  justify-self: stretch;
}

#w-node-_4ce8fb32-0905-a412-b362-b8ff57886c51-cd8e4cbe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ce8fb32-0905-a412-b362-b8ff57886c9e-cd8e4cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ce8fb32-0905-a412-b362-b8ff57886c9f-cd8e4cbe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ce8fb32-0905-a412-b362-b8ff57886ced-cd8e4cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ce8fb32-0905-a412-b362-b8ff57886cee-cd8e4cbe {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_4ce8fb32-0905-a412-b362-b8ff57886cf0-cd8e4cbe {
  justify-self: stretch;
}

#w-node-ef695499-b2d6-f0cf-eebd-fc5e0ea09682-cd8e4cbe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_22f7a4cd-13f4-f90c-6d30-b31a21ef20b5-cd8e4cbe {
  justify-self: stretch;
}

#w-node-ef695499-b2d6-f0cf-eebd-fc5e0ea096a6-cd8e4cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ef695499-b2d6-f0cf-eebd-fc5e0ea096a7-cd8e4cbe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_06401b60-566d-0661-dea1-7d7f737f1652-3f96017a, #w-node-_06401b60-566d-0661-dea1-7d7f737f1654-3f96017a, #w-node-_06401b60-566d-0661-dea1-7d7f737f1656-3f96017a, #w-node-_06401b60-566d-0661-dea1-7d7f737f1658-3f96017a, #w-node-_06401b60-566d-0661-dea1-7d7f737f165a-3f96017a, #w-node-_3b6e48df-9dc8-9e65-1198-0c65c3f90d28-3f96017a, #w-node-_3b6e48df-9dc8-9e65-1198-0c65c3f90d2a-3f96017a, #w-node-_3b6e48df-9dc8-9e65-1198-0c65c3f90d2c-3f96017a, #w-node-_3b6e48df-9dc8-9e65-1198-0c65c3f90d2e-3f96017a, #w-node-_3b6e48df-9dc8-9e65-1198-0c65c3f90d30-3f96017a, #w-node-_092c5520-1b55-ae71-fd31-70ffaa92f67d-3f96017a, #w-node-_092c5520-1b55-ae71-fd31-70ffaa92f67f-3f96017a, #w-node-_092c5520-1b55-ae71-fd31-70ffaa92f681-3f96017a, #w-node-_092c5520-1b55-ae71-fd31-70ffaa92f683-3f96017a, #w-node-_092c5520-1b55-ae71-fd31-70ffaa92f685-3f96017a, #w-node-a09c4210-6684-b48f-04fb-a824c01098c6-3f96017a, #w-node-a09c4210-6684-b48f-04fb-a824c01098c8-3f96017a, #w-node-a09c4210-6684-b48f-04fb-a824c01098ca-3f96017a, #w-node-a09c4210-6684-b48f-04fb-a824c01098cc-3f96017a, #w-node-a09c4210-6684-b48f-04fb-a824c01098ce-3f96017a, #w-node-dab3fe32-035a-202c-81d8-efa8a35b996e-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b9970-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b9972-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b9974-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b9978-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b9983-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b9985-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b9987-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b9989-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b998d-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b9998-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b999a-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b999c-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b999e-a35b995e, #w-node-dab3fe32-035a-202c-81d8-efa8a35b99a2-a35b995e, #w-node-ddc3a93a-bf2b-6af0-7315-c20ea546d8fa-a35b995e, #w-node-ddc3a93a-bf2b-6af0-7315-c20ea546d8fc-a35b995e, #w-node-ddc3a93a-bf2b-6af0-7315-c20ea546d8fe-a35b995e, #w-node-ddc3a93a-bf2b-6af0-7315-c20ea546d900-a35b995e, #w-node-ddc3a93a-bf2b-6af0-7315-c20ea546d904-a35b995e {
  justify-self: center;
}

#w-node-b1e5235f-cd88-0e58-9618-c4f21b39a104-ef566cbb, #w-node-_9c97d423-24ee-4444-da2f-af0cfc15a26c-ef566cbb, #w-node-_05ca6962-1e8f-c928-1884-59ba15fb6719-ef566cbb, #w-node-_0911335e-48eb-3f7b-3467-99b373dcbda0-ef566cbb, #w-node-_4f87dda3-8ace-4b45-9fb3-c923c0b2c3ba-ef566cbb, #w-node-e212127b-7407-b570-e55b-30b4b2375834-ef566cbb, #w-node-dafaf0eb-27db-0838-a8b7-d9d3f9f882dc-ef566cbb, #w-node-f39bf66b-9aa8-cf64-1492-78c96d9d4d70-ef566cbb {
  align-self: center;
}

#w-node-_270645ae-f208-79dc-0b60-ede5c9548a76-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548a7b-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548a80-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548a85-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548ae4-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548aeb-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548af0-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548af5-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548afa-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548b58-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548b5f-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548b64-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548b69-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548b6e-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548bd0-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548bd5-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548bda-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548bf5-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548bfa-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548bff-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c1a-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c1f-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c24-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c3f-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c44-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c49-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c64-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c69-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c6e-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c89-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c8e-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c93-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548cae-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548cb3-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548cb8-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548cd3-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548cd8-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548cdd-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548cf8-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548cfd-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d02-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d1d-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d22-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d27-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d42-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d47-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d4c-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d65-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d6a-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d6f-6d4a5f97 {
  align-self: start;
}

@media screen and (min-width: 1440px) {
  #w-node-a6526a9a-32a5-76ed-bd54-fda5cd8e4ccf-cd8e4cbe, #w-node-_5dc4a321-a0b7-e62e-87d3-c80d27c5d80d-cd8e4cbe, #w-node-_4ce8fb32-0905-a412-b362-b8ff57886c9f-cd8e4cbe, #w-node-ef695499-b2d6-f0cf-eebd-fc5e0ea096a7-cd8e4cbe {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f7a73216-177c-a15c-5f1d-568db23bdd06-e3b5743a, #w-node-f7a73216-177c-a15c-5f1d-568db23bdd0b-e3b5743a, #w-node-f7a73216-177c-a15c-5f1d-568db23bdd2e-e3b5743a, #w-node-f7a73216-177c-a15c-5f1d-568db23bdd56-e3b5743a, #w-node-_627245d7-6688-2013-6556-f80f01d3cf43-287d58e3, #w-node-_384cca93-7179-be80-39c2-de2008ad25ef-287d58e3, #w-node-f9a07f47-f795-b37a-0a0e-22c62e7d1baf-287d58e3, #w-node-_34979f69-1f2f-f27d-9eca-8de3df35d79d-287d58e3, #w-node-d7684fe6-7e15-d3e6-fab0-68a2f8c3584e-287d58e3, #w-node-_08e0c2db-4298-0bf5-7f90-3bd119408c67-287d58e3, #w-node-_61cdea64-9dff-4a81-0ed0-8f3a31c3e648-287d58e3, #w-node-fa964bd6-199e-db1d-e086-503ffc1c9c19-287d58e3, #w-node-e441ddf3-da6e-cadd-eff1-18414db70755-287d58e3, #w-node-_174ea59c-7c76-f9a8-4635-331fa74b28a4-287d58e3, #w-node-_23b2a08e-3e94-a027-9a03-1935886a7b86-287d58e3, #w-node-_94ee3f45-661b-502e-24f2-3ed553b89268-287d58e3, #w-node-_53f2280f-dc66-56aa-2d4c-7127cc4a819c-287d58e3, #w-node-f6c99719-17b1-cc13-f658-20d16f3fe07d-287d58e3, #w-node-_3978bbff-d119-c3af-af46-7931e1544842-287d58e3, #w-node-_1ddd520c-b9fe-93dd-7397-6ffc32203544-287d58e3, #w-node-b3a22567-f223-ecc6-de49-ad661b466f20-287d58e3, #w-node-fa70e23e-a771-54ea-a880-98b2e9893f88-287d58e3, #w-node-_7a3227c8-4ea5-160d-2fbc-a68faec999b9-287d58e3, #w-node-_7a3227c8-4ea5-160d-2fbc-a68faec999f8-287d58e3, #w-node-_7a3227c8-4ea5-160d-2fbc-a68faec999fe-287d58e3, #w-node-_7a3227c8-4ea5-160d-2fbc-a68faec99a3d-287d58e3, #w-node-b615d50b-ea76-8bcc-c822-380b2b3d534d-287d58e3, #w-node-c45caead-22b3-c99a-ee68-8ce2d2f6647b-287d58e3, #w-node-_5887e046-b51f-6956-5151-8e7575fa6371-3f96017a, #w-node-d5f035f7-2bb9-5deb-78d9-a83eadf89bf0-3f96017a, #w-node-_627245d7-6688-2013-6556-f80f01d3cf43-3f96017a, #w-node-_1190bcf7-243c-f3c0-db8a-51d58b197028-3f96017a, #w-node-_3546328b-a45a-10fc-0154-a9b070f5ba17-3f96017a, #w-node-cd9cacc2-15f5-5669-5d59-f121eefd3e65-3f96017a, #w-node-_6e1a72e3-a07b-7260-fb95-ab9afc0ebe5a-3f96017a, #w-node-_6e1a72e3-a07b-7260-fb95-ab9afc0ebe7f-3f96017a, #w-node-_6e1a72e3-a07b-7260-fb95-ab9afc0ebe84-3f96017a, #w-node-_6e1a72e3-a07b-7260-fb95-ab9afc0ebea7-3f96017a, #w-node-_6e1a72e3-a07b-7260-fb95-ab9afc0ebeac-3f96017a, #w-node-_6e1a72e3-a07b-7260-fb95-ab9afc0ebecf-3f96017a {
    place-self: center;
  }

  #w-node-_02ddef06-b7f3-0407-cde6-6427de2914bd-e4958be5 {
    grid-area: Area-4;
  }

  #w-node-ca29901a-c3ac-f307-b5b9-ef7d34737601-e4958be5, #w-node-_2d746ede-bc31-2cfa-cc3c-0a6d4ff18603-e4958be5, #w-node-_592da699-4e8e-d343-6d8f-bf461b15e83d-e4958be5, #w-node-_5d4e473c-341e-64bd-5312-8023e9df191d-e4958be5, #w-node-_7297cd14-77f8-1db8-5f39-902fd028f3ff-e4958be5, #w-node-_22cac017-8851-c711-b992-f6c50a121286-e4958be5, #w-node-_0b9df2d7-480d-d887-71aa-65a03a2cccf6-e4958be5, #w-node-ba921db2-42ed-17a9-b752-43b1720b6e1b-e4958be5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9489bc3a-5747-3fae-ef8b-58d331353bad-e4958be5 {
    grid-area: Area-4;
  }

  #w-node-_9489bc3a-5747-3fae-ef8b-58d331353baf-e4958be5, #w-node-_9489bc3a-5747-3fae-ef8b-58d331353bb1-e4958be5, #w-node-_9489bc3a-5747-3fae-ef8b-58d331353bb3-e4958be5, #w-node-_9489bc3a-5747-3fae-ef8b-58d331353bb5-e4958be5, #w-node-_9489bc3a-5747-3fae-ef8b-58d331353bb7-e4958be5, #w-node-_9489bc3a-5747-3fae-ef8b-58d331353bb9-e4958be5, #w-node-_9489bc3a-5747-3fae-ef8b-58d331353bbb-e4958be5, #w-node-_9489bc3a-5747-3fae-ef8b-58d331353bbd-e4958be5, #w-node-b8a8fa29-bc94-51bb-aa6d-0408d262de8e-e4958be5, #w-node-b1ea79c0-7d00-ba71-1fa4-2649c9209ffb-e4958be5, #w-node-_26a1f06c-44b1-9f08-a247-b506c337fe4d-e4958be5, #w-node-_0ffa4311-234e-796a-3105-65452a63207c-e4958be5, #w-node-_31ef145e-123f-72bb-7ef8-d71c66d06708-e4958be5, #w-node-_9f1b05a9-b43f-f842-2298-5488db00ba4d-e4958be5, #w-node-_270645ae-f208-79dc-0b60-ede5c9548bbc-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c06-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548c75-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548cbf-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d09-6d4a5f97, #w-node-_270645ae-f208-79dc-0b60-ede5c9548d53-6d4a5f97 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-de02bc8a-301c-c24f-3cde-f8fb30fad72f-30fad715, #w-node-d2920fd0-07c0-761c-3023-e4e269551c68-30fad715, #w-node-cab9c62c-acd3-0d6e-b07f-4479e0691e63-30fad715 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5678b4d2-14ef-5e24-0a4a-0fb1e63b80d2-cd8e4cbe {
    grid-column: span 2 / span 2;
  }

  #w-node-_0cdffd24-e5fe-8d6e-44ed-8bfff7435903-cd8e4cbe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0cdffd24-e5fe-8d6e-44ed-8bfff7435904-cd8e4cbe {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_99539b68-62b0-389b-7b27-42d7ef38fc1a-cd8e4cbe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_99539b68-62b0-389b-7b27-42d7ef38fc1b-cd8e4cbe, #w-node-b4644d2a-7874-58da-bb5b-3895415ac52b-cd8e4cbe, #w-node-a6526a9a-32a5-76ed-bd54-fda5cd8e4e62-cd8e4cbe, #w-node-_3b2eb348-0f2c-d9e5-93cb-e1d9ab73d3bb-cd8e4cbe, #w-node-_4ce8fb32-0905-a412-b362-b8ff57886cee-cd8e4cbe {
    grid-column: span 2 / span 2;
  }

  #w-node-_270645ae-f208-79dc-0b60-ede5c9548a64-6d4a5f97 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f7a73216-177c-a15c-5f1d-568db23bdd03-e3b5743a, #w-node-f7a73216-177c-a15c-5f1d-568db23bdd2b-e3b5743a, #w-node-f7a73216-177c-a15c-5f1d-568db23bdd53-e3b5743a {
    order: -9999;
  }

  #w-node-ce8ce494-9edf-6db6-cda2-73159d9b1bef-e3b5743c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2997a9d5-7ffe-48b2-b319-f051847e03b6-287d58e3 {
    order: 9999;
  }

  #w-node-f9a07f47-f795-b37a-0a0e-22c62e7d1bac-287d58e3, #w-node-_34979f69-1f2f-f27d-9eca-8de3df35d79a-287d58e3, #w-node-_08e0c2db-4298-0bf5-7f90-3bd119408c64-287d58e3, #w-node-_61cdea64-9dff-4a81-0ed0-8f3a31c3e645-287d58e3, #w-node-fa964bd6-199e-db1d-e086-503ffc1c9c16-287d58e3, #w-node-e441ddf3-da6e-cadd-eff1-18414db70752-287d58e3, #w-node-_174ea59c-7c76-f9a8-4635-331fa74b28a1-287d58e3, #w-node-_23b2a08e-3e94-a027-9a03-1935886a7b83-287d58e3, #w-node-_94ee3f45-661b-502e-24f2-3ed553b89265-287d58e3, #w-node-f6c99719-17b1-cc13-f658-20d16f3fe07a-287d58e3, #w-node-_1ddd520c-b9fe-93dd-7397-6ffc32203541-287d58e3, #w-node-b3a22567-f223-ecc6-de49-ad661b466f1d-287d58e3, #w-node-fa70e23e-a771-54ea-a880-98b2e9893f85-287d58e3, #w-node-_7a3227c8-4ea5-160d-2fbc-a68faec999f5-287d58e3, #w-node-_7a3227c8-4ea5-160d-2fbc-a68faec99a3a-287d58e3, #w-node-c45caead-22b3-c99a-ee68-8ce2d2f66478-287d58e3, #w-node-_5887e046-b51f-6956-5151-8e7575fa636e-3f96017a, #w-node-_0cb2d493-e7e6-ce70-2cdb-462bd26e10f0-3f96017a, #w-node-fbec8088-6e20-caaf-b41a-74b972e8c8fc-3f96017a, #w-node-_46298470-1032-be81-ab7f-6c79bf37ca49-3f96017a, #w-node-_6e1a72e3-a07b-7260-fb95-ab9afc0ebe7c-3f96017a, #w-node-_6e1a72e3-a07b-7260-fb95-ab9afc0ebea4-3f96017a, #w-node-_6e1a72e3-a07b-7260-fb95-ab9afc0ebecc-3f96017a, #w-node-dc87550e-6e7a-1671-fcf2-b4045f736f3a-3f96017a, #w-node-c05dc055-64ba-2b56-e3d9-62ed7793174a-4508fb53, #w-node-_7d3e9c7c-0618-9252-c4b0-f42924c20fe6-4508fb53, #w-node-_63e9dd8c-144e-e223-ce47-4399c6cf8e6f-4508fb53, #w-node-_3fb82145-f48c-e6d4-4ec0-186855875306-4508fb53, #w-node-_2c579e1e-4cde-5c4f-ab5b-236fb70862ed-4508fb53, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-d02911a4, #w-node-_0155a72e-5698-0d1a-9db6-78745a304664-d02911a4, #w-node-_3e1202ae-0257-e14c-533d-1aee1a74d852-d02911a4, #w-node-_3173a861-91ca-0c3d-746f-12f038738d62-d02911a4, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-c80b7a49, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-c80b7a49, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-42eab3ba, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-f530cdaa, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-f530cdaa, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-9f5529fb, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-9f5529fb, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-f6e879ae, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-f6e879ae, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-fe424de2, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-fe424de2, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-03179f03, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-03179f03, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-6fb8bfbf, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-6fb8bfbf, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-064c50b1, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-064c50b1, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-8389a39d, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-8389a39d, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-32c06dda, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-32c06dda, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-2398022b, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-2398022b, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-92b76a5b, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-92b76a5b, #w-node-c05dc055-64ba-2b56-e3d9-62ed7793174a-154c394c, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-154c394c, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-154c394c, #w-node-c05dc055-64ba-2b56-e3d9-62ed7793174a-22805ead, #w-node-_85758e8f-b0b9-79c1-64f1-dcc49523e464-22805ead, #w-node-c05dc055-64ba-2b56-e3d9-62ed7793174a-4ae3f24c, #w-node-_85758e8f-b0b9-79c1-64f1-dcc49523e464-4ae3f24c, #w-node-c05dc055-64ba-2b56-e3d9-62ed7793174a-fb07fa7e, #w-node-_85758e8f-b0b9-79c1-64f1-dcc49523e464-fb07fa7e, #w-node-c05dc055-64ba-2b56-e3d9-62ed7793174a-898b6bc3, #w-node-_85758e8f-b0b9-79c1-64f1-dcc49523e464-898b6bc3, #w-node-c05dc055-64ba-2b56-e3d9-62ed7793174a-ef566cbb, #w-node-_85758e8f-b0b9-79c1-64f1-dcc49523e464-ef566cbb, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-02bf140c, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-02bf140c, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-02bf140c, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-02bf140c, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-0b84e7df, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-0b84e7df, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-0b84e7df, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-0b84e7df, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-d2822ce1, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-d2822ce1, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-d2822ce1, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-d2822ce1, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-4d76ebc4, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-4d76ebc4, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-4d76ebc4, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-4d76ebc4, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-c908cb42, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-c908cb42, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-c908cb42, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-c908cb42, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-e0c33fed, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-e0c33fed, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-e0c33fed, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-e0c33fed, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-852a0bf2, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-852a0bf2, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-852a0bf2, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-852a0bf2, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-0456c1e9, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-0456c1e9, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-0456c1e9, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-0456c1e9, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-b1561116, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-b1561116, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-b1561116, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-b1561116, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-6385642a, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-6385642a, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-6385642a, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-6385642a, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-8b779d87, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-8b779d87, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-8b779d87, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-8b779d87, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-5c9fc140, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-5c9fc140, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-5c9fc140, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-5c9fc140, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-2382462b, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-2382462b, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-2382462b, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-2382462b, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-d0fe93de, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-d0fe93de, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-d0fe93de, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-d0fe93de, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-aa0976b6, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-aa0976b6, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-aa0976b6, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-aa0976b6, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-de62d2be, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-de62d2be, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-de62d2be, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-de62d2be, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-34dbcbd6, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-34dbcbd6, #w-node-_186602e7-149a-773e-78cb-d580d722d576-34dbcbd6, #w-node-_86a6cc77-b653-d786-df1b-858c4ebaa101-34dbcbd6, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-34dbcbd6, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-34dbcbd6, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-43197867, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-43197867, #w-node-_0b0f87d9-10a1-a2b5-c5c3-5aa4b2ce637e-43197867, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-43197867, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-43197867, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-7e916ef1, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-7e916ef1, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-7e916ef1, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-71c81e28, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-71c81e28, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-71c81e28, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-71c81e28 {
    order: -9999;
  }

  #w-node-ce8ce494-9edf-6db6-cda2-73159d9b1bef-c2a03b61 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-34dd857a, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-34dd857a, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-0cb5eec8, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-0cb5eec8, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-ae93519d, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-ae93519d, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-5c0336c0, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-5c0336c0, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-5c0336c0, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-5c0336c0, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-6d4a5f97, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab426-6d4a5f97, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-6d4a5f97 {
    order: -9999;
  }

  #w-node-ce8ce494-9edf-6db6-cda2-73159d9b1bef-e383d528 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c05dc055-64ba-2b56-e3d9-62ed7793174a-c9a7b661, #w-node-_85758e8f-b0b9-79c1-64f1-dcc49523e464-c9a7b661, #w-node-_03fa32da-d6db-fc9e-1061-119470c2d169-97032639, #w-node-_778ff45d-b2c6-f460-8fd2-d1125f8ea579-97032639 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_866a3e5b-af31-4009-471b-6852c4f709f8-e3b57437 {
    grid-column: span 1 / span 1;
  }

  #w-node-_0cdffd24-e5fe-8d6e-44ed-8bfff7435903-cd8e4cbe, #w-node-_99539b68-62b0-389b-7b27-42d7ef38fc1a-cd8e4cbe, #w-node-b4644d2a-7874-58da-bb5b-3895415ac52a-cd8e4cbe, #w-node-_3b2eb348-0f2c-d9e5-93cb-e1d9ab73d3ba-cd8e4cbe {
    justify-self: stretch;
  }

  #w-node-f7a73216-177c-a15c-5f1d-568db23bdd1c-e3b5743a {
    order: 9999;
  }

  #w-node-ce8ce494-9edf-6db6-cda2-73159d9b1bef-e3b5743c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-02bf140c, #w-node-_57f901da-c356-76c0-419d-2fe18772873f-02bf140c, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-02bf140c {
    order: 9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab42c-02bf140c, #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-02bf140c {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-0b84e7df {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-0b84e7df {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-0b84e7df {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-0b84e7df {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-e0c33fed {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-e0c33fed {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-e0c33fed {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-e0c33fed, #w-node-_57f901da-c356-76c0-419d-2fe18772873b-852a0bf2 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-852a0bf2, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-852a0bf2 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-852a0bf2 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-0456c1e9 {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-0456c1e9 {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-0456c1e9 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-0456c1e9 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-b1561116 {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-b1561116 {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-b1561116 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-b1561116 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-6385642a {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-6385642a {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-6385642a {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-6385642a {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-8b779d87 {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-8b779d87 {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-8b779d87 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-8b779d87 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-5c9fc140 {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-5c9fc140 {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-5c9fc140 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-5c9fc140 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-2382462b {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-2382462b {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-2382462b {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-2382462b {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-d0fe93de {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-d0fe93de {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-d0fe93de {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-d0fe93de {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-aa0976b6 {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-aa0976b6 {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-aa0976b6 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-aa0976b6 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-de62d2be {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-de62d2be {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-de62d2be {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-de62d2be {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-34dbcbd6 {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-34dbcbd6, #w-node-_186602e7-149a-773e-78cb-d580d722d576-34dbcbd6, #w-node-_86a6cc77-b653-d786-df1b-858c4ebaa101-34dbcbd6 {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-34dbcbd6 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-34dbcbd6 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-43197867 {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-43197867, #w-node-_0b0f87d9-10a1-a2b5-c5c3-5aa4b2ce637e-43197867 {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-43197867 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-43197867 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-7e916ef1, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-7e916ef1 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-7e916ef1 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-71c81e28 {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-71c81e28 {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-71c81e28 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-71c81e28 {
    order: -9999;
  }

  #w-node-ce8ce494-9edf-6db6-cda2-73159d9b1bef-c2a03b61 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-34dd857a {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-34dd857a {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-0cb5eec8 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-0cb5eec8 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-5c0336c0 {
    order: 9999;
  }

  #w-node-_57f901da-c356-76c0-419d-2fe18772873b-5c0336c0 {
    order: -9999;
  }

  #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-5c0336c0 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-5c0336c0 {
    order: -9999;
  }

  #w-node-_6aca5a28-e2db-b689-cebd-e03bc55ff6aa-6d4a5f97, #w-node-_783e28b0-3885-4567-079a-a8ae8a8ab419-6d4a5f97 {
    order: 9999;
  }

  #w-node-_2f466b0f-a04e-a03a-d6f3-62c0e050349a-6d4a5f97 {
    order: -9999;
  }

  #w-node-ce8ce494-9edf-6db6-cda2-73159d9b1bef-e383d528 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}