:root {
  --white: white;
  --black: black;
}

.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-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.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;
  }
}

.navigation {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 16px 80px;
  display: flex;
}

.frame-1000004311 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vectors-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 60px;
  display: flex;
}

.text {
  color: #2a2b2e;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.frame-1000004317 {
  grid-column-gap: -38px;
  grid-row-gap: -38px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-1000004315 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-1000004324 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-right: 40px;
  display: flex;
}

.frame-1000004312 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px;
  display: flex;
}

.text-2 {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.button {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #2f54eb;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 8px 12px;
  display: flex;
}

.icon-and-label {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 28px;
  display: flex;
}

.button-text-m {
  color: #fff;
  letter-spacing: -.011em;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.vectors-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding: 20px 60px;
}

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

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

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

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

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

.frame-1000004319 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 60px 60px;
  display: flex;
}

.me-2 {
  object-fit: cover;
}

.frame-1000004318 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 696px;
  display: flex;
}

.text-3 {
  color: #120d0d;
  text-align: center;
  font-size: 64px;
  font-weight: 600;
  line-height: 56px;
}

.frame-1000004243 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-4 {
  color: #120d0d;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 150.19%;
}

.frame-1000004322 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 60px 100px;
  display: flex;
}

.vectors-wrapper-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-1000004323 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.project-title {
  color: #000;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 150.19%;
}

.quick-tabs {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 150.19%;
}

.explore-project-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #2f54eb;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.text-5 {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 150.19%;
}

.vectors-wrapper-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.frame-1000004325 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 60px 80px 100px;
  display: flex;
}

.macbook-pro-17 {
  object-fit: cover;
  flex: 1;
}

.frame-1000004326 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-6 {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 150.19%;
}

.vectors-wrapper-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.frame-1000004327 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 60px 100px;
  display: flex;
}

.iphone-13-pro {
  object-fit: cover;
  flex: 1;
}

.frame-1000004328 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-7 {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 150.19%;
}

.vectors-wrapper-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.frame-1000004329 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 60px 80px;
  display: flex;
}

.frame-1000004330 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-1000004331 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-8 {
  color: #120d0d;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 150.19%;
}

.frame-1000004332 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1120px;
  display: flex;
}

.frame-1000004333 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-9 {
  color: #000;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  line-height: 150.19%;
}

.text-10 {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 150.19%;
}

.frame-1000004314 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 14px 80px;
  display: flex;
}

.frame-1000004334 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vectors-wrapper-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 60px;
  display: flex;
}

.text-11 {
  color: #2a2b2e;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.frame-1000004335 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-1000004336 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-right: 40px;
  display: flex;
}

.frame-1000004337 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.text-12 {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.large-button {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #509178;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  padding: 12px 24px;
  display: flex;
}

.button-2 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.nav-bar {
  object-fit: fill;
}

.navbar-logo-left-container-2 {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container-2.shadow-three {
  z-index: 100;
  object-fit: fill;
  background-color: #fff;
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 80px;
  display: block;
  position: sticky;
  top: 0;
  overflow: visible;
  box-shadow: 0 1px 8px #0003;
}

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

.navbar-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start space-between;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.nav-menu-two-2 {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link-2 {
  color: #1a1b1f;
  letter-spacing: .25px;
  align-items: center;
  height: 100%;
  min-height: 44px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Merriweather, serif;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  position: static;
}

.nav-link-2:hover {
  color: #1a1b1f;
  background-color: #e3f1ed;
  border-radius: 8px;
}

.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  background-color: #e3e3e3;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider-2 {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent-2 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent-2:hover {
  color: #1a1b1fbf;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: none;
  background-color: #509178;
  border-radius: 4px;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 200px;
  min-height: 44px;
  padding: 12px 24px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  transition: all .2s;
  display: flex;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #3c6452;
}

.button-primary-2:active {
  background-color: #30483b;
}

.button-primary-2:focus {
  outline-offset: 2px;
  border: 0 #000;
  outline: 3px solid #000;
}

.button-primary-2.green {
  letter-spacing: 1px;
  text-transform: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 44px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.button-primary-2.green:focus {
  outline-offset: 2px;
  outline: 2px #000;
}

.button-primary-2.green:focus-visible, .button-primary-2.green[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #000;
}

.button-primary-2.blue {
  text-transform: none;
  background-color: #21406e;
}

.button-primary-2.blue:hover {
  background-color: #08264f;
}

.button-primary-2.blue:active {
  background-color: #305181;
}

.button-primary-2.blue:focus {
  outline-offset: 2px;
  outline: 3px #000;
}

.button-primary-2.blue:focus-visible, .button-primary-2.blue[data-wf-focus-visible] {
  opacity: 1;
  outline-offset: 2px;
  mix-blend-mode: normal;
  outline: 2px solid #000;
}

.button-primary-2.red {
  text-transform: none;
  background-color: #73423e;
  font-weight: 500;
}

.button-primary-2.red:hover {
  background-color: #52292b;
}

.button-primary-2.red:active {
  background-color: #915850;
}

.button-primary-2.red:focus {
  outline-offset: 2px;
  outline: 3px #000;
}

.button-primary-2.red:focus-visible, .button-primary-2.red[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #000;
}

.button-primary-2.dark-green {
  text-transform: none;
  background-color: #43745f;
}

.button-primary-2.dark-green:hover {
  background-color: #30483b;
}

.button-primary-2.dark-green:active {
  background-color: #509178;
}

.button-primary-2.dark-green:focus {
  outline-offset: 2px;
  outline: 3px #000;
}

.button-primary-2.dark-green:focus-visible, .button-primary-2.dark-green[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #000;
}

.navbar-logo-left-container-3 {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container-3.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

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

.navbar-wrapper-3 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two-3 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-3 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

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

.nav-link-3:focus-visible, .nav-link-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-3 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-3 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-3:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-3:focus-visible, .nav-dropdown-toggle-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-3 {
  margin-right: 10px;
}

.nav-dropdown-list-3 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-3.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-3 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-3:focus-visible, .nav-dropdown-link-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider-3 {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent-3 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent-3:hover {
  color: #1a1b1fbf;
}

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

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

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

.list-item {
  margin-right: 10px;
}

.list-item.p2 {
  font-size: 16px;
}

.frame-1000004338 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #0000;
  background-image: url('../images/Wide-Background.png');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 80px;
  display: flex;
}

.me-3 {
  object-fit: cover;
}

.frame-1000004339 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 696px;
  display: flex;
}

.text-13 {
  color: #1a1e22;
  text-align: center;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
}

.frame-1000004340 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-14 {
  color: #1a1e22;
  text-align: center;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.large-button-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #509178;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 120px;
  padding: 12px 24px;
  display: flex;
}

.button-3 {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.frame-1000004341 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
  display: flex;
}

.frame-1000004342 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #bfc8d8;
  border-radius: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
}

.vectors-wrapper-8 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-1000004343 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.project-title-2 {
  color: #1a1e22;
  text-align: center;
  padding-bottom: 10px;
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}

.quick-tabs-2 {
  color: #1a1e22;
  text-align: center;
  padding-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 150.19%;
}

.large-button-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #21406e;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  padding: 12px 24px;
  display: flex;
}

.sub-headings-sub-heading-1 {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.vectors-wrapper-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.frame-1000004344 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
  display: flex;
}

.frame-1000004345 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #ebcac5fc;
  border-radius: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
}

.macbook-pro-18 {
  object-fit: cover;
}

.frame-1000004346 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.large-button-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #73423e;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  padding: 12px 24px;
  display: flex;
}

.vectors-wrapper-10 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.frame-1000004347 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 40px 80px;
  display: flex;
}

.frame-1000004348 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #bcddd2;
  border-radius: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
}

.iphone-13-pro-2 {
  object-fit: cover;
}

.frame-1000004349 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.explore-project-link-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #43745f;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.text-15 {
  color: #fff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150.19%;
}

.vectors-wrapper-11 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.frame-1000004350 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
  display: flex;
}

.project-tile {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #bcddd2;
  border-radius: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}

.project-tile.comp-tool {
  background-color: #bfc8d8;
  border-radius: 8px;
}

.project-tile.onboarding {
  -webkit-text-fill-color: inherit;
  background-color: #bcddd2;
  background-clip: border-box;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.project-tile.library {
  border-radius: 8px;
}

.project-tile.calculators {
  border-radius: 8px;
  padding: 20px;
}

.project-tile.calculators.red {
  background-color: #ebcac5;
}

.vectors-wrapper-12 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-1000004352 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.large-button-5 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #21406e;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  padding: 12px 24px;
  display: flex;
}

.vectors-wrapper-13 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.frame-1000004353 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
  display: flex;
}

.additional-projects {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  object-fit: contain;
  background-color: #ebcac5fc;
  border-radius: 25px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
}

.additional-projects.comp-tool {
  background-color: #bfc8d8;
}

.frame-1000004355 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.vectors-wrapper-14 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.frame-1000004356 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
  display: flex;
}

.frame-1000004357 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  object-fit: contain;
  background-color: #bcddd2;
  border-radius: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
}

.iphone-13-pro-3 {
  object-fit: cover;
}

.frame-1000004358 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.explore-project-link-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #43745f;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.text-16 {
  color: #fff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150.19%;
}

.vectors-wrapper-15 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.footer-light {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px 40px;
  position: relative;
}

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

.footer-block-two {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.footer-link-two {
  color: #1a1b1f;
  margin-top: 20px;
  text-decoration: none;
}

.footer-link-two:hover {
  color: #1a1b1fbf;
}

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-bottom: 0;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-form-field {
  border: 1px solid #a6b1bf;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.footer-form-submit {
  background-color: #1a1b1f;
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 50px;
  height: 48px;
  transition: all .2s;
}

.footer-form-submit:hover {
  background-color: #3a4554;
}

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

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

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

.footer-social-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}

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

.frame-105 {
  background-image: linear-gradient(to top, #bfc8d8, #fff0);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1282px;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 80px 32px;
  display: flex;
}

.text-17 {
  color: #1a1e22;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 150.19%;
}

.vectors-wrapper-16 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.footer {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f5f7fa;
  background-image: url('../images/Flipped-BG.png');
  background-position: 0%;
  background-size: 1800px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 24px 20px;
  display: flex;
}

.columns {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  display: flex;
}

.logo-wrapper {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.logo {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 141px;
  height: 36px;
  display: flex;
}

.small-columns {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.content-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-18 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.footer-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.link {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-3, .content-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.copyright {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 940px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 0 -1px #e4ebf3;
}

.text-19 {
  color: #1a1e22;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.div-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.menu-button-4 {
  overflow: hidden;
}

.large-button-2-copy {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #509178;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 120px;
  padding: 12px 24px;
  display: flex;
}

.hero-frame {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.project-title-3 {
  color: #1a1e22;
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 150.19%;
}

.image-frame {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #bfc8d8;
  border-radius: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}

.frame-1000004361 {
  justify-content: space-between;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  max-width: 1040px;
  display: flex;
}

.vectors-wrapper-17 {
  object-fit: cover;
  flex: 1;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 665px;
  height: 492px;
  display: flex;
}

.frame-1000004362 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1120px;
  padding: 40px 80px;
  display: flex;
}

.frame-1000004363 {
  grid-column-gap: 57px;
  grid-row-gap: 57px;
  background-color: #fff8f3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 608px;
  display: flex;
}

.frame-37 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-20 {
  color: #120d0d;
  font-family: Outfit, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150.19%;
}

.error-c8c56133-5002-f865-ca81-0046cd9f3f06 {
  white-space: normal;
  word-break: normal;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.frame-1000004364 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 272px;
  height: 452px;
  display: flex;
}

.text-21 {
  color: #000;
  font-family: Outfit, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150.19%;
}

.text-22, .edmonton {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150.19%;
}

.as-part-of-a-major-website-audit-business-had-identified-a-shortfall-in-the-conversion-funnel-one-of-the-findings-pointed-to-a-lack-of-comparison-tool-that-would-allow-clients-compare-different-banking-accounts-and-their-benefits-introducing-a-comparison-tool-on-the-banks-site-would-enable-clients-to-compare-banking-accounts-and-make-informed-decisions-allow-the-business-to-address-client-needs-and-offer-relevant-information-based-on-metrics-improve-the-conversion-funnel-by-featuring-more-prominent-calls-to-action-ctas-note-due-to-confidentiality-i-have-removed-all-branding-and-reference-to-the-company-in-question-0 {
  color: #120d0d;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.as-part-of-a-major-website-audit-business-had-identified-a-shortfall-in-the-conversion-funnel-one-of-the-findings-pointed-to-a-lack-of-comparison-tool-that-would-allow-clients-compare-different-banking-accounts-and-their-benefits-introducing-a-comparison-tool-on-the-banks-site-would-enable-clients-to-compare-banking-accounts-and-make-informed-decisions-allow-the-business-to-address-client-needs-and-offer-relevant-information-based-on-metrics-improve-the-conversion-funnel-by-featuring-more-prominent-calls-to-action-ctas-note-due-to-confidentiality-i-have-removed-all-branding-and-reference-to-the-company-in-question-1 {
  color: #120d0d;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.as-part-of-a-major-website-audit-business-had-identified-a-shortfall-in-the-conversion-funnel-one-of-the-findings-pointed-to-a-lack-of-comparison-tool-that-would-allow-clients-compare-different-banking-accounts-and-their-benefits-introducing-a-comparison-tool-on-the-banks-site-would-enable-clients-to-compare-banking-accounts-and-make-informed-decisions-allow-the-business-to-address-client-needs-and-offer-relevant-information-based-on-metrics-improve-the-conversion-funnel-by-featuring-more-prominent-calls-to-action-ctas-note-due-to-confidentiality-i-have-removed-all-branding-and-reference-to-the-company-in-question-3 {
  color: #120d0d;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}

.as-part-of-a-major-website-audit-business-had-identified-a-shortfall-in-the-conversion-funnel-one-of-the-findings-pointed-to-a-lack-of-comparison-tool-that-would-allow-clients-compare-different-banking-accounts-and-their-benefits-introducing-a-comparison-tool-on-the-banks-site-would-enable-clients-to-compare-banking-accounts-and-make-informed-decisions-allow-the-business-to-address-client-needs-and-offer-relevant-information-based-on-metrics-improve-the-conversion-funnel-by-featuring-more-prominent-calls-to-action-ctas-note-due-to-confidentiality-i-have-removed-all-branding-and-reference-to-the-company-in-question-4 {
  color: #120d0d;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.paragraph {
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

.list-item-2, .list-item-3 {
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.list-item-4 {
  font-family: Outfit, sans-serif;
  font-size: 18px;
}

.list {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.section {
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}

.intro {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: space-around;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  max-width: 1112px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
  display: flex;
}

.frame-1000004366 {
  grid-column-gap: 57px;
  grid-row-gap: 57px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 608px;
  margin-right: 20px;
  padding-right: 0;
  display: flex;
}

.frame-1000004367 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  margin-right: 40px;
  display: flex;
}

.text-23 {
  color: #120d0d;
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 150.19%;
}

.as-part-of-a-major-website-audit-business-had-identified-a-shortfall-in-the-conversion-funnel-one-of-the-findings-pointed-to-a-lack-of-comparison-tool-that-would-allow-clients-compare-different-banking-accounts-and-their-benefits-introducing-a-comparison-tool-on-the-banks-site-would-enable-clients-to-compare-banking-accounts-and-make-informed-decisions-allow-the-business-to-address-client-needs-and-offer-relevant-information-based-on-metrics-improve-the-conversion-funnel-by-featuring-more-prominent-calls-to-action-ctas-note-due-to-confidentiality-i-have-removed-all-branding-and-reference-to-the-company-in-question-5 {
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.frame-1000004368 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 272px;
  height: auto;
  display: flex;
}

.text-24 {
  color: #000;
  font-family: Outfit, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150.19%;
}

.text-25 {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.as-part-of-a-major-website-audit-business-had-identified-a-shortfall-in-the-conversion-funnel-one-of-the-findings-pointed-to-a-lack-of-comparison-tool-that-would-allow-clients-compare-different-banking-accounts-and-their-benefits-introducing-a-comparison-tool-on-the-banks-site-would-enable-clients-to-compare-banking-accounts-and-make-informed-decisions-allow-the-business-to-address-client-needs-and-offer-relevant-information-based-on-metrics-improve-the-conversion-funnel-by-featuring-more-prominent-calls-to-action-ctas-note-due-to-confidentiality-i-have-removed-all-branding-and-reference-to-the-company-in-question-6 {
  color: #120d0d;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.as-part-of-a-major-website-audit-business-had-identified-a-shortfall-in-the-conversion-funnel-one-of-the-findings-pointed-to-a-lack-of-comparison-tool-that-would-allow-clients-compare-different-banking-accounts-and-their-benefits-introducing-a-comparison-tool-on-the-banks-site-would-enable-clients-to-compare-banking-accounts-and-make-informed-decisions-allow-the-business-to-address-client-needs-and-offer-relevant-information-based-on-metrics-improve-the-conversion-funnel-by-featuring-more-prominent-calls-to-action-ctas-note-due-to-confidentiality-i-have-removed-all-branding-and-reference-to-the-company-in-question-7 {
  color: #120d0d;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.as-part-of-a-major-website-audit-business-had-identified-a-shortfall-in-the-conversion-funnel-one-of-the-findings-pointed-to-a-lack-of-comparison-tool-that-would-allow-clients-compare-different-banking-accounts-and-their-benefits-introducing-a-comparison-tool-on-the-banks-site-would-enable-clients-to-compare-banking-accounts-and-make-informed-decisions-allow-the-business-to-address-client-needs-and-offer-relevant-information-based-on-metrics-improve-the-conversion-funnel-by-featuring-more-prominent-calls-to-action-ctas-note-due-to-confidentiality-i-have-removed-all-branding-and-reference-to-the-company-in-question-8 {
  color: #120d0d;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}

.as-part-of-a-major-website-audit-business-had-identified-a-shortfall-in-the-conversion-funnel-one-of-the-findings-pointed-to-a-lack-of-comparison-tool-that-would-allow-clients-compare-different-banking-accounts-and-their-benefits-introducing-a-comparison-tool-on-the-banks-site-would-enable-clients-to-compare-banking-accounts-and-make-informed-decisions-allow-the-business-to-address-client-needs-and-offer-relevant-information-based-on-metrics-improve-the-conversion-funnel-by-featuring-more-prominent-calls-to-action-ctas-note-due-to-confidentiality-i-have-removed-all-branding-and-reference-to-the-company-in-question-9 {
  color: #120d0d;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.heading {
  font-family: Outfit, sans-serif;
  font-size: 40px;
}

.h2 {
  color: #0c2966;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Merriweather, serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Outfit, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-3 {
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.list-item-5 {
  margin-bottom: 4px;
  font-family: Roboto, sans-serif;
  line-height: 24px;
}

.list-2 {
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.heading-2 {
  font-family: Outfit, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.userflows {
  max-width: 1112px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
}

.general-list {
  max-width: 750px;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.list-item-6 {
  line-height: 24px;
}

.list-item-7 {
  line-height: 28px;
}

.list-item-8, .list-item-9 {
  margin-bottom: 4px;
}

.list-item-10, .list-item-11, .list-item-12, .list-item-13 {
  padding-bottom: 4px;
  line-height: 26px;
}

.list-item-14, .list-item-15 {
  padding-bottom: 4px;
}

.intro-section {
  max-width: 1112px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 80px 40px;
}

.grid-2 {
  grid-column-gap: 25px;
  grid-template: "Area ."
                 "Area ."
                 "Area ."
                 "Area Area-2"
                 / 2fr 1fr;
}

.section-2 {
  max-width: 1112px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}

.grid-3 {
  object-fit: contain;
  grid-template: "Area Area Area"
                 ". . ."
                 "Area-2 Area-2 Area-2"
                 ". . ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
}

.general-parahraph {
  border: 1px #bfc8d8;
  max-width: 650px;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.general-parahraph.float {
  max-width: 800px;
}

.general-parahraph.p2 {
  font-size: 16px;
}

.image {
  object-fit: fill;
  width: 50%;
  height: 50%;
}

.paragraph-5 {
  max-width: 600px;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.grid-4 {
  object-fit: fill;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area Area-2 Area-3"
                       "Area Area-2 Area-3";
}

.lightbox-fill {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-2, .image-3 {
  object-fit: contain;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.image-4 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.grid-5 {
  grid-column-gap: 9px;
  background-color: #bfc8d8;
  border-radius: 25px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area Area-2 Area-3"
                       "Area Area-2 Area-3";
  max-width: 1112px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

.div-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-bottom: 20px;
  display: flex;
}

.content-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
  display: flex;
}

.content-section.last {
  padding-bottom: 40px;
}

.content-section.first {
  opacity: 1;
  outline-offset: 0px;
  background-image: none;
  outline: 1px #333;
  max-width: 1280px;
  padding-top: 60px;
}

.content-section.about {
  background-image: url('../images/Test-background.png');
  background-position: 0 0;
  background-size: cover;
  padding-top: 60px;
}

.image-5 {
  border-radius: 8px;
}

.grid-6 {
  grid-row-gap: 30px;
  background-color: #bfc8d8;
  border-radius: 25px;
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 Area-3";
  padding: 20px;
}

.image-6 {
  background-color: #bfc8d8;
  border-radius: 25px;
  padding: 20px;
}

.page-break {
  outline-offset: 0px;
  background-color: #0000;
  border: 2px solid #005cff;
  border-radius: 0;
  outline: 1px solid #333;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}

.div-block-3 {
  border: 1px solid #bfc8d8;
}

.grid-7 {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
  max-width: 1120px;
}

.image-7 {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.image-11, .image-12 {
  border-radius: 25px;
  width: 100%;
  height: 100%;
  box-shadow: 2px 3px 12px #0003;
}

.image-13 {
  min-height: 400px;
}

.body {
  background-color: #fff;
}

.grid-8 {
  grid-row-gap: 20px;
  grid-template: "Area"
                 "Area-2"
                 "Area-3"
                 / 1fr;
}

.image-14 {
  object-fit: fill;
  padding-bottom: 20px;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.hero-section {
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
}

.image-15, .image-16, .lightbox-link {
  width: 100%;
  height: 100%;
}

.grid-9 {
  grid-template: ". Area-2 ." minmax(80px, .25fr)
                 "Area Area-2 Area-3"
                 "Area . Area-3"
                 "Area-5 Area-4 Area-6"
                 / 1fr 1fr 1fr;
}

.container-4 {
  column-count: 3;
}

.mobile-mockup {
  column-count: 3;
  border-radius: 4px;
  column-gap: 2rem;
  margin-bottom: 2rem;
  padding: 0;
  box-shadow: 0 4px 12px #0003;
}

.container-5 {
  column-count: 3;
  flex-flow: column;
  column-gap: 2rem;
  margin-top: 40px;
  display: flex;
}

.container-5.stacked {
  flex-flow: row;
  max-width: 1280px;
  display: block;
}

.background-video {
  background-color: #0000;
  border-radius: 25px;
}

.grid-10 {
  grid-template-columns: .75fr 1fr;
}

.grid-11 {
  grid-template-columns: 1fr 1.5fr;
  grid-template-areas: ". ."
                       "Area Area";
}

.lottie-animation {
  max-width: 400px;
  max-height: 400px;
}

.grid-12 {
  grid-column-gap: 61px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
  padding-top: 20px;
}

.lottie-animation-2 {
  object-fit: fill;
  border-radius: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.lottie-animation-3 {
  object-fit: fill;
  background-image: url('../images/Small-background-2.png');
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 20px;
}

.div-block-5 {
  object-fit: fill;
  overflow: visible;
}

.lottie-animation-4 {
  margin-bottom: 15px;
}

.image-20 {
  object-fit: contain;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.grid-13 {
  grid-template-columns: 1fr .5fr;
}

.grid-15 {
  grid-column-gap: 39px;
  grid-row-gap: 19px;
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area-2 Area-2"
                       ". ."
                       "Area-3 Area-3";
}

.div-block-7 {
  object-fit: fill;
}

.image-21 {
  border-radius: 20px;
  overflow: visible;
}

.lottie-animation-5 {
  margin-bottom: 45px;
}

.grid-17 {
  grid-column-gap: 21px;
  grid-row-gap: 20px;
  grid-template: "Area-3 Area-3" .75fr
                 "Area ."
                 "Area-4 Area-4"
                 / 1fr 1fr;
  grid-auto-flow: column;
}

.div-block-8, .div-block-9 {
  border-radius: 20px;
}

.image-22 {
  float: right;
  border-radius: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 0;
}

.image-23, .image-24, .image-25 {
  margin-bottom: 20px;
}

.text-span {
  color: #754f4f;
}

.bold-text {
  color: #0c2966;
}

.grid-18 {
  grid-row-gap: 30px;
  background-color: #bfc8d8;
  border-radius: 45px;
  grid-template-columns: 1fr;
  padding: 20px;
}

.lightbox-link-2 {
  border-radius: 0;
}

.image-26, .image-27 {
  border-radius: 25px;
}

.list-item-16, .list-item-17, .list-item-18, .list-item-19, .general-list-item {
  padding-bottom: 4px;
}

.image-28 {
  border-radius: 20px;
}

.link-block {
  border-radius: 20px;
  width: 100%;
}

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

.flex-block {
  float: none;
  display: block;
}

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

.grid-19 {
  grid-column-gap: 23px;
  grid-template: "Area Area-2 Area-3"
  / 1fr 1fr 1fr;
}

.lottie-animation-6 {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  object-fit: fill;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: block;
}

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

.background-video-2 {
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.background-video-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  object-fit: fill;
  flex-flow: column;
  align-items: stretch;
  width: auto;
  display: block;
  position: relative;
}

.image-30 {
  overflow: visible;
}

.grid-21 {
  grid-column-gap: 15px;
  grid-template: "Area Area-2"
  / .5fr 1fr;
}

.home-page {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1000004369 {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 80px;
  text-decoration: none;
  display: flex;
}

.frame-1000004370 {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-18 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 60px;
  text-decoration: none;
  display: flex;
}

.text-26 {
  color: #1a1e22;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-1000004371 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-1000004372 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
}

.frame-1000004373 {
  grid-column-gap: 10px;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.text-27 {
  color: #1a1e22;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.large-button-6 {
  grid-column-gap: 4px;
  background-color: #509178;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 160px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.button-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.hero-banner {
  grid-row-gap: 24px;
  background-color: #fff;
  background-image: url('../images/Wide-Background.png');
  background-position: 0 0;
  background-size: 1800px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 60px 80px;
  text-decoration: none;
  display: flex;
}

.me-4 {
  object-fit: cover;
}

.frame-1000004516 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 302px;
  text-decoration: none;
  display: flex;
}

.heading1 {
  color: #1a1e22;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-29 {
  color: #1a1e22;
  text-align: center;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.large-button-7 {
  grid-column-gap: 4px;
  background-color: #509178;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.content-section-2 {
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 80px;
  text-decoration: none;
  display: flex;
}

.calculator-project {
  grid-row-gap: 24px;
  background-color: #ebcac5;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.frame-1000004517 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading2 {
  color: #1a1e22;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-decoration: none;
}

.heading2.white {
  color: #fff;
  text-align: left;
}

.heading2.centred {
  text-align: center;
  font-family: Merriweather, serif;
}

.info-tabs {
  color: #1a1e22;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.large-button-8 {
  grid-column-gap: 4px;
  background-color: #73423e;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 44px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-31 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.comparison-tool {
  grid-row-gap: 24px;
  background-color: #bfc8d8;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-19 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.large-button-9 {
  grid-column-gap: 4px;
  background-color: #21406e;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 44px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.digital-onboarding {
  grid-row-gap: 24px;
  background-color: #bcddd2;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.large-button-10 {
  grid-column-gap: 4px;
  background-color: #43745f;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 44px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.frame-1000004518 {
  grid-column-gap: 10px;
  background-color: #fff;
  background-image: url('../images/Flipped-BG.png');
  background-position: 50%;
  background-size: 1800px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 60px 80px;
  text-decoration: none;
  display: flex;
}

.text-32 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.calculator-project-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.home-page-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1000004519 {
  grid-row-gap: 4px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.project-title-5 {
  color: #1a1e22;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Slab, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 150.19%;
  text-decoration: none;
}

.content-section-3 {
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 80px;
  text-decoration: none;
  display: flex;
}

.calculator-project-3 {
  grid-row-gap: 24px;
  background-color: #ebcac5;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.galaxy-tab-s8-ultra {
  object-fit: cover;
}

.overview-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.content-block {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.h2-2 {
  color: #1a1e22;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Slab, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-decoration: none;
}

.copy-block {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.copy {
  color: #1a1e22;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.list-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.content-stack {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 360px;
  text-decoration: none;
  display: flex;
}

.mini-content-block {
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h3-2 {
  color: #1a1e22;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Slab, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.replacement-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.content-block-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.image-section {
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 60px 80px;
  text-decoration: none;
  display: flex;
}

.image-section.pc {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.content-block-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-20 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.challenges-section {
  grid-column-gap: 71px;
  background-color: #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 60px 80px;
  text-decoration: none;
  display: flex;
}

.content-block-4 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.list-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.vectors-wrapper-21 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.design-process-section {
  grid-row-gap: 16px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 60px 80px;
  text-decoration: none;
  display: flex;
}

.frame-1000004520 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 340px;
  text-decoration: none;
  display: flex;
}

.live-experience-section {
  grid-column-gap: 40px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 20px 80px 40px;
  text-decoration: none;
  display: flex;
}

.frame-1000004523 {
  grid-row-gap: 10px;
  background-color: #272533;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.frame-1000004522 {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h2-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Slab, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-decoration: none;
}

.copy-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.vectors-wrapper-22 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  text-decoration: none;
  display: flex;
}

.copy-1 {
  color: #1a1e22;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: underline;
}

.list-1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: underline;
}

.list-0 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
}

.frame-1000004524 {
  grid-row-gap: 4px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.project-title-6 {
  color: #1a1e22;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Slab, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 150.19%;
  text-decoration: none;
}

.project-hero {
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 20px 80px;
  text-decoration: none;
  display: flex;
}

.calculator-project-4 {
  grid-row-gap: 24px;
  background-color: #ebcac5;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.overview-section-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #fff;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 60px 80px;
  text-decoration: none;
  display: flex;
}

.content-block-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.head-2 {
  color: #1a1e22;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Slab, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-decoration: none;
}

.normal-copy {
  color: #505050;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.normal-copy.basic {
  width: 100%;
  max-width: 360px;
}

.generic-list {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.standard-list-item {
  color: #505050;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.mini-content-block-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 300px;
  text-decoration: none;
  display: flex;
}

.heading3 {
  color: #1a1e22;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.replacement-section-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 60px 80px;
  text-decoration: none;
  display: flex;
}

.replacement-section-2.test {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  padding-top: 60px;
  padding-bottom: 60px;
}

.content-block-6 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-block-6.space {
  margin-bottom: 20px;
}

.vectors-wrapper-23 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.content-block-7 {
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.content-block-7.special {
  max-width: 400px;
}

.content-block-7.special.mid {
  justify-content: center;
  align-items: flex-start;
}

.list-item-21 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.vectors-wrapper-24 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.frame-1000004525 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 340px;
  text-decoration: none;
  display: flex;
}

.frame-1000004526 {
  grid-row-gap: 10px;
  background-color: #272533;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.frame-1000004527 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h2-5 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Slab, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-decoration: none;
}

.copy-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.vectors-wrapper-25 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  text-decoration: none;
  display: flex;
}

.list-item-1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: underline;
}

.list-item-0 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
}

.standard-list, .list-6 {
  margin-bottom: 0;
}

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

.image-33 {
  width: 100%;
  max-width: 600px;
}

.image-34 {
  box-sizing: border-box;
  object-fit: fill;
  height: 100%;
}

.div-block-13 {
  flex: 1;
  justify-content: flex-start;
  align-self: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
  overflow: clip;
}

.image-35 {
  height: 100%;
}

.button-5 {
  background-color: #509178;
  border-radius: 4px;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 200px;
  padding: 12px 24px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.section-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  display: block;
}

.image-36 {
  border-radius: 4px;
  box-shadow: 0 2px 5px #0003;
}

.container-6 {
  max-width: 1280px;
}

.image-37 {
  height: 100%;
}

.image-38 {
  max-height: 100%;
}

.container-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-14, .div-block-15, .div-block-16 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.grid-22 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4";
}

.div-block-17 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-18 {
  align-self: stretch;
  max-width: 600px;
}

.container-8 {
  column-count: 3;
  flex-flow: column;
  column-gap: 2rem;
  margin-top: 40px;
  display: flex;
}

.container-8.stacked {
  flex-flow: row;
  max-width: 1280px;
  display: block;
}

.container-9 {
  flex-flow: row;
  width: 100%;
  height: 100px;
  display: flex;
}

.lightbox-link-3 {
  border: 1px #000;
  border-radius: 0;
  box-shadow: 0 2px 5px #0003;
}

.image-39 {
  display: inline-flex;
  box-shadow: 0 2px 5px #0003;
}

.image-40 {
  display: inline-flex;
  box-shadow: 0 2px 5px #0003, 0 2px 5px #0003;
}

.image-41, .image-42, .image-43 {
  margin-bottom: 40px;
  display: inline-flex;
  box-shadow: 0 2px 5px #0003;
}

.image-44, .image-45, .image-46 {
  display: inline-flex;
  box-shadow: 0 2px 5px #0003;
}

.container-10 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  align-self: center;
  display: flex;
}

.image-49 {
  padding-bottom: 20px;
}

.image-51 {
  margin-bottom: 20px;
  box-shadow: 0 2px 5px #0003;
}

.image-52 {
  margin-bottom: 40px;
  box-shadow: 0 2px 5px #0003;
}

.image-53 {
  box-shadow: 0 2px 5px #0003;
}

@media screen and (min-width: 1280px) {
  .navbar-logo-left-container-2.shadow-three {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    order: 0;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
    max-width: 1280%;
    display: flex;
  }

  .navbar-wrapper-2 {
    max-width: 1120px;
  }

  .nav-menu-two-2 {
    font-size: 16px;
  }

  .nav-link-2 {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .nav-link-2:hover {
    border-radius: 4px;
  }

  .button-primary-2.green {
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    min-width: 160px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    display: flex;
    position: static;
  }

  .button-primary-2.red {
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    min-width: 200px;
    font-family: Roboto, sans-serif;
    display: flex;
  }

  .frame-1000004338 {
    aspect-ratio: auto;
  }

  .text-13 {
    font-size: 40px;
  }

  .frame-1000004340 {
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .text-14 {
    color: #1a1e22;
    font-size: 16px;
    font-weight: 400;
  }

  .project-title-2 {
    padding-bottom: 0;
    font-family: Merriweather, serif;
    font-weight: 400;
    line-height: 36px;
  }

  .quick-tabs-2 {
    padding-bottom: 24px;
    font-weight: 400;
    line-height: 20px;
  }

  .project-tile.comp-tool {
    border-radius: 8px;
  }

  .project-tile.onboarding {
    background-color: #ebcac5;
    border-radius: 8px;
    max-width: 1120px;
  }

  .project-tile.library {
    border-radius: 8px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .footer {
    padding-top: 40px;
  }

  .div-block-4 {
    flex: 1;
  }

  .image-14 {
    width: 560px;
    height: 420px;
  }

  .home-page {
    flex: 1;
    align-self: auto;
    max-width: none;
  }

  .frame-1000004369 {
    object-fit: fill;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
  }

  .hero-banner {
    object-fit: fill;
    background-image: url('../images/Wide-Background.png');
    background-position: 0 0;
    background-size: cover;
    flex-flow: column;
    flex: 0 auto;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .content-section-2 {
    flex: 0 auto;
    align-self: center;
    max-width: 1280px;
  }

  .frame-1000004518 {
    background-image: url('../images/Flipped-BG.png');
    background-position: 50%;
    background-repeat: repeat;
    background-size: 1800px;
    align-self: center;
    max-width: none;
  }

  .body-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .calculator-project-2 {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .home-page-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .image-section {
    max-width: 1280px;
  }

  .challenges-section {
    grid-column-gap: 80px;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1280px;
  }

  .design-process-section {
    grid-row-gap: 60px;
    max-width: 1280px;
  }

  .frame-1000004524 {
    max-width: 1280px;
  }

  .frame-1000004524.pc {
    flex: 1;
    align-self: center;
  }

  .project-hero {
    max-width: 1280px;
  }

  .overview-section-2, .replacement-section-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    max-width: 1280px;
  }

  .frame-1000004526 {
    justify-content: flex-start;
    align-items: center;
    max-width: 1120px;
  }

  .image-32 {
    max-width: 1120px;
  }

  .container-10 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex;
  }

  .image-47, .image-48 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .image-49 {
    padding-bottom: 20px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .image-50 {
    padding-left: 80px;
    padding-right: 80px;
  }
}

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

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .navbar-logo-left-container-2.shadow-three {
    z-index: 1000;
    padding-left: 40px;
    padding-right: 40px;
    top: 0;
  }

  .container-2 {
    max-width: 728px;
  }

  .navbar-wrapper-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-menu-wrapper-2 {
    background-color: #0000;
  }

  .nav-menu-two-2 {
    mix-blend-mode: normal;
    background-color: #fff;
    border-radius: 12px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 4px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 20px 4px #00000026;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-2 {
    border-radius: 8px;
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #5e5e5e;
  }

  .container-3 {
    max-width: 728px;
  }

  .nav-menu-wrapper-3 {
    background-color: #0000;
  }

  .nav-menu-two-3 {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-3 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-3.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-3 {
    padding: 12px;
  }

  .menu-button-3.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .additional-projects.comp-tool {
    border-radius: 8px;
    max-width: 1120px;
  }

  .frame-1000004357 {
    border-radius: 8px;
  }

  .footer-wrapper-two {
    flex-wrap: wrap;
  }

  .footer-form {
    width: 100%;
    margin-top: 40px;
  }

  .footer-form-container {
    max-width: 350px;
  }

  .columns {
    flex-direction: column;
    align-items: center;
  }

  .column, .content-2, .footer-links, .content-3, .content-4 {
    align-items: center;
  }

  .hero-frame {
    margin: 20px auto 0;
    padding-left: 60px;
    padding-right: 60px;
  }

  .image-frame {
    align-items: center;
  }

  .frame-1000004362 {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .frame-1000004363 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .frame-37 {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .text-20 {
    padding-bottom: 20px;
  }

  .frame-1000004364 {
    grid-column-gap: 40px;
    grid-row-gap: 0px;
    flex-direction: row;
    flex: 1;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
    display: block;
  }

  .paragraph {
    line-height: 24px;
  }

  .section {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .paragraph-2 {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
  }

  .grid {
    grid-template: "."
                   "Area"
                   / 1fr 1fr 1fr;
  }

  .intro {
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .frame-1000004368 {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
  }

  .text-25 {
    min-width: 150px;
    max-width: 200px;
  }

  .list-2 {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    line-height: 24px;
  }

  .userflows, .intro-section {
    padding-left: 60px;
    padding-right: 60px;
  }

  .image {
    align-self: center;
    width: 100%;
  }

  .grid-5 {
    grid-template: "Area"
                   "Area-2"
                   "Area-2"
                   "Area-3"
                   "Area-3"
                   / 1fr;
    padding: 10px;
  }

  .content-section {
    max-width: 1112px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .content-section.first {
    flex: 1;
    align-self: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-5 {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .grid-6 {
    justify-items: center;
  }

  .image-6 {
    padding: 20px;
  }

  .grid-7 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: "Area"
                   "Area-2"
                   / 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-7 {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .image-14 {
    overflow: clip;
  }

  .hero-section {
    padding-top: 40px;
  }

  .mobile-mockup {
    border-radius: 10px;
  }

  .background-video {
    height: 200px;
    min-height: 200px;
  }

  .lottie-animation-2 {
    object-fit: fill;
    margin-bottom: 0;
  }

  .grid-14 {
    grid-column-gap: 16px;
    grid-template-columns: 1.5fr 1fr;
    grid-template-areas: "Area Area";
  }

  .lottie-animation-5 {
    margin-bottom: 35px;
  }

  .grid-19 {
    display: flex;
  }

  .grid-20 {
    grid-template: "." 1fr
                   "Area"
                   / 1fr;
  }

  .hero-banner {
    padding-left: 40px;
    padding-right: 40px;
  }

  .me-4 {
    overflow: clip;
  }

  .frame-1000004516 {
    grid-row-gap: 8px;
  }

  .heading1 {
    font-size: 36px;
    line-height: 40px;
  }

  .content-section-2, .calculator-project {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading2 {
    text-align: left;
    font-size: 28px;
    line-height: 34px;
  }

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

  .comparison-tool {
    padding-left: 40px;
    padding-right: 40px;
  }

  .vectors-wrapper-19 {
    overflow: visible;
  }

  .digital-onboarding {
    padding-left: 40px;
    padding-right: 40px;
  }

  .content-stack {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
  }

  .image-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .challenges-section {
    grid-row-gap: 20px;
    flex-flow: column;
    padding-left: 40px;
    padding-right: 40px;
  }

  .design-process-section {
    grid-row-gap: 16px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .live-experience-section, .frame-1000004524, .project-hero {
    padding-left: 40px;
    padding-right: 40px;
  }

  .overview-section-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading3 {
    font-size: 20px;
  }

  .replacement-section-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 40px;
    padding-right: 40px;
  }

  .replacement-section-2.test {
    flex-flow: column;
  }

  .content-block-6 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
  }

  .frame-1000004525 {
    grid-row-gap: 8px;
  }

  .image-32 {
    width: 100%;
  }

  .image-34 {
    align-self: center;
    height: 100%;
    position: static;
  }

  .image-52 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .me-2 {
    flex: 1;
  }

  .vectors-wrapper-3 {
    flex-wrap: nowrap;
    flex: 1;
  }

  .navbar-logo-left-container-2 {
    max-width: 100%;
  }

  .navbar-logo-left-container-2.shadow-three {
    padding: 10px 40px;
  }

  .navbar-brand-2 {
    padding-left: 0;
  }

  .nav-menu-two-2 {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider-2 {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent-2 {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-11 {
    margin-top: 10px;
  }

  .button-primary-2.green {
    text-align: center;
    flex-direction: column;
    flex: 0 auto;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    display: block;
  }

  .navbar-logo-left-container-3 {
    max-width: 100%;
  }

  .navbar-brand-3 {
    padding-left: 0;
  }

  .nav-menu-two-3 {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link-3 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-3 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-3 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-3.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-3.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-3.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider-3 {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent-3 {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-12 {
    margin-top: 10px;
  }

  .frame-1000004338 {
    align-items: center;
    height: 4%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .text-13 {
    font-size: 40px;
  }

  .frame-1000004340 {
    flex-wrap: nowrap;
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .text-14 {
    font-size: 18px;
  }

  .large-button-2 {
    align-self: center;
  }

  .project-title-2 {
    font-size: 32px;
  }

  .frame-1000004350 {
    padding: 20px 32px;
  }

  .project-tile.library {
    padding: 20px;
  }

  .frame-1000004353, .frame-1000004356 {
    padding: 20px 32px;
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

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

  .footer {
    padding-top: 60px;
  }

  .large-button-2-copy {
    align-self: center;
  }

  .hero-frame {
    padding-left: 20px;
    padding-right: 20px;
  }

  .intro {
    flex-direction: column;
  }

  .frame-1000004366 {
    margin-bottom: 40px;
  }

  .frame-1000004368 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .text-25 {
    max-width: 500px;
  }

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

  .h2 {
    margin: 20px 20px 20px 0;
    font-weight: 600;
  }

  .general-list {
    margin-bottom: 20px;
  }

  .grid-2 {
    grid-template: "Area Area"
                   "Area Area"
                   "Area Area"
                   "Area-2 Area-2"
                   "Area-3 Area-3"
                   "Area-5 Area-5"
                   "Area-6 Area-6"
                   / 1fr;
  }

  .general-parahraph {
    font-size: 16px;
  }

  .div-block-2 {
    margin-bottom: 0;
  }

  .content-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 20px;
    display: block;
  }

  .content-section.first, .content-section.about {
    padding-top: 20px;
  }

  .grid-7 {
    grid-template: "Area"
                   "Area-2"
                   / 1fr;
  }

  .image-13 {
    min-height: auto;
  }

  .hero-section {
    padding-top: 20px;
  }

  .mobile-mockup {
    border-radius: 6px;
  }

  .grid-12 {
    grid-row-gap: 39px;
    grid-template: "Area-3"
                   "Area"
                   "Area-2"
                   / 1fr;
  }

  .div-block-6 {
    object-fit: fill;
  }

  .grid-17 {
    grid-template: "Area-3" .75fr
                   "Area"
                   "Area-4"
                   "Area-5"
                   / 1fr;
  }

  .grid-19 {
    flex-flow: column;
  }

  .div-block-10 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .div-block-11 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .grid-21 {
    flex-flow: column;
    display: flex;
  }

  .image-31 {
    vertical-align: baseline;
  }

  .hero-banner {
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading1 {
    font-family: Merriweather, serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
  }

  .content-section-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading2 {
    font-family: Merriweather, serif;
    font-weight: 400;
    line-height: 34px;
  }

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

  .content-stack {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    flex: 0 auto;
  }

  .image-section, .challenges-section, .design-process-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .overview-section-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .normal-copy.basic, .mini-content-block-2 {
    max-width: 100%;
  }

  .heading3 {
    font-family: Merriweather, serif;
  }

  .replacement-section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-block-6 {
    flex-flow: column;
  }

  .frame-1000004525 {
    max-width: 100%;
  }

  .frame-1000004527, .container-10 {
    flex-flow: column;
  }
}

@media screen and (max-width: 479px) {
  .container {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .frame-1000004319 {
    padding: 40px 20px;
  }

  .frame-1000004322, .frame-1000004325, .frame-1000004327 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-logo-left-container-2.shadow-three {
    padding: 10px 20px;
  }

  .container-2 {
    max-width: none;
  }

  .navbar-wrapper-2 {
    flex-wrap: nowrap;
  }

  .nav-menu-two-2 {
    flex-direction: column;
  }

  .button-primary-2 {
    justify-content: center;
    align-self: stretch;
    align-items: center;
  }

  .button-primary-2.green {
    align-self: stretch;
  }

  .container-3 {
    max-width: none;
  }

  .nav-menu-two-3 {
    flex-direction: column;
  }

  .frame-1000004338 {
    padding-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-13 {
    font-size: 40px;
  }

  .text-14 {
    font-size: 18px;
  }

  .project-title-2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    display: block;
  }

  .frame-1000004350 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .project-tile.onboarding {
    padding: 10px;
  }

  .project-tile.library {
    padding: 40px;
  }

  .frame-1000004353 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .additional-projects {
    padding: 20px;
  }

  .frame-1000004356 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-1000004357 {
    padding: 20px;
  }

  .footer-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-block-two {
    margin-top: 40px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .small-columns {
    flex-direction: column;
    align-items: center;
  }

  .hero-frame {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-frame {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 10px;
  }

  .edmonton.remote {
    font-size: 14px;
  }

  .as-part-of-a-major-website-audit-business-had-identified-a-shortfall-in-the-conversion-funnel-one-of-the-findings-pointed-to-a-lack-of-comparison-tool-that-would-allow-clients-compare-different-banking-accounts-and-their-benefits-introducing-a-comparison-tool-on-the-banks-site-would-enable-clients-to-compare-banking-accounts-and-make-informed-decisions-allow-the-business-to-address-client-needs-and-offer-relevant-information-based-on-metrics-improve-the-conversion-funnel-by-featuring-more-prominent-calls-to-action-ctas-note-due-to-confidentiality-i-have-removed-all-branding-and-reference-to-the-company-in-question-5, .text-25 {
    font-size: 16px;
  }

  .heading {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 40px;
  }

  .h2 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
  }

  .h4 {
    font-size: 18px;
  }

  .general-list {
    padding-left: 20px;
    font-size: 16px;
  }

  .grid-2 {
    flex-flow: column;
    grid-template-areas: "Area Area"
                         "Area Area"
                         "Area Area"
                         "Area-2 Area-2"
                         "Area-3 Area-3"
                         "Area-5 Area-5";
    display: flex;
  }

  .general-parahraph {
    width: 100%;
    font-size: 16px;
  }

  .paragraph-5 {
    font-size: 16px;
  }

  .image-2 {
    border-radius: 0;
  }

  .grid-5 {
    grid-row-gap: 7px;
    padding: 10px;
  }

  .div-block-2 {
    margin-bottom: 0;
  }

  .content-section {
    width: 100%;
    padding: 20px;
  }

  .content-section.first {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-section.about {
    padding-top: 20px;
  }

  .grid-6 {
    grid-row-gap: 10px;
    border-radius: 20px;
    padding: 10px;
  }

  .image-6 {
    border-radius: 20px;
    padding: 10px;
  }

  .image-8, .image-9, .image-10 {
    border-radius: 10px;
  }

  .image-11, .image-12 {
    border-radius: 20px;
  }

  .hero-section {
    padding-top: 10px;
  }

  .mobile-mockup {
    margin-bottom: 1rem;
  }

  .container-5 {
    column-count: 2;
    column-gap: 1rem;
  }

  .image-17, .image-18 {
    width: 100%;
    height: 100%;
  }

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

  .background-video {
    object-fit: fill;
    width: 100%;
    height: 100%;
  }

  .grid-12 {
    grid-template-columns: 3.25fr;
    grid-template-areas: "Area-3"
                         "Area"
                         "Area-2";
    grid-auto-columns: minmax(0, 0);
  }

  .div-block-6 {
    object-fit: fill;
    width: auto;
  }

  .grid-15 {
    grid-column-gap: 19px;
    grid-template: "Area-2 Area-2"
                   "Area-6 Area-6"
                   "Area-3 Area-3"
                   "Area-4 Area-4"
                   "Area-5 Area-5"
                   / 1fr;
  }

  .grid-16 {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   / 1fr;
  }

  .grid-17 {
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .image-22 {
    width: 100%;
  }

  .grid-18 {
    grid-row-gap: 10px;
    border-radius: 20px;
    padding: 10px;
  }

  .image-26, .image-27 {
    border-radius: 10px;
  }

  .grid-19 {
    grid-row-gap: 0px;
  }

  .div-block-10 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-12 {
    flex-flow: column;
    display: flex;
  }

  .grid-21 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .hero-banner {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading1 {
    color: #202020;
    font-size: 28px;
  }

  .large-button-7 {
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: center;
  }

  .content-section-2 {
    padding: 10px 20px;
  }

  .calculator-project {
    padding: 40px 20px;
  }

  .heading2 {
    color: #202020;
    font-size: 24px;
    line-height: 30px;
  }

  .large-button-8 {
    align-self: stretch;
  }

  .comparison-tool {
    padding: 40px 20px;
  }

  .large-button-9 {
    align-self: stretch;
  }

  .digital-onboarding {
    padding: 40px 20px;
  }

  .large-button-10 {
    align-self: stretch;
  }

  .image-section, .challenges-section, .design-process-section {
    padding: 20px;
  }

  .live-experience-section {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .frame-1000004524 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .project-hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .overview-section-2 {
    padding: 20px;
  }

  .heading3 {
    color: #202020;
    font-size: 20px;
  }

  .replacement-section-2 {
    padding: 20px;
  }

  .content-block-6 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .frame-1000004526 {
    grid-column-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .frame-1000004527 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .grid-22 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template: "Area"
                   "Area-3"
                   "Area-5"
                   "Area-6"
                   / 1fr;
    grid-auto-flow: column;
  }

  .div-block-17 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .container-8 {
    column-count: 2;
    column-gap: 1rem;
  }

  .image-40, .image-41, .image-42, .image-43, .image-44, .image-45 {
    margin-bottom: 20px;
  }

  .container-10 {
    flex-flow: column;
  }
}

#w-node-e87d87b8-95c5-2ec6-22aa-8200e3a7e03a-0c1ff52c, #w-node-c303b774-75e7-f2ef-fe9c-02aac3c37589-0c1ff52c, #w-node-_9252d85e-f24b-ba58-75ff-22dc03aaf79b-0c1ff52c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5670a0ef-7054-a805-d434-1e0ec8850d4c-0c1ff52c {
  grid-area: Area;
}

#w-node-c76278cd-498c-be76-e74d-14e26e649e8e-0c1ff52c, #w-node-_49492100-37f7-ac3e-3036-2019a4c9b009-0c1ff52c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ca0f4b9e-8290-5957-3854-d6cf872ce774-0c1ff52c {
  grid-area: Area;
}

#w-node-_4493ee27-39bb-9167-414e-62e6c894b039-0c1ff52c {
  grid-area: Area-2;
  place-self: auto center;
}

#w-node-_7bb97a74-e3df-20d1-60f2-855a1ca7c1f2-0c1ff52c {
  grid-area: Area-3;
}

#w-node-_1a6f2fd3-e811-ce54-13ae-e21f11da21a5-0c1ff52c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_09bb0228-3c00-b23d-bc6b-974ceff9aae6-0c1ff52c {
  grid-area: Area;
}

#w-node-_09bb0228-3c00-b23d-bc6b-974ceff9aae8-0c1ff52c {
  grid-area: Area-2;
  place-self: auto center;
}

#w-node-_09bb0228-3c00-b23d-bc6b-974ceff9aaea-0c1ff52c {
  grid-area: Area-3;
}

#w-node-_09bb0228-3c00-b23d-bc6b-974ceff9aaeb-0c1ff52c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d970a98b-6954-ec14-a8a3-89283cd7dc04-0c1ff52c {
  grid-area: Area;
}

#w-node-c2cc6b0a-2901-3440-71f7-441200acaa08-0c1ff52c {
  grid-area: Area-2;
}

#w-node-f98de7e0-133b-b1a9-0ba0-10cda6841d76-0c1ff52c {
  grid-area: Area-3;
}

#w-node-bdf7029f-2512-f88c-c4b5-41d3c8c024df-0c1ff52c {
  grid-area: Area;
  align-self: center;
}

#w-node-a1ca90f5-2e81-c823-b340-68da0746870c-0c1ff52c {
  grid-area: Area-2;
  align-self: center;
}

#w-node-e87d87b8-95c5-2ec6-22aa-8200e3a7e03a-a9a6be77, #w-node-c303b774-75e7-f2ef-fe9c-02aac3c37589-a9a6be77, #w-node-_9252d85e-f24b-ba58-75ff-22dc03aaf79b-a9a6be77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5670a0ef-7054-a805-d434-1e0ec8850d4c-a9a6be77 {
  grid-area: Area;
}

#w-node-_4e508d5a-53f4-43b7-4a8d-a36a78ecf90a-a9a6be77 {
  align-self: center;
}

#w-node-e87d87b8-95c5-2ec6-22aa-8200e3a7e03a-eaabca5c, #w-node-c303b774-75e7-f2ef-fe9c-02aac3c37589-eaabca5c, #w-node-_9252d85e-f24b-ba58-75ff-22dc03aaf79b-eaabca5c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5670a0ef-7054-a805-d434-1e0ec8850d4c-eaabca5c {
  grid-area: Area;
}

#w-node-_6be58fbf-a46d-c82a-2807-eb8eaf97a406-eaabca5c {
  align-self: center;
}

#w-node-_2ba360f6-ea26-c462-0dc6-cbe10ebc9d15-a3097450, #w-node-_87d9b880-cba5-6269-3bc1-27ce543f023a-a3097450, #w-node-cd86262f-9d19-3b30-c484-783848e4d2de-a3097450 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5670a0ef-7054-a805-d434-1e0ec8850d4c-326d4cd4 {
  grid-area: Area;
}

#w-node-e87d87b8-95c5-2ec6-22aa-8200e3a7e03a-326d4cd4, #w-node-c303b774-75e7-f2ef-fe9c-02aac3c37589-326d4cd4, #w-node-_9252d85e-f24b-ba58-75ff-22dc03aaf79b-326d4cd4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dcac3740-7bd2-da89-5c61-3dea6c8c39da-326d4cd4 {
  grid-area: Area-2;
}

#w-node-dd2cb6fb-e6c8-c676-da8e-21a44c00846d-326d4cd4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-db9e6f94-e616-375b-e052-3d218b3f558c-326d4cd4 {
  justify-self: end;
}

#w-node-_865efada-e684-d042-c681-5273e6e670e1-326d4cd4, #w-node-_91468da5-d744-d497-6554-d96d61c66a89-326d4cd4 {
  grid-area: Area;
}

#w-node-_40b2cee9-7a2b-b7c7-e9bc-31d8b83d0547-326d4cd4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40b2cee9-7a2b-b7c7-e9bc-31d8b83d0549-326d4cd4 {
  grid-area: Area;
}

#w-node-a12bfbd5-271b-5f89-3d47-282617729bcf-326d4cd4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a12bfbd5-271b-5f89-3d47-282617729bd1-326d4cd4 {
  grid-area: Area;
}

#w-node-_23fecbc4-3dce-050b-f0f7-e601ed48df8d-326d4cd4 {
  place-self: center;
}

#w-node-cb885fbe-63ab-8449-dab7-4de7660cd817-326d4cd4, #w-node-b65d4acd-d758-4950-215d-ee7176b1b733-4d0cbb83 {
  align-self: center;
}

#w-node-cef0bf18-778e-2ec6-bfe1-9cbae425df54-4d0cbb83 {
  grid-area: Area;
}

#w-node-_96d6869a-e785-6161-fe69-ec690dee0fbc-31fc9651 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96d6869a-e785-6161-fe69-ec690dee0fbd-31fc9651 {
  grid-area: Area-3;
}

#w-node-_0c201c7b-956c-df9f-69b4-396e61e8d893-31fc9651 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0c201c7b-956c-df9f-69b4-396e61e8d894-31fc9651 {
  grid-area: Area-3;
}

#w-node-e460f652-a14d-9bd9-4674-6ffffce85121-31fc9651 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e460f652-a14d-9bd9-4674-6ffffce85122-31fc9651 {
  grid-area: Area-3;
}

#w-node-_50eeaa7c-e11d-2d97-1fa6-cdd9a5e90d64-31fc9651 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_50eeaa7c-e11d-2d97-1fa6-cdd9a5e90d65-31fc9651 {
  grid-area: Area-3;
}

#w-node-_69d3a6b2-9bdf-ca3b-500e-407b8d9620d4-31fc9651 {
  grid-area: Area-2;
  align-self: center;
}

#w-node-cef0bf18-778e-2ec6-bfe1-9cbae425df54-31fc9651 {
  grid-area: Area;
}

#w-node-d256a02b-1e29-e8a8-8060-63f9ea993aa0-ff9ced04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d256a02b-1e29-e8a8-8060-63f9ea993aa1-ff9ced04 {
  grid-area: Area-3;
}

#w-node-d256a02b-1e29-e8a8-8060-63f9ea993aa5-ff9ced04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d256a02b-1e29-e8a8-8060-63f9ea993aa6-ff9ced04 {
  grid-area: Area-3;
}

#w-node-d256a02b-1e29-e8a8-8060-63f9ea993aaa-ff9ced04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d256a02b-1e29-e8a8-8060-63f9ea993aab-ff9ced04 {
  grid-area: Area-3;
}

#w-node-f65250cb-f1c8-94ef-31a6-59e38ca07751-ff9ced04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f65250cb-f1c8-94ef-31a6-59e38ca07752-ff9ced04 {
  grid-area: Area-3;
}

#w-node-b65d4acd-d758-4950-215d-ee7176b1b733-ff9ced04 {
  align-self: center;
}

#w-node-ab43bb3f-49b8-61b6-aa84-cfb358f60a73-ff9ced04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_7bb97a74-e3df-20d1-60f2-855a1ca7c1f2-0c1ff52c, #w-node-_09bb0228-3c00-b23d-bc6b-974ceff9aaea-0c1ff52c {
    justify-self: center;
  }

  #w-node-db9e6f94-e616-375b-e052-3d218b3f558c-326d4cd4 {
    grid-area: Area;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c303b774-75e7-f2ef-fe9c-02aac3c37589-0c1ff52c {
    grid-area: Area-3;
  }

  #w-node-_9252d85e-f24b-ba58-75ff-22dc03aaf79b-0c1ff52c {
    grid-area: Area-5;
  }

  #w-node-bdf7029f-2512-f88c-c4b5-41d3c8c024df-0c1ff52c {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-a1ca90f5-2e81-c823-b340-68da0746870c-0c1ff52c {
    grid-area: Area-2;
  }

  #w-node-c303b774-75e7-f2ef-fe9c-02aac3c37589-a9a6be77 {
    grid-area: Area-3;
  }

  #w-node-_9252d85e-f24b-ba58-75ff-22dc03aaf79b-a9a6be77 {
    grid-area: Area-5;
  }

  #w-node-_4e508d5a-53f4-43b7-4a8d-a36a78ecf90a-a9a6be77 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c303b774-75e7-f2ef-fe9c-02aac3c37589-eaabca5c {
    grid-area: Area-3;
  }

  #w-node-_9252d85e-f24b-ba58-75ff-22dc03aaf79b-eaabca5c {
    grid-area: Area-5;
  }

  #w-node-_6be58fbf-a46d-c82a-2807-eb8eaf97a406-eaabca5c {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_87d9b880-cba5-6269-3bc1-27ce543f023a-a3097450 {
    grid-area: Area;
  }

  #w-node-cd86262f-9d19-3b30-c484-783848e4d2de-a3097450 {
    grid-area: Area-2;
  }

  #w-node-c303b774-75e7-f2ef-fe9c-02aac3c37589-326d4cd4 {
    grid-area: Area-3;
  }

  #w-node-_9252d85e-f24b-ba58-75ff-22dc03aaf79b-326d4cd4 {
    grid-area: Area-5;
  }

  #w-node-dcac3740-7bd2-da89-5c61-3dea6c8c39da-326d4cd4 {
    grid-area: Area-6;
  }

  #w-node-cb885fbe-63ab-8449-dab7-4de7660cd817-326d4cd4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d63b9fe5-1290-cc72-4845-28bd380dcb92-4d0cbb83 {
    grid-area: Area-2;
  }

  #w-node-b65d4acd-d758-4950-215d-ee7176b1b733-4d0cbb83 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d63b9fe5-1290-cc72-4845-28bd380dcb92-31fc9651 {
    grid-area: Area-2;
  }

  #w-node-_69d3a6b2-9bdf-ca3b-500e-407b8d9620d4-31fc9651 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d63b9fe5-1290-cc72-4845-28bd380dcb92-ff9ced04 {
    grid-area: Area-2;
  }

  #w-node-b65d4acd-d758-4950-215d-ee7176b1b733-ff9ced04, #w-node-ab43bb3f-49b8-61b6-aa84-cfb358f60a73-ff9ced04 {
    grid-area: 1 / 1 / 2 / 2;
  }
}