:root {
  --inter: Inter, sans-serif;
  --black: #110e34;
  --body-16: 16px;
  --primary-50: #f5f3fe;
  --primary-900: #46208f;
  --120: 120%;
  --white: white;
  --gray-500: #637086;
  --h1: 72px;
  --140: 140%;
  --body-20: 20px;
  --h2: 48px;
  --h3: 24px;
  --100: 100%;
  --success-500: #049f6c;
  --gray-200: #e3e8ef;
  --gray-100: #f1f4f8;
  --primary-400: #a38cf3;
  --gray-400: #97a3b6;
  --gray-300: #cdd5e0;
  --gray-900: #1e1f23;
  --primary-700: #652cd1;
  --primary-200: #dcd6fb;
  --gray-50: #f8fafc;
}

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

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

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

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.container-32 {
  max-width: 1440px;
  padding-left: 32px;
  padding-right: 32px;
}

.hero {
  background-image: url('../images/Hero-Section-BG-1.png'), linear-gradient(45deg, #1c0e3f, #5a409ab3);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.body {
  font-family: var(--inter);
}

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

.button {
  grid-column-gap: 8px;
  color: var(--black);
  font-size: var(--body-16);
  background-color: #fff;
  border-radius: 5000px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 12px 24px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button:hover {
  background-color: var(--primary-50);
  color: var(--primary-900);
  background-image: none;
}

.button.w--current {
  max-height: 40px;
}

.body-16 {
  z-index: 10;
  font-family: var(--inter);
  color: var(--black);
  font-size: var(--body-16);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  position: relative;
}

.body-16.is-semibold {
  line-height: var(--120);
  font-weight: 600;
}

.body-16.is-semibold.is-purple {
  color: var(--primary-900);
}

.body-16.is-white {
  color: var(--white);
}

.body-16.is-medium {
  line-height: var(--120);
  font-weight: 500;
}

.body-16.is-medium.is-purple {
  color: var(--primary-900);
}

.body-16.is-medium.is-purple.hover {
  position: absolute;
}

.body-16.is-light {
  font-weight: 300;
}

.body-16.is-light.is-gray {
  color: var(--gray-500);
  line-height: 160%;
}

.body-16.is-gray, .body-16.off-white {
  color: var(--gray-500);
}

.body-16.related {
  color: var(--gray-500);
  line-height: 1.4;
}

.body-16.hover {
  color: var(--white);
  position: absolute;
}

.asset {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  overflow: visible;
}

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

.badge-transparant {
  grid-column-gap: 10px;
  background-color: #ffffff1a;
  border: .5px solid #ffffff4d;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.h1 {
  font-family: var(--inter);
  color: var(--white);
  font-size: var(--h1);
  letter-spacing: -2px;
  text-transform: capitalize;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
}

.h1.is-center {
  line-height: var(--120);
  text-align: center;
}

.h1.is-black {
  color: var(--black);
}

.h1.hero-text {
  text-align: left;
}

.body-20 {
  font-family: var(--inter);
  color: var(--white);
  font-size: var(--body-20);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.body-20.is-gray {
  color: var(--gray-500);
  width: auto;
}

.body-20.is-semibold {
  font-weight: 600;
}

.body-20.is-semibold.is-black {
  color: var(--black);
}

.body-20.is-semibold.is-purple.is-italic {
  font-style: italic;
}

.body-20.is-light {
  font-weight: 300;
}

.body-20.is-light.is-center, .body-20.is-center {
  text-align: center;
}

.body-20.is-black {
  color: var(--black);
}

.body-20.is-purple {
  color: var(--primary-900);
}

.body-20.hero-text {
  text-align: left;
}

.sevices {
  grid-row-gap: 50px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.headline-area {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.headline-area.is-left {
  justify-content: center;
  align-items: flex-start;
}

.badge-purple {
  grid-column-gap: 10px;
  background-color: #f5f3fe;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.h2 {
  font-family: var(--inter);
  color: var(--black);
  font-size: var(--h2);
  text-align: center;
  letter-spacing: -1px;
  text-transform: capitalize;
  max-width: 90%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 130%;
  text-decoration: none;
}

.h2.is-right {
  text-align: left;
}

.h2.is-right.is-white {
  color: var(--white);
}

.h2.is-left {
  text-align: left;
}

.h2.is-left.is-white {
  color: var(--white);
}

.h2.is-left.is-purple {
  color: var(--primary-900);
}

.list-of-services {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.digital-payments {
  grid-row-gap: 16px;
  background-color: #f8fafc;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 350px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-wrap {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.h3 {
  font-family: var(--inter);
  color: var(--black);
  font-size: var(--h3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.h3.is-white {
  color: var(--white);
}

.h3.is-purple {
  color: var(--primary-900);
}

.h3.hover {
  position: absolute;
}

.body-18 {
  font-family: var(--inter);
  color: var(--gray-500);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
}

.body-18.is-white {
  color: var(--white);
}

.body-18.is-left {
  color: var(--black);
  text-align: left;
}

.body-18.is-left.is-white {
  color: var(--white);
  text-align: left;
}

.body-18.is-left.is-normal {
  font-weight: 400;
}

.budget-tracking {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f8fafc;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 350px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  overflow: hidden;
}

.service-section {
  padding-top: 112px;
  padding-bottom: 112px;
}

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

.badge-white {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

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

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

.advanced-security {
  grid-row-gap: 32px;
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.global-accessbility {
  grid-row-gap: 32px;
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  overflow: hidden;
}

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

.seamles-budget {
  grid-row-gap: 32px;
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 419px;
  padding: 0 32px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.custom-alerts {
  grid-row-gap: 32px;
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 419px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.features-section {
  background-color: var(--primary-50);
  padding-top: 112px;
  padding-bottom: 112px;
}

.heading-and-supporting-text {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 680px;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
}

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

.headline.is-left {
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

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

.workflow-section {
  background-image: url('../images/Hero-Section-BG-1.png'), linear-gradient(48deg, #1c0e3f, #5a409ab3);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  padding-top: 112px;
  padding-bottom: 112px;
}

.testimonials {
  grid-row-gap: 64px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.detail-testimonials {
  grid-column-gap: 50px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

.testimonial-text {
  color: var(--gray-500);
  font-family: Inter, sans-serif;
  font-size: var(--body-20);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

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

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

.client-avatar {
  object-fit: cover;
  border-radius: 99px;
}

.client-name-area {
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.back {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.transaction-success-rate {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.stats {
  font-family: var(--inter);
  color: var(--black);
  text-align: center;
  letter-spacing: -2px;
  text-transform: capitalize;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 62px;
  font-weight: 600;
  line-height: 70px;
  text-decoration: none;
}

.testimonial-section {
  padding-top: 112px;
  padding-bottom: 112px;
}

.pricing-wrap {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.list-of-pricing {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.card-pricing {
  grid-row-gap: 20px;
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.card-pricing:hover {
  background-image: url('../images/Hero-Section-BG-1.png');
  background-position: 50% 100%;
  background-size: auto;
}

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

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

.price {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.price-wrap {
  grid-column-gap: 6px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.discount-tag {
  grid-column-gap: 8px;
  background-color: #def5ed;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
}

.loyalty {
  object-fit: cover;
  display: block;
  overflow: hidden;
}

.check-list {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.check-icon {
  grid-column-gap: 10px;
  background-color: #f5f3fe;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.button-secondary {
  grid-column-gap: 8px;
  background-color: var(--white);
  color: var(--black);
  border: .5px solid #cdd5e0;
  border-radius: 5000px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 46px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-secondary:hover {
  background-color: var(--primary-50);
}

.button-secondary.is-auto {
  width: auto;
}

.pricing-section {
  background-color: var(--primary-50);
  padding-top: 112px;
  padding-bottom: 112px;
}

.body-14 {
  font-family: var(--inter);
  color: var(--black);
}

.body-14.is-green {
  color: var(--success-500);
}

.body-14.is-medium {
  font-weight: 500;
}

.body-14.is-gray {
  color: var(--gray-500);
}

.blog-section {
  padding-top: 112px;
  padding-bottom: 112px;
}

.blog-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

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

.badge {
  grid-column-gap: 10px;
  background-color: #f5f3fe;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.services {
  color: #46208f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.text-and-cta {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 470px;
  height: 167px;
  text-decoration: none;
  display: flex;
}

.text-53 {
  color: #110e34;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.blog-image {
  object-fit: cover;
  border-radius: 24px;
}

.blog-image.is-450 {
  height: 100%;
  max-height: 450px;
}

.cta-section {
  padding-top: 0;
  padding-bottom: 64px;
}

.call-to-action {
  grid-row-gap: 50px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.call-to-action-ver1 {
  grid-row-gap: 10px;
  background-image: url('../images/BG-CTA-2.png'), linear-gradient(58.44deg, #1c0e3f, #5a409ab3);
  background-position: 50%, 0 0;
  background-repeat: repeat, repeat;
  background-size: cover, auto;
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 490px;
  padding: 64px 312px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gradient {
  z-index: -1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 3059px;
  height: 2888px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.footer-container {
  grid-row-gap: 32px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 32px;
  text-decoration: none;
  display: flex;
}

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

.logo-footer {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  text-decoration: none;
  display: flex;
}

.g2814 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 29.7341px;
  text-decoration: none;
  display: flex;
}

.footer-logo-img {
  object-fit: contain;
  object-position: left center;
  width: 160px;
  max-width: 100%;
  height: auto;
  display: block;
}

.text-62 {
  color: #46208f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.other {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

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

.menu-link {
  color: #637086;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
}

.menu-link:hover {
  color: var(--primary-900);
  font-weight: 300;
}

.newsletter {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 300px;
  height: 100%;
  max-height: 100%;
  text-decoration: none;
  display: flex;
}

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

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

.copyright {
  opacity: .7;
  color: #637086;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
}

.social {
  grid-column-gap: 14px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.socmed-icon {
  background-color: var(--primary-50);
  object-fit: cover;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 64px;
  padding-right: 64px;
  overflow: hidden;
}

.text-field {
  border: 1px solid var(--white);
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  padding-left: 0;
}

.email-menu-field {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid #e7e7e7;
  border-radius: 99px;
  justify-content: space-between;
  padding: 8px 8px 8px 24px;
  display: flex;
}

.submit-button {
  background-image: url('../images/BG-CTA-2.png'), linear-gradient(45deg, var(--primary-900), #6c5f85);
  background-position: 50%, 0 0;
  background-size: auto, auto;
  border-radius: 99px;
  width: auto;
}

.mail-icon {
  max-width: 20px;
  max-height: 20px;
}

.input-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-icon {
  border-radius: 99px;
  max-width: 32px;
  max-height: 32px;
}

.social-icon:hover {
  border: 2px solid var(--primary-900);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.hero-content-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.hero-image {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  height: 100%;
  display: flex;
}

.cards-image {
  width: 300px;
}

.footer-section {
  grid-row-gap: 32px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.vision-mission {
  grid-row-gap: 112px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

.assets-image {
  background-color: #f5f3fe;
  border-radius: 24px;
  width: 100%;
  max-width: 624px;
  display: flex;
  overflow: hidden;
}

.description {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 415px;
  text-decoration: none;
  display: flex;
}

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

.vision-mission-section {
  padding-top: 112px;
  padding-bottom: 112px;
}

.stats-section {
  border-top: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  padding-top: 64px;
  padding-bottom: 64px;
}

.our-value {
  grid-row-gap: 64px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.list-of-value {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.card-values {
  grid-row-gap: 24px;
  border: 1px solid #e3e8ef;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.logo-3 {
  grid-column-gap: 10px;
  background-color: #f5f3fe;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.emoji_objects {
  object-fit: cover;
  overflow: hidden;
}

.core-value-section {
  padding-top: 112px;
  padding-bottom: 112px;
}

.section_logo {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.padding-section-medium {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.logo3_component {
  display: flex;
}

.logo3_list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  white-space: nowrap;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center start;
  margin-right: 2rem;
  display: grid;
}

.logo3_wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.logo-section {
  margin-left: auto;
  margin-right: auto;
}

.our-teams {
  grid-row-gap: 64px;
  background-color: #f5f3fe;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-style {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 722px;
  text-decoration: none;
  display: flex;
}

.list-of-teams {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

.team-img {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 304px;
  height: 350px;
  text-decoration: none;
  display: flex;
}

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

.our-team-section {
  background-color: var(--primary-50);
  padding-top: 112px;
  padding-bottom: 112px;
}

.cta-ver-2 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.call-to-action-ver2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: url('../images/BG-CTA-2.png'), linear-gradient(62.59deg, #1c0e3f, #5a409ab3);
  background-position: 50%, 0 0;
  background-repeat: repeat, repeat;
  background-size: cover, auto;
  border-radius: 32px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 450px;
  padding: 64px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gradient-2 {
  z-index: -1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 3059px;
  height: 2888px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.content-style-2 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 391px;
  text-decoration: none;
  display: flex;
}

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

.text-80 {
  color: #110e34;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.address-contact-info {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 369px;
  height: 285px;
  text-decoration: none;
  display: flex;
}

.text-81 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

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

.mail_outline {
  object-fit: cover;
  overflow: hidden;
}

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

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

.mockup---desktop {
  object-fit: cover;
  width: auto;
  max-width: 340px;
  position: static;
  top: 30px;
  left: 520px;
  overflow: visible;
}

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

.hero-section {
  background-image: url('../images/Hero-Section-BG-1.png'), linear-gradient(50deg, #1c0e3f, #5a409ab3);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.hero-wrap-v2 {
  grid-row-gap: 64px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  min-height: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.headline-area-60 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  text-decoration: none;
  display: flex;
}

.navbar_component {
  z-index: 5;
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1150px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 46px;
  display: flex;
}

.navbar_logo-link {
  width: 100%;
  max-width: 160px;
  height: 100%;
  max-height: 50px;
  padding-left: 0;
}

.navbar_logo {
  width: 100%;
  max-width: 160px;
  height: 100%;
  max-height: 50px;
}

.navbar_menu {
  background-color: #c8c8c800;
  align-items: center;
  position: static;
}

.navbar_menu-link-wrapper {
  display: flex;
}

.navbar_link {
  font-family: var(--inter);
  color: var(--white);
  font-size: var(--body-16);
  padding: 8px 24px;
}

.navbar_link:hover {
  background-color: #fff3;
  border-radius: 99px;
}

.navbar_link.w--current {
  color: var(--white);
  background-color: #fff3;
  border-radius: 99px;
}

.navbar_dropdown-toggle {
  grid-column-gap: .5rem;
  font-family: var(--inter);
  color: var(--white);
  font-size: var(--body-16);
  align-items: center;
  padding: 8px 24px;
  display: flex;
}

.navbar_dropdown-toggle:hover {
  background-color: #fff3;
  border-radius: 99px;
}

.dropdown-chevron {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.navbar_dropdown-list.w--open {
  background-color: var(--gray-100);
  border-radius: 16px;
  padding: 8px;
  position: absolute;
  top: 42px;
}

.navbar_dropdown-link {
  color: var(--black);
  font-size: var(--body-16);
  padding: 8px 16px;
}

.navbar_dropdown-link:hover {
  background-color: #dcd6fb;
  border-radius: 8px;
}

.navbar_dropdown-link.w--current {
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

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

.navbar_menu-button {
  padding: 0;
}

.hero-wrap {
  width: 100%;
  max-width: 100%;
  padding-top: 164px;
  position: relative;
}

.section_timeline1 {
  width: 100.001%;
  max-width: 100.002%;
}

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

.timeline1_content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: stretch stretch;
  display: grid;
  position: relative;
}

.timeline1_progress {
  z-index: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 95%;
  display: flex;
  position: absolute;
  top: 10px;
  left: 604.01px;
  overflow: clip;
}

.timeline1_fade-overlay-top {
  z-index: 1;
  background-image: linear-gradient(180deg, transparent var(--\<unknown\|relume-variable-color-scheme-1-background\>), #0000);
  width: 9px;
  height: 4rem;
  position: absolute;
}

.timeline1_progress-line {
  z-index: 0;
  background-color: var(--primary-400);
  width: 8px;
  height: 50vh;
  margin-top: -50vh;
  position: sticky;
  top: 0;
}

.timeline1_line {
  background-color: var(--primary-400);
  opacity: .31;
  width: 8px;
  height: 95%;
}

.timeline1_fade-overlay-bottom {
  z-index: 1;
  background-image: linear-gradient(180deg, #fff0, transparent var(--\<unknown\|relume-variable-color-scheme-1-background\>));
  width: 8px;
  height: 4rem;
  position: absolute;
  bottom: 0%;
}

.timeline1_progress-line-cover {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--primary-900), #fff0 0%);
  width: 100%;
  height: 50vh;
  position: absolute;
  top: -50vh;
}

.timeline1_content-right {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 526px;
  margin-left: 100px;
  display: grid;
}

.timeline1_row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  position: relative;
}

.timeline1_circle-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: flex-start;
  width: 8rem;
  height: 100%;
  margin-left: -8rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline1_circle {
  z-index: 2;
  background-color: var(--primary-400);
  box-shadow: none;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-top: 0;
  display: flex;
}

.timeline-icon {
  max-width: 24px;
  max-height: 24px;
}

.slider {
  background-color: #ddd0;
  width: 100%;
  max-width: 100%;
}

.slide-nav {
  display: none;
}

.left-arrow {
  max-width: 40px;
  max-height: 40px;
  inset: auto 10% 19% auto;
}

.right-arrow {
  max-width: 40px;
  max-height: 40px;
  inset: auto 0% 19% auto;
}

.stat-wrap {
  display: flex;
}

.counter-text {
  font-family: var(--inter);
  color: var(--black);
  text-align: center;
  letter-spacing: -2px;
  text-transform: capitalize;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 62px;
  font-weight: 600;
  line-height: 70px;
  text-decoration: none;
}

.tab-link-tab-1 {
  background-color: var(--white);
  color: var(--gray-400);
  border-radius: 99px;
  padding: 10px 40px;
  font-size: 18px;
}

.tab-link-tab-1.w--current {
  color: var(--white);
  background-image: url('../images/BG-CTA-2.png');
  background-position: 50%;
  background-size: cover;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
}

.tab-link-tab-2 {
  background-color: var(--white);
  color: var(--gray-400);
  border-radius: 99px;
  padding: 10px 40px;
  font-size: 18px;
  font-weight: 400;
}

.tab-link-tab-2.w--current {
  color: var(--white);
  background-image: url('../images/BG-CTA-2.png');
  background-position: 50%;
  background-size: cover;
  font-size: 18px;
  font-weight: 500;
}

.tabs-menu {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--white);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 316px;
  padding: 8px;
  display: flex;
}

.tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.tabs-content {
  width: 100%;
  margin-top: 64px;
}

.blog-lists-section {
  padding-top: 112px;
  padding-bottom: 112px;
}

.blog-lists {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.tab-link-tab-6 {
  background-color: var(--gray-100);
  font-family: var(--inter);
  color: var(--gray-500);
  font-size: var(--body-16);
  border-radius: 99px;
  font-weight: 500;
}

.tab-link-tab-6.w--current {
  color: var(--white);
  background-image: url('../images/BG-CTA-2.png');
  background-position: 50%;
  background-size: cover;
}

.tab-link-tab-5 {
  background-color: var(--gray-100);
  font-family: var(--inter);
  color: var(--gray-500);
  font-size: var(--body-16);
  border-radius: 99px;
  font-weight: 500;
}

.tab-link-tab-5.w--current {
  color: var(--white);
  background-image: url('../images/BG-CTA-2.png');
  background-position: 50%;
  background-size: cover;
}

.tab-link-tab-4 {
  background-color: var(--gray-100);
  font-family: var(--inter);
  color: var(--gray-500);
  font-size: var(--body-16);
  background-image: none;
  background-size: auto;
  border-radius: 99px;
  font-weight: 500;
}

.tab-link-tab-4.w--current {
  background-color: var(--gray-100);
  font-family: var(--inter);
  color: var(--white);
  font-size: var(--body-16);
  background-image: url('../images/BG-CTA-2.png');
  background-size: cover;
  border-radius: 99px;
  font-weight: 500;
}

.tab-link-tab-3 {
  background-color: var(--gray-100);
  font-family: var(--inter);
  color: var(--gray-500);
  font-size: var(--body-16);
  border-radius: 99px;
  font-weight: 500;
}

.tab-link-tab-3.w--current {
  color: var(--white);
  text-align: center;
  background-image: url('../images/BG-CTA-2.png');
  background-position: 50%;
  background-size: cover;
}

.tab-link-tab-2-2 {
  background-color: var(--gray-100);
  font-family: var(--inter);
  color: var(--gray-500);
  font-size: var(--body-16);
  border-radius: 99px;
  font-weight: 500;
}

.tab-link-tab-2-2.w--current {
  color: var(--white);
  background-image: url('../images/BG-CTA-2.png');
  background-position: 50%;
  background-size: auto;
}

.tab-link-tab-1-2 {
  background-color: var(--gray-100);
  font-family: var(--inter);
  color: var(--gray-500);
  font-size: var(--body-16);
  border-radius: 99px;
  font-weight: 500;
}

.tab-link-tab-1-2.w--current {
  color: var(--white);
  background-image: url('../images/BG-CTA-2.png');
  background-position: 50%;
  background-size: cover;
}

.tabs-menu-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-content-2 {
  margin-top: 64px;
}

.collection-item {
  height: 100%;
  max-height: 500px;
  padding-bottom: 20px;
}

.article-card-small {
  text-decoration: none;
}

.blog-card {
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.blog-img {
  object-fit: cover;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 300px;
  text-decoration: none;
  display: flex;
}

.blog-card-content {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.all-articles-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.contact-wrap {
  grid-column-gap: 64px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.contact-description {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 696px;
  text-decoration: none;
  display: flex;
  position: relative;
}

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

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

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

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

.row-2-2 {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 624px;
  text-decoration: none;
  display: flex;
}

.social-media {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 73px;
  text-decoration: none;
  display: flex;
}

.social-wrap {
  grid-column-gap: 14px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.socmed-icon-2 {
  object-fit: cover;
  overflow: hidden;
}

.map {
  object-fit: cover;
  border-radius: 24px;
}

.contact-section {
  padding-top: 112px;
  padding-bottom: 112px;
}

.faq-section {
  background-color: var(--primary-50);
  padding-top: 112px;
  padding-bottom: 112px;
}

.faq-section-2 {
  grid-row-gap: 64px;
  background-color: #f5f3fe;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.headline-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.list-of-questions {
  grid-column-gap: 64px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

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

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

.heading.with-line {
  border-bottom: 1px solid var(--gray-100);
}

.button-primary {
  font-family: var(--inter);
  font-size: var(--body-16);
  background-image: url('../images/Hero-Section-BG-1.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 99px;
  height: 46px;
  max-height: 46px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 600;
}

.button-primary.is-100 {
  width: 100%;
}

.text-field-2 {
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  margin-bottom: 24px;
}

.form-block {
  border: 1px solid var(--gray-200);
  border-radius: 24px;
  width: 100%;
  max-width: 100%;
  padding: 24px;
}

.field-label {
  font-family: var(--inter);
  color: var(--gray-900);
  margin-bottom: 8px;
  font-size: 16px;
}

.textarea {
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  padding-bottom: 185px;
}

.navbar_component_v2 {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-fixed {
  z-index: 5;
  border-bottom: 1px solid var(--gray-200);
  background-color: var(--white);
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  left: 0;
  right: 0;
}

.news-section {
  grid-row-gap: 50px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-and-cta-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 470px;
  height: 60px;
  text-decoration: none;
  display: flex;
}

.list-of-news {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.related-article-section {
  padding-top: 64px;
  padding-bottom: 64px;
}

.blog-content-section {
  padding-top: 128px;
  padding-bottom: 64px;
}

.navbar_logo-v2 {
  width: 100%;
  max-width: 160px;
  height: 100%;
  max-height: 50px;
}

.navbar_link-v2 {
  font-family: var(--inter);
  color: var(--gray-500);
  font-size: var(--body-16);
  padding: 8px 24px;
}

.navbar_link-v2:hover {
  background-color: #fff3;
  border-radius: 99px;
}

.navbar_link-v2.w--current {
  color: var(--white);
  background-color: #fff3;
  border-radius: 99px;
}

.navbar_dropdown-toggle-v2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  font-family: var(--inter);
  color: var(--gray-500);
  font-size: var(--body-16);
  align-items: center;
  padding: 8px 24px;
  display: flex;
}

.navbar_dropdown-toggle-v2:hover {
  background-color: #fff3;
  border-radius: 99px;
}

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

.blog-post-header1_title-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.breadcrumb_component {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

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

.breadcrumb-link.w--current {
  font-weight: 600;
}

.breadcrumb-divider {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

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

.margin-top.margin-tiny {
  margin-left: 0;
  margin-right: 0;
}

.blog-post-header1_content-top {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.blog-post-header1_author-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  width: 100%;
  display: flex;
}

.author-img {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.blog-post-header1_author-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.date {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detail-content {
  grid-column-gap: 64px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

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

.blockquote-style {
  grid-row-gap: 8px;
  background-color: #f8fafc;
  border: 0 solid #652cd1;
  border-left-width: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.sidebar {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.latest-post {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 332px;
  text-decoration: none;
  display: flex;
}

.card-latest-post {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.post-img {
  object-fit: cover;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  text-decoration: none;
  display: flex;
}

._001-facebook {
  object-fit: cover;
  overflow: hidden;
}

.blog-content {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

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

.utility-page-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 600px;
  display: flex;
}

.utility-page-form {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.path-1495u, .path-uddmc, .path-yq2v3, .path-02wbxk, .path-rg3yh, .path-2onggg, .path-gqouj, .path-lvhag, .path-k1jeh, .path-gp5njh, .path-zuczz, .path-rcf5r {
  color: #fff;
}

.logo-to-use-yet9a {
  width: 124px;
  height: auto;
}

.path-6vwlk, .path-4etl7, .path-8dcmb, .path-r59r9, .path-l438m, .path-bvw5s, .path-mgtf, .path-n36gj {
  color: #fff;
}

.logo-to-use-5o3oh {
  width: 124px;
  height: auto;
}

.path-jvwg2, .path-3zr1d, .path-b3h13, .path-u5oqc, .path-b4zoy, .path-aisco, .path-by48z, .path-geghc {
  color: #fff;
}

.logo-to-use-ikiss {
  width: 124px;
  height: auto;
}

.path-a0rrxh, .path-qfc31, .path-h57hp, .path-uwdea, .path-j92cw, .path-8d69k, .path-zjxuv {
  color: #fff;
}

.logo-to-use-f7ryl {
  width: 124px;
  height: auto;
}

.path-02bzih, .path-ehwxv, .path-1eekr, .path-jqh8, .path-hv421j, .path-j8hi7, .path-0wkc7j, .path-bsy7sf {
  color: #fff;
}

.logo-to-use-xuujj {
  width: 124px;
  height: auto;
}

.path-yp41xh, .path-la8w5, .path-2r3ds, .path-juvqv, .path-9t0ug, .path-maao9, .path-h1la6 {
  color: #fff;
}

.logo-to-use-i7cy9 {
  width: 124px;
  height: auto;
}

.path-oj5ca, .path-89yq0k, .path-0ffrf, .path-pmyhg, .path-2a6iqi, .path-yoent, .path-8qq6o, .path-o0mteh, .path-ixiay, .path-qye0y, .path-cckt6, .path-8ys01h, .path-x3osk, .path-xtkxwg, .path-17e4sf {
  color: #fff;
}

.logo-to-use-7cmyy {
  width: 124px;
  height: auto;
}

.path-wwfhk, .path-61dut, .path-upsz4, .path-z81al, .path-hwphj, .path-ywmqjh, .path-d47t4, .path-sog {
  color: #fff;
}

.logo-to-use-09319 {
  width: 124px;
  height: auto;
}

.path-q8dn, .path-97wv3f, .path-3ioyni, .path-7oiwg, .path-71p1yk, .path-wjlyg, .path-78co3g, .path-chanl, .path-13ktw, .path-rgyyq, .path-vvnz9, .path-jg0lk {
  color: #fff;
}

.logo-to-use-axjrt {
  width: 124px;
  height: auto;
}

.path-2epkh, .path-i4wbo, .path-no2jl, .path-x2o5f, .path-z4y5e, .path-pzlmll, .path-8q40j, .path-f3cro {
  color: #fff;
}

.logo-to-use-zfuhl {
  width: 124px;
  height: auto;
}

.path-mriku, .path-uxiws, .path-kmpks, .path-s4plak, .path-6wdwg, .path-fbrhw, .path-y3x0a, .path-3x6gy {
  color: #fff;
}

.logo-to-use-0mhpq {
  width: 124px;
  height: auto;
}

.path-00v6k, .path-ia6m8, .path-td9nr, .path-5v031k, .path-32mu3j, .path-3xy6y, .path-pij53 {
  color: #fff;
}

.logo-to-use-3kmkz {
  width: 124px;
  height: auto;
}

.path-cxumw, .path-oylyj, .path-x7ry1, .path-xb3ia, .path-knanj, .path-fxwtu, .path-4n6p3, .path-gp041 {
  color: #fff;
}

.logo-to-use-yirs3 {
  width: 124px;
  height: auto;
}

.path-4s7un, .path-jdvfn, .path-i9dc8, .path-xgy6a, .path-6mbvq, .path-gm8s4, .path-j1c8wl {
  color: #fff;
}

.logo-to-use-cvwxj {
  width: 124px;
  height: auto;
}

.path-ueghe, .path-0djt9, .path-rrxqol, .path-24otj, .path-w1f2f, .path-28cty, .path-0mq0u, .path-zkj8a, .path-qey88, .path-mbf35, .path-tirg8, .path-b8l6h, .path-fl4dr, .path-auau1, .path-9fg0ui {
  color: #fff;
}

.logo-to-use-ma1ey {
  width: 124px;
  height: auto;
}

.path-28jyi, .path-h6283l, .path-xqj8i, .path-luhzj, .path-bu4wpj, .path-lvxqx, .path-2604g, .path-dyw45 {
  color: #fff;
}

.logo-to-use-kuy22 {
  width: 124px;
  height: auto;
}

.path-s0knx, .path-q5dmij, .path-nwxyh, .path-6jlix, .path-apvpi, .path-krj7o, .path-ecs3kf, .path-33xx7, .path-g9547, .path-1lkk5g, .path-fz8cr, .path-o0ccrg {
  color: #000;
}

.logo-to-use-y9rm6 {
  width: 124px;
  height: auto;
}

.path-gr4qs, .path-x92vu, .path-0rmhx, .path-477sx, .path-lq9je, .path-or3h, .path-4uml3, .path-tfz79h {
  color: #000;
}

.logo-to-use-t7vw3 {
  width: 124px;
  height: auto;
}

.path-g8xyf, .path-38zt4f, .path-g87hm, .path-wm2wqh, .path-nnzuy, .path-w77u3, .path-3f9hw, .path-7racui {
  color: #000;
}

.logo-to-use-lv62pj {
  width: 124px;
  height: auto;
}

.path-mpyxa, .path-8uxe2j, .path-44sht, .path-v932y, .path-vdi5v, .path-p4ctv, .path-1lgot {
  color: #000;
}

.logo-to-use-n6jphl {
  width: 124px;
  height: auto;
}

.path-nhywg, .path-efno8, .path-7ary9l, .path-z3gww, .path-plyjv, .path-jito6, .path-hmdxx, .path-nrtu5 {
  color: #000;
}

.logo-to-use-b1sq6 {
  width: 124px;
  height: auto;
}

.path-vekbg, .path-ajmea, .path-i2tujj, .path-kpkihh, .path-aghnk, .path-as0x9, .path-3mdof {
  color: #000;
}

.logo-to-use-rkxyy {
  width: 124px;
  height: auto;
}

.path-hncwwg, .path-tbe7c, .path-b3sum, .path-cggp6k, .path-f0zeq, .path-z6c0a, .path-f6x63, .path-1k82z, .path-28gx2, .path-zbqkf, .path-s3td2, .path-soyaa, .path-p6ju6l, .path-ubyzz, .path-r2097 {
  color: #000;
}

.logo-to-use-4ipanj {
  width: 124px;
  height: auto;
}

.path-hbr6k, .path-vkals, .path-3ruhk, .path-ylkne, .path-6axgt, .path-5gil3, .path-be9l8, .path-z05ga {
  color: #000;
}

.logo-to-use-qqlvkf {
  width: 124px;
  height: auto;
}

.path-rozgu, .path-rpips, .path-s1c2j, .path-g0bxsf, .path-5zqxp, .path-fjyju, .path-j2nug, .path-j4ntc, .path-qi1os, .path-nd2da, .path-6pu4u, .path-ejhjl {
  color: #000;
}

.logo-to-use-tztf {
  width: 124px;
  height: auto;
}

.path-dt4qs, .path-2b7dc, .path-o8bow, .path-o25tj, .path-rbj6n, .path-9dwkz, .path-la0d9, .path-fd4ps {
  color: #000;
}

.logo-to-use-dqf21 {
  width: 124px;
  height: auto;
}

.path-gpyr2h, .path-sx7sp, .path-rcfkr, .path-le7xr, .path-lvrwu, .path-mmr32, .path-jmys, .path-4d3dv {
  color: #000;
}

.logo-to-use-9fnl1 {
  width: 124px;
  height: auto;
}

.path-4lsla, .path-rtq99, .path-2qmg9, .path-o5gn4, .path-gwnki, .path-q8fbwf, .path-4heni {
  color: #000;
}

.logo-to-use-q0ertg {
  width: 124px;
  height: auto;
}

.path-dimso, .path-htfx8, .path-nx6l1, .path-dei3g, .path-zm0cu, .path-zaoeh, .path-95t33, .path-o34xn {
  color: #000;
}

.logo-to-use-fu5xk {
  width: 124px;
  height: auto;
}

.path-dstyu, .path-1azlp, .path-b3wo7, .path-e4hro, .path-d30t9, .path-sswfz, .path-d9wjwk {
  color: #000;
}

.logo-to-use-mmh3k {
  width: 124px;
  height: auto;
}

.path-ryjpll, .path-vbfxek, .path-b52mk, .path-9ijzv, .path-17m1g, .path-bni1t, .path-5gth3, .path-7g4zqk, .path-b3ezw, .path-k3jeo, .path-0mf7x, .path-q01ny, .path-qains, .path-q4hap, .path-ymmm3 {
  color: #000;
}

.logo-to-use-2qr5a {
  width: 124px;
  height: auto;
}

.path-lgduzl, .path-njss1, .path-kgmmw, .path-h7xgdg, .path-et8jr, .path-01bdh, .path-mer8sl, .path-uh3kl {
  color: #000;
}

.logo-to-use-c58tc {
  width: 124px;
  height: auto;
}

.digital-payment-img {
  width: 100%;
  max-width: 600px;
  overflow: visible;
}

.ui-image-area {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 200px;
  display: flex;
}

.real-time-bento {
  grid-row-gap: 32px;
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section {
  padding-top: 112px;
  padding-bottom: 112px;
}

.wrap {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

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

.button-group, .color-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.purple-900 {
  background-color: var(--primary-900);
  border-radius: 4px;
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 120px;
  padding: 24px;
}

.purple-700 {
  background-color: var(--primary-700);
  border-radius: 4px;
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 120px;
  padding: 24px;
}

.purple-600 {
  background-color: var(--primary-400);
  border-radius: 4px;
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 120px;
  padding: 24px;
}

.purple-50 {
  background-color: var(--primary-50);
  border-radius: 4px;
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 120px;
  padding: 24px;
}

.gray-500 {
  background-color: var(--gray-500);
  border-radius: 4px;
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 120px;
  padding: 24px;
}

.black {
  background-color: var(--black);
  border-radius: 4px;
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 120px;
  padding: 24px;
}

.gray-400 {
  background-color: var(--gray-400);
  border-radius: 4px;
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 120px;
  padding: 24px;
}

.gray-300 {
  background-color: var(--gray-300);
  border-radius: 4px;
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 120px;
  padding: 24px;
}

.gray-200 {
  background-color: var(--gray-200);
  border-radius: 4px;
  width: 100%;
  max-width: 120px;
  height: 100%;
  max-height: 120px;
  padding: 24px;
}

.mockup---mobile {
  object-fit: cover;
  width: auto;
  max-width: 340px;
  display: none;
  position: static;
  top: 30px;
  left: 520px;
  overflow: visible;
}

.lottie-animation {
  width: 50px;
  position: static;
  inset: auto auto 11% 43%;
}

.pin-area {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 11% 31%;
}

.pin {
  opacity: 0;
  width: 100%;
  max-width: 200px;
  margin-bottom: -29px;
  padding-bottom: 0;
}

.pin:hover {
  opacity: 1;
}

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

.button---desktop {
  grid-column-gap: 8px;
  color: var(--black);
  font-size: var(--body-16);
  background-color: #fff;
  border-radius: 5000px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 12px 24px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button---desktop:hover {
  background-color: var(--primary-50);
  color: var(--primary-900);
  background-image: none;
}

.button---mobile {
  grid-column-gap: 8px;
  color: var(--black);
  font-size: var(--body-16);
  background-color: #fff;
  border-radius: 5000px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 12px 24px;
  font-weight: 600;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.button---mobile:hover {
  background-color: var(--primary-50);
  color: var(--primary-900);
  background-image: none;
}

.loan-management {
  grid-row-gap: 16px;
  background-color: #f8fafc;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 350px;
  padding-top: 32px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.assets-image---desktop {
  background-color: #f5f3fe;
  border-radius: 24px;
  width: 100%;
  max-width: 624px;
  display: flex;
  overflow: hidden;
}

.assets-image---mobile {
  background-color: #f5f3fe;
  border-radius: 24px;
  width: 100%;
  max-width: 624px;
  display: none;
  overflow: hidden;
}

.social-wrap-blog {
  grid-column-gap: 14px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: none;
}

.button-primary---stylrguide {
  font-family: var(--inter);
  font-size: var(--body-16);
  background-image: url('../images/Hero-Section-BG-1.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 99px;
  height: 46px;
  max-height: 46px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 600;
}

.budget-tracking-img {
  width: 200%;
  height: 100%;
  overflow: visible;
}

.advanced-security-img {
  width: 100%;
  max-width: 600px;
  overflow: visible;
}

.real-time-analysis-img {
  width: 100%;
  max-width: 600px;
  position: relative;
  top: 21px;
  overflow: visible;
}

.custom-alerts-img {
  width: 100%;
  max-width: 600px;
  overflow: visible;
}

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

.hero-content {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 657px;
  height: 100%;
  max-height: 100%;
  margin-bottom: 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.check-list-center {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.collection-list-3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-4 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.collection-list-5 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text, .name, .text-card {
  position: relative;
  overflow: hidden;
}

.button-whitte {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--gray-400);
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button_fill_leaf {
  background-color: var(--white);
  border-radius: 500px 0 0 500px;
  width: 51%;
  position: absolute;
  inset: 0 auto 0 0;
}

.button_fill_right {
  background-color: var(--white);
  border-radius: 0 500px 500px 0;
  width: 51%;
  position: absolute;
  inset: 0 0 0 auto;
}

.div-block-3 {
  position: relative;
  overflow: hidden;
}

.badge-transparent {
  grid-column-gap: 10px;
  opacity: 1;
  background-color: #ffffff45;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .button.w--current {
    height: auto;
  }

  .asset {
    max-width: none;
    max-height: none;
  }

  .custom-alerts {
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .stats {
    line-height: var(--100);
  }

  .list-of-pricing {
    justify-content: center;
    align-items: flex-start;
    max-height: 562.344px;
  }

  .card-pricing {
    height: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .body-button {
    height: 100%;
    max-height: 700px;
  }

  .pricing-body {
    height: 100%;
  }

  .price {
    flex-flow: wrap;
    grid-auto-columns: 1fr;
  }

  .check-list {
    justify-content: center;
    align-items: center;
  }

  .footer-container {
    grid-column-gap: 32px;
    padding-top: 0;
  }

  .footer-wrap {
    height: auto;
  }

  .other {
    grid-row-gap: 32px;
    flex-flow: wrap;
  }

  .hero-content-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-items: flex-end;
  }

  .call-to-action-ver2 {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .navbar_component {
    margin-left: auto;
    margin-right: auto;
  }

  .timeline1_progress {
    left: 604.01px;
  }

  .hero-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-bottom: 32px;
  }

  .check-list-center {
    justify-content: center;
    align-items: flex-start;
  }
}

@media screen and (min-width: 1440px) {
  .button.w--current {
    max-height: 40px;
  }

  .footer-wrap {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
  }

  .other {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .hero-content-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .call-to-action-ver2 {
    padding-left: 64px;
    padding-right: 64px;
  }

  .navbar_component {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar_container {
    margin-left: auto;
    margin-right: auto;
  }

  .timeline1_progress {
    left: 684.01px;
  }

  .navbar_component_v2 {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-content-section {
    padding-top: 140px;
  }

  .hero-content {
    margin-bottom: 64px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 16px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 60px;
    --140: 140%;
    --body-20: 20px;
    --h2: 36px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

  .asset {
    max-width: 500px;
  }

  .content-hero-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .h1, .h1.is-center {
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 16px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 60px;
    --140: 140%;
    --body-20: 20px;
    --h2: 36px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

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

  .body-20.is-light.is-center {
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 16px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 60px;
    --140: 140%;
    --body-20: 20px;
    --h2: 36px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

  .body-20.hero-text {
    text-align: center;
  }

  .h2 {
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 16px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 60px;
    --140: 140%;
    --body-20: 20px;
    --h2: 36px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

  .h2.is-left {
    line-height: 50px;
  }

  .h2.is-white:where(.w-variant-0b6f2262-0caa-f385-2446-75e256b998d1) {
    color: var(--white);
  }

  .list-of-services {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .digital-payments {
    flex: 0 auto;
  }

  .content-wrap {
    grid-row-gap: 16px;
  }

  .h3 {
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 16px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 60px;
    --140: 140%;
    --body-20: 20px;
    --h2: 36px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

  .budget-tracking {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
  }

  .row-1 {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .advanced-security, .global-accessbility {
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
  }

  .row-2 {
    grid-row-gap: 24px;
    flex-flow: column;
    height: auto;
  }

  .seamles-budget {
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    max-height: 400px;
    padding: 32px 0 0;
  }

  .custom-alerts {
    grid-row-gap: 24px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .detail-testimonials {
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .info-action {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }

  .stats {
    line-height: var(--100);
  }

  .list-of-pricing {
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .card-pricing {
    min-height: auto;
  }

  .blog-heading {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-image {
    width: 100%;
  }

  .call-to-action-ver1 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .footer-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
  }

  .other {
    grid-row-gap: 32px;
    flex-flow: wrap;
    height: auto;
  }

  .newsletter {
    max-width: none;
    height: auto;
    max-height: none;
  }

  .subscribe-area {
    max-width: 100%;
  }

  .container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .email-menu-field {
    width: auto;
    max-width: none;
  }

  .input-form {
    width: 100%;
  }

  .hero-content-wrap {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .hero-image {
    max-width: none;
  }

  .cards-image {
    width: 80%;
    position: absolute;
    top: auto;
    bottom: -27%;
  }

  .vision {
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .assets-image {
    max-width: none;
  }

  .description {
    order: -1;
    height: auto;
  }

  .our-value {
    grid-row-gap: 32px;
  }

  .list-of-value {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

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

  .our-teams {
    grid-row-gap: 32px;
  }

  .list-of-teams {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    display: grid;
  }

  .team-img {
    border-radius: 16px;
    max-width: none;
  }

  .cta-ver-2 {
    padding-top: 64px;
  }

  .call-to-action-ver2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    min-height: auto;
    padding-bottom: 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .content-style-2, .address-contact-info {
    max-width: none;
    height: auto;
  }

  .mockup---desktop {
    display: none;
  }

  .client-testimonial-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }

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

  .hero-wrap-v2 {
    height: auto;
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 64px;
  }

  .headline-area-60 {
    width: 80%;
  }

  .navbar_component {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
    left: 0%;
    right: 0%;
  }

  .navbar_container {
    grid-template-columns: auto 1fr;
    width: 100%;
  }

  .navbar_menu {
    background-color: var(--primary-900);
    background-image: linear-gradient(50deg, var(--primary-900), #736196);
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 700px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    top: 60px;
  }

  .navbar_menu-link-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 24px;
  }

  .navbar_link {
    margin-left: 0;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
  }

  .navbar_menu-dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .navbar_dropdown-toggle {
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
  }

  .dropdown-chevron {
    inset: auto 0% auto auto;
  }

  .navbar_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar_dropdown-list.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .navbar_dropdown-link {
    text-align: center;
    width: auto;
    padding: 12px 0 12px 10px;
    font-size: 16px;
    display: flex;
  }

  .navbar_button-wrapper {
    align-items: center;
  }

  .navbar_menu-button {
    padding: 0;
  }

  .navbar_menu-button.w--open {
    background-color: var(--\<unknown\|relume-variable-transparent\>);
  }

  .menu-icon2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon2_line-top {
    background-color: var(--white);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon2_line-top.is-purple {
    background-color: var(--primary-900);
  }

  .menu-icon2_line-middle {
    background-color: var(--white);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon2_line-middle.is-purple {
    background-color: var(--primary-900);
  }

  .menu-icon1_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon2_line-bottom {
    background-color: var(--white);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon2_line-bottom.is-purple {
    background-color: var(--primary-900);
  }

  .hero-wrap {
    padding-top: 140px;
  }

  .timeline1_content {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .timeline1_progress {
    height: 60%;
    top: 410px;
    left: 15px;
  }

  .timeline1_content-right {
    margin-left: 80px;
  }

  .timeline1_circle-wrapper {
    width: 6rem;
    margin-left: -6rem;
  }

  .counter-text {
    line-height: var(--100);
  }

  .blog-lists-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .tab-link-tab-6 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .tab-link-tab-6.w--current, .tab-link-tab-5, .tab-link-tab-4, .tab-link-tab-3 {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .tab-link-tab-2-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .tab-link-tab-1-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .tabs-menu-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .collection-item {
    width: 100%;
    max-width: 100%;
    padding-bottom: 30px;
  }

  .article-card-small {
    width: 99.9999%;
    max-width: 100%;
  }

  .blog-card.w--current {
    max-width: none;
  }

  .blog-card-content {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .contact-wrap {
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .contact-description {
    height: auto;
  }

  .contact-detail {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .social-wrap {
    display: flex;
  }

  .map {
    width: 100%;
  }

  .contact-section, .faq-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .list-of-questions {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .row-1-3 {
    grid-row-gap: 30px;
  }

  .heading {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
  }

  .navbar_component_v2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
    padding-right: 0%;
    left: 0%;
    right: 87%;
  }

  .navbar-fixed {
    padding-left: 32px;
    padding-right: 32px;
  }

  .news-section {
    grid-row-gap: 30px;
  }

  .text-and-cta-2 {
    height: auto;
  }

  .list-of-news {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .blog-content-section {
    padding-top: 150px;
  }

  .navbar_link-v2 {
    color: var(--white);
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .navbar_dropdown-toggle-v2 {
    color: var(--white);
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
  }

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

  .blog-post-header1_title-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

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

  .detail-content {
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .sidebar {
    width: 100%;
  }

  .latest-post {
    width: 100%;
    max-width: none;
  }

  .utility-page-content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .digital-payment-img {
    object-fit: fill;
    height: auto;
    overflow: visible;
  }

  .ui-image-area {
    order: 1;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: 300px;
    padding-top: 0;
  }

  .real-time-bento {
    grid-row-gap: 24px;
    padding-bottom: 0;
  }

  .color-group {
    flex-flow: wrap;
  }

  .mockup---mobile {
    display: block;
  }

  .map-area {
    width: 100%;
    position: relative;
  }

  .lottie-animation {
    top: 137px;
    left: 275px;
  }

  .pin-area {
    bottom: 34%;
  }

  .form-block-2 {
    width: 100%;
  }

  .assets-image---desktop {
    order: 1;
    display: none;
  }

  .assets-image---mobile {
    max-width: none;
    display: block;
  }

  .social-wrap-blog {
    display: none;
  }

  .budget-tracking-img {
    object-fit: fill;
    height: 300%;
    padding-left: 40px;
    overflow: visible;
  }

  .advanced-security-img {
    object-fit: fill;
    height: auto;
    overflow: visible;
  }

  .real-time-analysis-img {
    object-fit: fill;
    height: auto;
    padding-top: 163px;
    overflow: visible;
  }

  .custom-alerts-img {
    object-fit: fill;
    height: auto;
    overflow: visible;
  }

  .vision-img {
    width: 100%;
  }

  .mission {
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .hero-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    max-width: none;
  }

  .collection-list-3 {
    grid-template-columns: 1fr 1fr;
  }

  .collection-list-4 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

@media screen and (max-width: 767px) {
  body {
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 14px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 60px;
    --140: 140%;
    --body-20: 16px;
    --h2: 24px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

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

  .h1 {
    letter-spacing: -1px;
  }

  .h1.is-center {
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 14px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 32px;
    --140: 140%;
    --body-20: 16px;
    --h2: 24px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .headline-area {
    grid-row-gap: 16px;
  }

  .h2 {
    line-height: var(--140);
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 14px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 60px;
    --140: 140%;
    --body-20: 16px;
    --h2: 24px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

  .h2.is-left {
    line-height: 1.2;
  }

  .digital-payments {
    padding-top: 20px;
  }

  .budget-tracking {
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
  }

  .service-section, .features-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .list-wrap {
    padding-left: 70px;
  }

  .workflow-section, .testimonial-section, .pricing-section, .blog-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-heading {
    grid-row-gap: 24px;
  }

  .text-and-cta {
    height: auto;
  }

  .cta-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .call-to-action-ver1 {
    min-height: auto;
    padding: 32px;
  }

  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .email-menu-field {
    width: auto;
    max-width: none;
  }

  .hero-content-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .hero-image {
    width: auto;
    max-width: none;
    left: 0;
  }

  .cards-image {
    position: relative;
    bottom: -13%;
  }

  .footer-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .vision-mission {
    grid-row-gap: 56px;
  }

  .vision {
    grid-row-gap: 32px;
  }

  .description {
    height: auto;
  }

  .vision-mission-section, .stats-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .list-of-value {
    grid-template-columns: 1fr;
  }

  .core-value-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .padding-section-medium {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .logo3_list {
    grid-column-gap: 1rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    padding-top: 1rem;
  }

  .logo3_wrapper {
    padding: .75rem 1rem;
  }

  .logo-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .card-teams {
    grid-row-gap: 15px;
  }

  .team-img {
    height: 290px;
  }

  .team-description {
    grid-row-gap: 0px;
  }

  .our-team-section, .cta-ver-2 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

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

  .hero-section {
    padding-top: 0;
  }

  .hero-wrap-v2 {
    padding-top: 140px;
    padding-bottom: 48px;
  }

  .headline-area-60 {
    width: 100%;
  }

  .navbar_component {
    margin-top: 1.25rem;
  }

  .navbar_container {
    min-height: 4rem;
  }

  .navbar_menu {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    top: 60px;
  }

  .navbar_menu-link-wrapper {
    padding: 1.25rem;
  }

  .menu-icon2_line-top.is-purple, .menu-icon2_line-middle.is-purple, .menu-icon2_line-bottom.is-purple {
    background-color: var(--primary-900);
  }

  .timeline1_content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .timeline1_progress {
    z-index: 0;
    height: 86%;
    top: 29px;
    left: 12px;
  }

  .timeline1_content-right {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    margin-left: 0;
  }

  .timeline1_circle-wrapper {
    width: auto;
    height: auto;
    margin-left: 0;
    inset: -21% auto auto 1%;
  }

  .timeline1_circle {
    margin-top: .75rem;
  }

  .slider {
    height: auto;
  }

  .left-arrow, .right-arrow {
    bottom: 5%;
  }

  .counter-text {
    line-height: var(--100);
  }

  .blog-lists-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .tabs-menu-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .collection-item {
    padding-bottom: 32px;
  }

  .blog-img {
    height: 230px;
  }

  .contact-detail {
    grid-row-gap: 40px;
  }

  .row-1-2, .row-2-2 {
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .contact-section, .faq-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .faq-section-2 {
    grid-row-gap: 32px;
  }

  .list-of-questions {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .row-1-3 {
    grid-row-gap: 32px;
  }

  .heading {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .heading.with-line {
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .heading.is-left {
    justify-content: space-between;
    align-items: flex-start;
  }

  .navbar_component_v2 {
    margin-top: 1.25rem;
  }

  .navbar-fixed {
    padding-top: 10px;
  }

  .blog-content-section {
    padding-top: 160px;
  }

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

  .blog-post-header1_title-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .breadcrumb_component {
    flex-flow: wrap;
  }

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

  .blog-post-header1_author-text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .detail-content {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
  }

  .utility-page-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 400px;
  }

  .digital-payment-img {
    max-width: none;
    height: auto;
    position: relative;
    top: 8px;
  }

  .ui-image-area {
    justify-content: center;
    align-items: flex-end;
  }

  .section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .lottie-animation {
    left: 53px;
  }

  .pin-area {
    left: 27%;
  }

  .form-block-2 {
    width: auto;
  }

  .loan-management {
    padding-top: 20px;
  }

  .assets-image---desktop {
    display: none;
  }

  .assets-image---mobile {
    display: block;
  }

  .image {
    border-radius: 32px;
    overflow: hidden;
  }

  .social-wrap-blog {
    display: none;
  }

  .budget-tracking-img {
    height: 100%;
    position: relative;
    top: -9px;
  }

  .real-time-analysis-img {
    object-fit: fill;
    padding-top: 216px;
    position: relative;
    top: 41px;
  }

  .custom-alerts-img {
    max-width: none;
    height: auto;
    position: relative;
    top: 8px;
  }

  .mission {
    grid-row-gap: 32px;
  }

  .collection-list-3 {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
  }

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

@media screen and (max-width: 479px) {
  body {
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 14px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 32px;
    --140: 140%;
    --body-20: 16px;
    --h2: 24px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

  .container-32 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button {
    width: 100%;
  }

  .content-hero-wrap {
    grid-row-gap: 24px;
  }

  .h1 {
    line-height: var(--120);
    letter-spacing: -1px;
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 14px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 32px;
    --140: 140%;
    --body-20: 16px;
    --h2: 24px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

  .h1.is-center {
    line-height: var(--140);
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 14px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 32px;
    --140: 140%;
    --body-20: 16px;
    --h2: 24px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

  .body-20.is-gray {
    line-height: var(--120);
  }

  .body-20.is-semibold.is-black {
    line-height: 25px;
  }

  .body-20.is-light.is-center {
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 14px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 32px;
    --140: 140%;
    --body-20: 16px;
    --h2: 24px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

  .headline-area {
    grid-row-gap: 24px;
  }

  .h2 {
    line-height: var(--140);
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 14px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 32px;
    --140: 140%;
    --body-20: 16px;
    --h2: 24px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

  .h2.is-left {
    line-height: var(--140);
  }

  .digital-payments {
    height: 300px;
    padding-bottom: 0;
  }

  .content-wrap {
    grid-row-gap: 16px;
  }

  .h3 {
    --inter: Inter, sans-serif;
    --black: #110e34;
    --body-16: 14px;
    --primary-50: #f5f3fe;
    --primary-900: #46208f;
    --120: 120%;
    --white: white;
    --gray-500: #637086;
    --h1: 32px;
    --140: 140%;
    --body-20: 16px;
    --h2: 24px;
    --h3: 18px;
    --100: 100%;
    --gray-200: #e3e8ef;
    --gray-400: #97a3b6;
    --gray-300: #cdd5e0;
    --primary-200: #dcd6fb;
    --gray-50: #f8fafc;
  }

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

  .body-18 {
    font-size: 16px;
    line-height: 24px;
  }

  .body-18.is-left.is-white {
    font-size: 16px;
  }

  .budget-tracking {
    height: 300px;
  }

  .service-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .features-wrap {
    grid-row-gap: 32px;
  }

  .advanced-security {
    height: 320px;
    padding-bottom: 0;
  }

  .global-accessbility {
    justify-content: space-between;
    height: 320px;
    padding-bottom: 0;
  }

  .seamles-budget {
    max-height: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .custom-alerts {
    height: auto;
  }

  .features-section, .workflow-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .testimonials {
    grid-row-gap: 120px;
  }

  .testimonial-text {
    line-height: var(--140);
  }

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

  .stats {
    font-size: 32px;
    line-height: var(--100);
  }

  .testimonial-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .pricing-wrap {
    grid-row-gap: 32px;
  }

  .card-pricing {
    padding: 20px;
  }

  .price {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .check-list {
    justify-content: center;
    align-items: flex-start;
  }

  .pricing-section, .blog-section {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .blog-heading {
    grid-row-gap: 24px;
  }

  .text-and-cta {
    height: auto;
  }

  .blog-image {
    max-height: 200px;
  }

  .cta-section {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .call-to-action-ver1 {
    min-height: auto;
    padding: 32px 16px;
  }

  .copyright-info {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .email-menu-field {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    width: auto;
    max-width: none;
  }

  .hero-content-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .hero-image {
    display: none;
  }

  .cards-image {
    width: 90%;
  }

  .vision-mission {
    grid-row-gap: 32px;
  }

  .vision {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .description {
    grid-row-gap: 24px;
    height: auto;
  }

  .padding-section-medium {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .logo3_list {
    justify-content: center;
  }

  .logo3_wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .logo-section {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .our-teams {
    grid-row-gap: 32px;
  }

  .list-of-teams {
    grid-template-columns: 1fr;
  }

  .card-teams {
    grid-row-gap: 15px;
  }

  .team-img {
    height: 290px;
  }

  .team-description {
    grid-row-gap: 0px;
  }

  .cta-ver-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .call-to-action-ver2 {
    padding-top: 32px;
  }

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

  .hero-wrap-v2 {
    height: auto;
    min-height: auto;
    padding-bottom: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .headline-area-60 {
    width: 90%;
  }

  .navbar_container {
    padding-right: .25rem;
  }

  .navbar_menu {
    z-index: 1;
    height: auto;
  }

  .navbar_menu-link-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: auto;
  }

  .navbar_menu-dropdown {
    z-index: 1;
  }

  .navbar_dropdown-toggle {
    height: auto;
    padding-left: 20px;
  }

  .hero-wrap {
    padding-top: 140px;
  }

  .timeline1_content {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }

  .timeline1_progress {
    height: 84%;
  }

  .timeline1_line {
    height: 90%;
  }

  .timeline1_content-right {
    grid-row-gap: 2rem;
  }

  .timeline1_row {
    grid-column-gap: 1rem;
  }

  .timeline1_circle-wrapper {
    top: -11%;
  }

  .slide-nav {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    display: flex;
    top: 295.352px;
  }

  .left-arrow, .right-arrow {
    display: none;
  }

  .counter-text {
    font-size: 32px;
    line-height: var(--100);
  }

  .tab-link-tab-1, .tab-link-tab-2.w--current {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .tabs-menu {
    border-radius: 32px;
    flex-flow: column;
  }

  .tabs-content {
    margin-top: 32px;
  }

  .blog-lists-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .tab-link-tab-6, .tab-link-tab-5, .tab-link-tab-4, .tab-link-tab-3, .tab-link-tab-2-2, .tab-link-tab-1-2.w--current {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-card {
    grid-row-gap: 20px;
  }

  .blog-card-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .contact-description {
    height: auto;
  }

  .contact-detail {
    grid-row-gap: 30px;
  }

  .row-1-2, .row-2-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .contact-section, .faq-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq-section-2 {
    grid-row-gap: 32px;
  }

  .list-of-questions {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .row-1-3 {
    grid-row-gap: 24px;
  }

  .heading {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .heading.is-left {
    justify-content: space-between;
    align-items: flex-start;
  }

  .button-primary {
    display: none;
  }

  .button-primary.password {
    display: block;
  }

  .navbar-fixed {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .related-article-section {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .blog-content-section {
    padding-bottom: 32px;
  }

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

  .breadcrumb_component {
    grid-column-gap: 2px;
    grid-row-gap: 8px;
    flex-flow: wrap;
  }

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

  .blog-post-header1_content-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-post-header1_author-text {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
  }

  .date {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: wrap;
  }

  .blog-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .utility-page-content {
    width: 250px;
  }

  .ui-image-area {
    height: auto;
    max-height: none;
  }

  .real-time-bento {
    height: 320px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .button-group {
    flex-flow: column;
    height: auto;
  }

  .mockup---mobile {
    max-width: 250px;
  }

  .lottie-animation {
    top: -6px;
    left: 19px;
  }

  .pin-area {
    left: 11%;
  }

  .button---desktop {
    display: none;
  }

  .button---mobile {
    width: 100%;
    display: block;
  }

  .loan-management {
    height: 300px;
    padding-bottom: 0;
  }

  .assets-image---desktop {
    display: none;
  }

  .button-primary---stylrguide {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .budget-tracking-img {
    padding-left: 0;
  }

  .real-time-analysis-img {
    padding-top: 0;
    top: 0;
  }

  .custom-alerts-img {
    width: 100%;
    top: 0;
  }

  .mission {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .hero-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .check-list-center {
    justify-content: center;
    align-items: flex-start;
  }

  .collection-list-3 {
    grid-template-columns: 1fr;
  }

  .collection-list-4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .button-whitte.nav-hero {
    display: none;
  }
}

#w-node-ad006acb-4dc6-485f-c703-1a983d483d1b-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d1d-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d1f-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d21-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d23-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d25-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d27-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d29-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d2c-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d2e-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d30-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d32-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d34-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d36-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d38-8fbff568, #w-node-ad006acb-4dc6-485f-c703-1a983d483d3a-8fbff568, #w-node-_17c3cc2d-c92e-2732-9bea-05df2d49ab34-2d49ab30 {
  justify-self: center;
}

#w-node-_17c3cc2d-c92e-2732-9bea-05df2d49ab4a-2d49ab30 {
  justify-self: end;
}

#w-node-_4635d749-2f66-e353-49c3-4e5af13eb9bb-8fbff569 {
  justify-self: center;
}

#w-node-_4635d749-2f66-e353-49c3-4e5af13eb9d3-8fbff569 {
  justify-self: end;
}

#w-node-_5a3612a1-edca-654e-762b-9710ff843109-8fbff56a {
  justify-self: center;
}

#w-node-_5a3612a1-edca-654e-762b-9710ff843121-8fbff56a {
  justify-self: end;
}

#w-node-ef6cf990-3e3c-985e-6e3e-8b21a73b5d98-8fbff56c {
  justify-self: center;
}

#w-node-ef6cf990-3e3c-985e-6e3e-8b21a73b5db0-8fbff56c {
  justify-self: end;
}

#w-node-_0b8c8459-ac4c-4298-379f-272a0ed656d5-8fbff56d {
  justify-self: center;
}

#w-node-_0b8c8459-ac4c-4298-379f-272a0ed656ed-8fbff56d {
  justify-self: end;
}

#w-node-_81ee70fd-438b-53ee-1246-0363b27cbc24-8fbff56e {
  justify-self: center;
}

#w-node-_81ee70fd-438b-53ee-1246-0363b27cbc3c-8fbff56e {
  justify-self: end;
}

#w-node-e2aa1445-11a9-521a-5f2f-4856999ddf94-8fbff56f {
  justify-self: center;
}

#w-node-e2aa1445-11a9-521a-5f2f-4856999ddfac-8fbff56f {
  justify-self: end;
}

#w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c700f-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c7011-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c7013-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c7015-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c7017-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c7019-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c701b-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c701d-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c7020-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c7022-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c7024-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c7026-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c7028-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c702a-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c702c-8fbff56f, #w-node-_8f6d3fc2-cdb3-d47b-4281-81a7045c702e-8fbff56f, #w-node-_55f5d866-1c96-8e35-d0b5-b32c53417ea9-53417ea4 {
  justify-self: center;
}

#w-node-_55f5d866-1c96-8e35-d0b5-b32c53417ebf-53417ea4 {
  justify-self: end;
}

@media screen and (max-width: 767px) {
  #w-node-_7bb696c1-9b44-1dd7-35ff-8b9def643d23-8fbff568 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }
}



/* S4C content refresh */
.s4c-hero-image {
  position: relative;
  z-index: 2;
}
.s4c-hero-image .asset {
  display: block;
  opacity: 1 !important;
  transform: none !important;
}
.s4c-hero-support {
  color: rgba(255, 255, 255, 0.82);
  text-align: left;
  max-width: 680px;
}
.s4c-cta-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}
.s4c-center-copy {
  max-width: 820px;
  text-align: center;
}
.s4c-card-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  display: grid;
}
.s4c-card-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.s4c-card-grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.s4c-card {
  grid-row-gap: 18px;
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 24px;
  flex-direction: column;
  align-items: flex-start;
  min-height: 220px;
  padding: 28px;
  display: flex;
  box-shadow: 0 18px 40px rgba(17, 24, 39, 0.05);
}
.s4c-card-icon {
  background-color: #f5f3fe;
  border-radius: 999px;
  width: 42px;
  height: 42px;
  padding: 10px;
}
.s4c-stat-row {
  gap: 24px;
}
.s4c-page-copy {
  max-width: 880px;
}
.s4c-list {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding-left: 20px;
  display: flex;
}
.s4c-list li {
  font-family: var(--inter);
  color: var(--gray-500);
  font-size: 18px;
  line-height: 26px;
}
.s4c-inline-link {
  color: var(--primary-900);
  font-weight: 600;
  text-decoration: none;
}
.s4c-inline-link:hover {
  text-decoration: underline;
}
@media (max-width: 991px) {
  .s4c-card-grid-3,
  .s4c-card-grid-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .s4c-stat-row {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .s4c-card-grid-3,
  .s4c-card-grid-5,
  .list-of-pricing {
    grid-template-columns: 1fr;
  }
  .s4c-card {
    min-height: auto;
  }
  .s4c-center-copy {
    text-align: left;
  }
}

/* S4C hero polish and UK hospitality visuals */
html,
body,
.body {
  background-color: #fff;
  background-image: none;
}

.navbar_component {
  background: rgba(255, 255, 255, .97);
  box-sizing: border-box;
  max-width: none;
  margin-top: 0;
  padding: 10px 32px;
}

.navbar_component:after {
  content: none;
}

.navbar_container {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
}

.hero {
  position: relative;
  overflow: hidden;
  background-image:
    radial-gradient(circle at 78% 14%, rgba(255, 221, 128, .42), rgba(255, 221, 128, 0) 30%),
    radial-gradient(circle at 10% 18%, rgba(124, 31, 12, .28), rgba(124, 31, 12, 0) 38%),
    url('../images/Hero-Section-BG-1.png'),
    linear-gradient(115deg, #d94d1d 0%, #ef6424 44%, #ff963f 100%);
  background-position: 50%, 50%, 50%, 0 0;
  background-size: cover, cover, cover, auto;
}

.hero:before {
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(17, 14, 52, .16), rgba(17, 14, 52, 0) 58%),
    radial-gradient(circle at 65% 84%, rgba(255, 255, 255, .24), rgba(255, 255, 255, 0) 30%);
  position: absolute;
  inset: 0;
}

.hero .container {
  position: relative;
  z-index: 1;
}

.hero-wrap {
  padding-top: 174px;
  padding-bottom: 72px;
}

.hero-content-wrap {
  align-items: center;
  min-height: 650px;
}

.hero-content {
  max-width: 640px;
  margin-bottom: 0;
  overflow: visible;
}

.h1.hero-text {
  text-transform: none;
  letter-spacing: -4px;
  max-width: 760px;
  font-size: clamp(68px, 6vw, 108px);
  line-height: .98;
}

.body-20.hero-text {
  max-width: 760px;
  font-size: clamp(21px, 1.55vw, 28px);
}

.s4c-hero-support {
  font-size: 20px;
  line-height: 1.55;
}

.s4c-hero-image {
  align-items: center;
  max-width: 820px;
  overflow: visible;
}

.s4c-report-stage {
  width: min(790px, 100%);
  margin-top: 56px;
  position: relative;
}

.s4c-pnl-frame {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(255, 255, 255, .66);
  border-radius: 32px;
  padding: 10px;
  position: relative;
  box-shadow: 0 38px 100px rgba(63, 20, 8, .36), 0 18px 45px rgba(17, 14, 52, .2);
  transform: none;
  overflow: hidden;
}

.s4c-pnl-frame:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0));
  width: 34%;
  position: absolute;
  inset: 0 auto 0 0;
}

.s4c-pnl-frame .asset {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: auto;
  padding: 0;
  display: block;
}

.s4c-float-card {
  z-index: 3;
  grid-row-gap: 5px;
  color: #110e34;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: 22px;
  flex-direction: column;
  width: 220px;
  padding: 18px;
  font-family: Inter, sans-serif;
  display: flex;
  position: absolute;
  box-shadow: 0 22px 58px rgba(60, 18, 8, .24);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.s4c-float-card strong {
  font-size: 22px;
  line-height: 1.05;
}

.s4c-float-card span {
  color: #586174;
  font-size: 14px;
  line-height: 1.35;
}

.s4c-float-card .s4c-kicker {
  color: #d9551d;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
}

.s4c-float-card-top {
  top: -62px;
  right: 74px;
}

.s4c-float-card-left {
  bottom: 128px;
  left: 28px;
}

.s4c-float-card-right {
  right: -48px;
  bottom: -24px;
}

.s4c-keyword-strip {
  z-index: 4;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: -38px;
}

.s4c-keyword-strip span {
  color: #110e34;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 999px;
  padding: 10px 14px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 14px 35px rgba(60, 18, 8, .16);
}

.s4c-blog-visual {
  box-sizing: border-box;
  isolation: isolate;
  background: linear-gradient(145deg, #fff8f2, #fff 58%, #eef7f1);
  border: 1px solid #f0e5db;
  border-radius: 28px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 300px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}

.s4c-blog-visual:before {
  content: "";
  z-index: -1;
  background: radial-gradient(circle at 80% 14%, rgba(235, 102, 36, .2), rgba(235, 102, 36, 0) 34%);
  position: absolute;
  inset: 0;
}

.s4c-visual-header,
.s4c-visual-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.s4c-visual-header span,
.s4c-visual-row span {
  color: #5b6275;
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.s4c-visual-header strong {
  color: #110e34;
  font-family: Inter, sans-serif;
  font-size: 28px;
}

.s4c-visual-row {
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 16px;
  padding: 12px 14px;
}

.s4c-visual-row strong {
  color: #138653;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.s4c-mini-bars {
  grid-column-gap: 10px;
  align-items: flex-end;
  height: 110px;
  display: flex;
}

.s4c-mini-bars i {
  background: linear-gradient(180deg, #ff8a3d, #d9551d);
  border-radius: 999px 999px 12px 12px;
  width: 18%;
  display: block;
  box-shadow: 0 14px 28px rgba(217, 85, 29, .2);
}

.s4c-mini-bars i:nth-child(1) { height: 48%; }
.s4c-mini-bars i:nth-child(2) { height: 62%; }
.s4c-mini-bars i:nth-child(3) { height: 76%; }
.s4c-mini-bars i:nth-child(4) { height: 54%; }
.s4c-mini-bars i:nth-child(5) { height: 92%; }

.s4c-invoice-stack {
  min-height: 120px;
  position: relative;
}

.s4c-invoice-stack i {
  background: #fff;
  border: 1px solid #eaded5;
  border-radius: 18px;
  width: 72%;
  height: 84px;
  position: absolute;
  left: 14%;
  box-shadow: 0 18px 40px rgba(17, 14, 52, .08);
}

.s4c-invoice-stack i:before,
.s4c-invoice-stack i:after {
  content: "";
  background: #e7edf4;
  border-radius: 999px;
  height: 8px;
  position: absolute;
  left: 18px;
  right: 18px;
}

.s4c-invoice-stack i:before { top: 22px; }
.s4c-invoice-stack i:after { top: 42px; right: 52px; }
.s4c-invoice-stack i:nth-child(1) { top: 26px; transform: rotate(-8deg); }
.s4c-invoice-stack i:nth-child(2) { top: 14px; transform: rotate(5deg); }
.s4c-invoice-stack i:nth-child(3) { top: 0; transform: rotate(-1deg); }

.s4c-payroll-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.s4c-payroll-grid span {
  color: #110e34;
  text-align: center;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 18px;
  padding: 20px 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 800;
  box-shadow: 0 16px 36px rgba(17, 14, 52, .07);
}

@media (max-width: 991px) {
  .navbar_component {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-content-wrap {
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
  }

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

  .s4c-report-stage {
    margin-top: 20px;
  }

  .s4c-float-card-left {
    left: 18px;
  }

  .s4c-float-card-right {
    right: 18px;
  }
}

@media (max-width: 767px) {
  .navbar_component {
    padding-top: 16px;
  }

  .hero-wrap {
    padding-top: 136px;
    padding-bottom: 58px;
  }

  .h1.hero-text {
    letter-spacing: -2px;
    font-size: 56px;
  }

  .body-20.hero-text {
    font-size: 20px;
  }

  .s4c-report-stage {
    margin-top: 0;
  }

  .s4c-float-card {
    width: auto;
    max-width: 210px;
    padding: 14px;
    position: static;
  }

  .s4c-report-stage {
    grid-row-gap: 12px;
    display: grid;
  }

  .s4c-pnl-frame {
    order: 2;
    transform: none;
  }

  .s4c-keyword-strip {
    justify-content: flex-start;
    order: 3;
    position: static;
  }
}

/* About page UK hospitality visuals */
.s4c-about-image {
  background: linear-gradient(145deg, #fff8f2, #fff 52%, #eef7f1);
  border: 1px solid #f1e4d9;
  border-radius: 32px;
  min-height: 440px;
  box-shadow: 0 28px 80px rgba(17, 14, 52, .08);
}

.s4c-about-visual {
  box-sizing: border-box;
  width: 100%;
  min-height: 440px;
  padding: 28px;
  position: relative;
  overflow: hidden;
}

.s4c-about-visual:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 80% 12%, rgba(217, 85, 29, .18), rgba(217, 85, 29, 0) 34%), radial-gradient(circle at 8% 84%, rgba(18, 134, 83, .14), rgba(18, 134, 83, 0) 34%);
  position: absolute;
  inset: 0;
}

.s4c-about-window {
  z-index: 1;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 26px;
  padding: 18px;
  position: relative;
  box-shadow: 0 24px 60px rgba(17, 14, 52, .12);
}

.s4c-window-bar {
  grid-column-gap: 8px;
  align-items: center;
  border-bottom: 1px solid #edf0f4;
  padding-bottom: 14px;
  display: flex;
}

.s4c-window-bar span {
  background: #d9551d;
  border-radius: 999px;
  width: 9px;
  height: 9px;
  display: block;
}

.s4c-window-bar span:nth-child(2) {
  background: #f5b14c;
}

.s4c-window-bar span:nth-child(3) {
  background: #138653;
}

.s4c-window-bar strong {
  color: #110e34;
  margin-left: 8px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 1.3;
}

.s4c-about-kpis {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.s4c-about-kpis div,
.s4c-system-output {
  background: linear-gradient(180deg, #fff, #f8fafc);
  border: 1px solid #edf0f4;
  border-radius: 18px;
  padding: 16px;
}

.s4c-about-kpis span,
.s4c-about-table span,
.s4c-system-output span {
  color: #637086;
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 1.3;
}

.s4c-about-kpis strong,
.s4c-system-output strong {
  color: #110e34;
  margin-top: 6px;
  margin-bottom: 4px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  line-height: 1.05;
  display: block;
}

.s4c-about-kpis small {
  color: #138653;
  font-family: Inter, sans-serif;
  font-size: 12px;
}

.s4c-about-table {
  grid-row-gap: 8px;
  margin-top: 18px;
  display: grid;
}

.s4c-about-table div {
  grid-template-columns: 1.25fr .75fr .75fr;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #edf0f4;
  border-radius: 14px;
  padding: 11px 14px;
  display: grid;
}

.s4c-about-table div:first-child {
  background: transparent;
  border-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
}

.s4c-about-table strong {
  color: #110e34;
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.s4c-about-table em {
  color: #138653;
  background: #e8f7ef;
  border-radius: 999px;
  justify-self: start;
  padding: 5px 9px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.s4c-about-note {
  z-index: 2;
  color: #110e34;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 999px;
  padding: 12px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 800;
  position: absolute;
  box-shadow: 0 18px 44px rgba(17, 14, 52, .12);
}

.s4c-about-note-left {
  left: 30px;
  bottom: 34px;
}

.s4c-about-note-right {
  right: 30px;
  bottom: 88px;
}

.s4c-about-systems {
  min-height: 440px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 18px;
  align-items: center;
}

.s4c-about-systems:after {
  content: "";
  z-index: 0;
  background: linear-gradient(90deg, rgba(217, 85, 29, .32), rgba(18, 134, 83, .32));
  height: 3px;
  position: absolute;
  left: 72px;
  right: 72px;
  top: 50%;
}

.s4c-system-node,
.s4c-system-output {
  z-index: 1;
  position: relative;
}

.s4c-system-node {
  color: #110e34;
  text-align: center;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 24px;
  padding: 22px 14px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 800;
  box-shadow: 0 22px 54px rgba(17, 14, 52, .1);
}

.s4c-system-node-main {
  color: #fff;
  background: linear-gradient(135deg, #d9551d, #ff8a3d);
  grid-column: 2;
  grid-row: 2;
  font-size: 28px;
}

.s4c-system-output {
  grid-column: 2 / 4;
  grid-row: 3;
}

.s4c-value-card {
  background: linear-gradient(180deg, #fff, #fff8f2);
  border-color: #f1e4d9;
  box-shadow: 0 20px 54px rgba(17, 14, 52, .05);
}

.s4c-icon-orb {
  color: #fff;
  letter-spacing: .08em;
  background: linear-gradient(135deg, #110e34, #d9551d);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 900;
  display: flex;
  box-shadow: 0 14px 34px rgba(217, 85, 29, .22);
}

@media (max-width: 991px) {
  .s4c-about-image,
  .s4c-about-visual,
  .s4c-about-systems {
    min-height: 390px;
  }

  .s4c-about-kpis {
    grid-template-columns: 1fr;
  }

  .s4c-about-note {
    position: static;
    justify-self: start;
    margin-top: 12px;
  }
}

@media (max-width: 767px) {
  .s4c-about-image,
  .s4c-about-visual,
  .s4c-about-systems {
    min-height: auto;
  }

  .s4c-about-visual {
    padding: 18px;
  }

  .s4c-about-table div {
    grid-template-columns: 1fr;
  }

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

  .s4c-about-systems:after {
    display: none;
  }

  .s4c-system-node-main,
  .s4c-system-output {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

/* Floating scroll-aware navigation */
.navbar_component {
  z-index: 1000;
  pointer-events: none;
  background: rgba(255, 255, 255, .96);
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 10px 32px;
  position: fixed;
  inset: 0 0 auto;
  box-shadow: 0 1px 0 rgba(17, 14, 52, .06);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  transition: padding .28s ease, transform .28s ease, box-shadow .28s ease;
}

.navbar_component.is-scrolled {
  padding-top: 6px;
  padding-bottom: 6px;
  transform: translateY(-2px);
  box-shadow: 0 16px 44px rgba(17, 14, 52, .14);
}

.navbar_container {
  pointer-events: auto;
  background: transparent;
  border: 0;
  border-radius: 0;
  max-width: 1180px;
  min-height: 68px;
  max-height: none;
  padding: 0;
  box-shadow: none;
  transition: min-height .28s ease, box-shadow .28s ease, background .28s ease, transform .28s ease;
}

.navbar_component.is-scrolled .navbar_container {
  background: transparent;
  min-height: 54px;
  box-shadow: none;
}

.navbar_logo-link {
  max-width: none;
  width: auto;
  max-height: none;
  gap: 16px;
}

.navbar_logo {
  width: 152px;
  max-width: 152px;
  height: auto;
  max-height: 52px;
  object-fit: contain;
  transition: width .28s ease, max-height .28s ease;
}

.navbar_component.is-scrolled .navbar_logo {
  width: 132px;
  max-width: 132px;
  max-height: 44px;
}

.navbar_component .navbar_tagline {
  color: #110e34;
  background: #fff4ef;
  border: 1px solid #f7d9cc;
  padding: 7px 12px;
  font-size: 12px;
  line-height: 1.25;
}

.navbar_component.is-scrolled .navbar_tagline {
  opacity: .82;
  transform: scale(.96);
}

.navbar_component .w-nav-overlay,
.navbar_component .navbar_menu {
  pointer-events: auto;
}

.navbar_link {
  color: #110e34;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 700;
  transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.navbar_link:hover {
  color: #d9551d;
  background-color: #fff4ef;
  transform: translateY(-1px);
}

.navbar_link.w--current {
  color: #fff;
  background: linear-gradient(135deg, #d9551d, #ff8a3d);
  border-radius: 999px;
  box-shadow: 0 10px 26px rgba(217, 85, 29, .22);
}

.navbar_button-wrapper .button-whitte.nav-hero {
  border-color: #d8dee8;
  background: #fff;
  box-shadow: 0 10px 28px rgba(17, 14, 52, .08);
}

.navbar_button-wrapper .button-whitte.nav-hero .button_fill_leaf,
.navbar_button-wrapper .button-whitte.nav-hero .button_fill_right {
  background-color: #fff;
}

.navbar_button-wrapper .button-whitte.nav-hero:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(17, 14, 52, .12);
}

.navbar_component + script + .hero,
.navbar_component + script + .hero-section {
  margin-top: 0;
}

@media (max-width: 991px) {
  .navbar_component {
    padding-left: 18px;
    padding-right: 18px;
  }

  .navbar_container {
    border-radius: 0;
  }

  .navbar_menu {
    background: rgba(255, 255, 255, .98);
    border-radius: 24px;
    margin-top: 12px;
    box-shadow: 0 22px 70px rgba(17, 14, 52, .18);
  }

  .navbar_component.s4c-nav-open .w-nav-overlay {
    display: block;
    overflow: visible;
    pointer-events: auto;
  }

  .navbar_component.s4c-nav-open .navbar_menu {
    display: block !important;
  }

  .navbar_menu-link-wrapper {
    padding: 16px;
  }

  .navbar_component .navbar_menu-button {
    background: #fff4ef;
    border: 1px solid #f7d9cc;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(17, 14, 52, .08);
  }

  .navbar_component .navbar_menu-button.w--open {
    background: #fff4ef;
  }

  .navbar_component .menu-icon2_line-top,
  .navbar_component .menu-icon2_line-middle,
  .navbar_component .menu-icon2_line-bottom {
    background-color: #110e34;
    transform-origin: center;
    transition: background-color .2s ease, opacity .2s ease, transform .2s ease;
  }

  .navbar_component .navbar_menu-button.w--open .menu-icon2_line-top {
    background-color: #d9551d;
    transform: translateY(8px) rotate(45deg);
  }

  .navbar_component .navbar_menu-button.w--open .menu-icon2_line-middle {
    opacity: 0;
  }

  .navbar_component .navbar_menu-button.w--open .menu-icon2_line-bottom {
    background-color: #d9551d;
    transform: translateY(-8px) rotate(-45deg);
  }
}

@media (max-width: 767px) {
  .navbar_logo {
    width: 124px;
  }

  .navbar_component.is-scrolled .navbar_logo {
    width: 114px;
  }

  .navbar_container {
    min-height: 58px;
    padding: 8px 10px 8px 12px;
  }
}

/* Contact page spacing polish */
.contact-page .hero-section {
  background-image:
    radial-gradient(circle at 78% 8%, rgba(255, 221, 128, .28), rgba(255, 221, 128, 0) 30%),
    url('../images/Hero-Section-BG-1.png'),
    linear-gradient(115deg, #d94d1d 0%, #ef6424 48%, #ff963f 100%);
  background-position: 50%, 50%, 0 0;
  background-size: cover, cover, auto;
}

.contact-page .hero-wrap-v2 {
  height: auto;
  min-height: 340px;
  padding-top: 132px;
  padding-bottom: 70px;
}

.contact-page .headline-area-60 {
  width: min(860px, 92%);
}

.contact-page .contact-section {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 18%),
    #fff;
  margin-top: -54px;
  padding-top: 0;
  padding-bottom: 88px;
  position: relative;
  z-index: 2;
}

.contact-page .contact-wrap {
  gap: 32px;
  background: rgba(255, 255, 255, .96);
  border: 1px solid #edf0f4;
  border-radius: 32px;
  align-items: stretch;
  padding: 34px;
  box-shadow: 0 28px 80px rgba(17, 14, 52, .12);
  overflow: hidden;
}

.contact-page .contact-description {
  background: linear-gradient(145deg, #fff, #fff8f2);
  border: 1px solid #f1e4d9;
  border-radius: 26px;
  height: auto;
  min-height: 0;
  padding: 38px;
}

.contact-page .contact-description .h2 {
  max-width: none;
  text-transform: none;
  letter-spacing: -2px;
  font-size: clamp(44px, 4.8vw, 76px);
  line-height: 1.02;
}

.contact-page .contact-detail {
  align-items: stretch;
  gap: 18px;
}

.contact-page .row-1-2,
.contact-page .row-2-2 {
  gap: 18px;
  max-width: none;
}

.contact-page .mail,
.contact-page .phone-2,
.contact-page .social-media {
  background: #fff;
  border: 1px solid #edf0f4;
  border-radius: 20px;
  max-width: none;
  height: auto;
  padding: 20px;
  box-shadow: 0 16px 38px rgba(17, 14, 52, .05);
}

.contact-page .map-area {
  display: none;
}

.contact-page .form-block {
  background: #fff;
  border: 1px solid #edf0f4;
  border-radius: 26px;
  max-width: 520px;
  padding: 38px;
  box-shadow: 0 20px 60px rgba(17, 14, 52, .08);
}

.contact-page .s4c-pipedrive-form {
  min-height: 640px;
  overflow: hidden;
}

.contact-page .pipedriveWebForms,
.contact-page .pipedriveWebForms iframe {
  width: 100%;
  min-height: 620px;
  border: 0;
  display: block;
}

.contact-page .field-label {
  color: #110e34;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 800;
}

.contact-page .text-field-2,
.contact-page .textarea {
  border-color: #d8dee8;
  border-radius: 14px;
  min-height: 54px;
  margin-bottom: 24px;
  padding: 14px 16px;
  font-size: 16px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.contact-page .textarea {
  min-height: 150px;
  padding-bottom: 14px;
}

.contact-page .text-field-2:focus,
.contact-page .textarea:focus {
  border-color: #d9551d;
  box-shadow: 0 0 0 4px rgba(217, 85, 29, .1);
}

.contact-page .button-primary.is-100 {
  background-image: linear-gradient(135deg, #d9551d, #ff8a3d);
  border-radius: 999px;
  min-height: 54px;
  font-weight: 800;
}

@media (max-width: 991px) {
  .contact-page .hero-wrap-v2 {
    min-height: 300px;
    padding-top: 118px;
    padding-bottom: 56px;
  }

  .contact-page .contact-wrap {
    flex-direction: column;
    padding: 22px;
  }

  .contact-page .form-block {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .contact-page .contact-wrap,
  .contact-page .contact-description,
  .contact-page .form-block {
    border-radius: 22px;
    padding: 20px;
  }

  .contact-page .row-1-2,
  .contact-page .row-2-2 {
    flex-direction: column;
  }
}

/* Dynamic blog pages */
.blog-page .hero-section {
  background-image:
    radial-gradient(circle at 76% 6%, rgba(255, 221, 128, .3), rgba(255, 221, 128, 0) 32%),
    url('../images/Hero-Section-BG-1.png'),
    linear-gradient(115deg, #d94d1d 0%, #ef6424 50%, #ff963f 100%);
  background-position: 50%, 50%, 0 0;
  background-size: cover, cover, auto;
}

.blog-page .hero-wrap-v2 {
  height: auto;
  min-height: 430px;
  padding-top: 150px;
  padding-bottom: 88px;
}

.blog-page .headline-area-60 {
  width: min(920px, 92%);
}

.blog-page .badge-purple {
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(255, 255, 255, .5);
}

.s4c-back-link {
  color: #fff;
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 999px;
  margin-bottom: 20px;
  padding: 10px 18px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease;
}

.s4c-back-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, .24);
  transform: translateY(-1px);
}

.s4c-blog-index-section {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 138, 61, .1), rgba(255, 138, 61, 0) 28%),
    #fff;
  padding-top: 92px;
  padding-bottom: 102px;
}

.s4c-blog-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.s4c-blog-db-card {
  color: #110e34;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 248, 242, .92)),
    #fff;
  border: 1px solid #edf0f4;
  border-radius: 28px;
  min-height: 306px;
  padding: 30px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 54px rgba(17, 14, 52, .08);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.s4c-blog-db-card:before {
  content: "";
  background: linear-gradient(90deg, #d9551d, #ff8a3d);
  height: 5px;
  position: absolute;
  inset: 0 0 auto;
}

.s4c-blog-db-card:after {
  content: "";
  background: radial-gradient(circle, rgba(255, 138, 61, .2), rgba(255, 138, 61, 0) 70%);
  width: 190px;
  height: 190px;
  position: absolute;
  right: -90px;
  bottom: -90px;
}

.s4c-blog-db-card:hover {
  border-color: #f3c9b7;
  transform: translateY(-6px);
  box-shadow: 0 26px 70px rgba(17, 14, 52, .13);
}

.s4c-blog-card-topline {
  color: #d9551d;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
}

.s4c-blog-card-title {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: clamp(24px, 2.2vw, 32px);
  line-height: 1.08;
}

.s4c-blog-db-card p {
  color: #5f6b7d;
  margin-bottom: 32px;
  font-size: 17px;
  line-height: 1.55;
  position: relative;
  z-index: 1;
}

.s4c-blog-card-link {
  color: #110e34;
  background: #fff;
  border: 1px solid #d8dee8;
  border-radius: 999px;
  padding: 10px 15px;
  font-weight: 900;
  display: inline-flex;
  position: relative;
  z-index: 1;
}

.s4c-blog-detail-section {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 12%),
    #fff8f2;
  padding-top: 82px;
  padding-bottom: 104px;
}

.s4c-blog-detail-layout {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 340px;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.s4c-blog-article {
  background: rgba(255, 255, 255, .98);
  border: 1px solid #edf0f4;
  border-radius: 34px;
  padding: clamp(28px, 4vw, 58px);
  box-shadow: 0 28px 80px rgba(17, 14, 52, .1);
}

.s4c-blog-prose {
  color: #25233f;
  font-size: 19px;
  line-height: 1.75;
}

.s4c-blog-prose > :first-child {
  margin-top: 0;
}

.s4c-blog-prose > :last-child {
  margin-bottom: 0;
}

.s4c-blog-prose h1,
.s4c-blog-prose h2,
.s4c-blog-prose h3,
.s4c-blog-prose h4 {
  color: #110e34;
  letter-spacing: -.035em;
  margin-top: 1.4em;
  margin-bottom: .55em;
  line-height: 1.08;
}

.s4c-blog-prose h2 {
  font-size: clamp(32px, 3vw, 48px);
}

.s4c-blog-prose h3 {
  font-size: clamp(26px, 2.4vw, 34px);
}

.s4c-blog-prose p,
.s4c-blog-prose ul,
.s4c-blog-prose ol {
  margin-bottom: 1.1em;
}

.s4c-blog-prose a {
  color: #d9551d;
  font-weight: 800;
}

.s4c-blog-prose img {
  border-radius: 24px;
  max-width: 100%;
  height: auto;
  margin-top: 18px;
  margin-bottom: 18px;
  box-shadow: 0 18px 50px rgba(17, 14, 52, .1);
}

.s4c-blog-sidebar {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 112px;
}

.s4c-blog-side-card {
  background: #fff;
  border: 1px solid #edf0f4;
  border-radius: 28px;
  padding: 26px;
  box-shadow: 0 18px 54px rgba(17, 14, 52, .08);
}

.s4c-blog-side-card-accent {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 138, 61, .2), rgba(255, 138, 61, 0) 46%),
    linear-gradient(180deg, #fff, #fff8f2);
}

.s4c-blog-side-card p {
  color: #5f6b7d;
  margin-bottom: 22px;
  line-height: 1.55;
}

.s4c-blog-recent-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 18px;
  display: flex;
}

.s4c-blog-recent-link {
  color: #110e34;
  background: #fff8f2;
  border: 1px solid #f1e4d9;
  border-radius: 18px;
  padding: 16px;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease;
}

.s4c-blog-recent-link:hover {
  border-color: #f3c9b7;
  transform: translateY(-2px);
}

.s4c-blog-recent-link span {
  color: #d9551d;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 900;
  display: block;
}

.s4c-blog-recent-link strong {
  letter-spacing: -.02em;
  line-height: 1.2;
  display: block;
}

.s4c-blog-empty-state {
  text-align: center;
  background: #fff;
  border: 1px solid #edf0f4;
  border-radius: 32px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding: 46px;
  box-shadow: 0 28px 80px rgba(17, 14, 52, .1);
}

.s4c-blog-empty-state p {
  color: #5f6b7d;
  margin-bottom: 24px;
  font-size: 18px;
}

@media (max-width: 991px) {
  .blog-page .hero-wrap-v2 {
    min-height: 370px;
    padding-top: 126px;
    padding-bottom: 70px;
  }

  .s4c-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .s4c-blog-detail-layout {
    grid-template-columns: 1fr;
  }

  .s4c-blog-sidebar {
    position: static;
  }
}

@media (max-width: 767px) {
  .blog-page .hero-wrap-v2 {
    min-height: 330px;
    padding-top: 112px;
    padding-bottom: 58px;
  }

  .s4c-blog-index-section,
  .s4c-blog-detail-section {
    padding-top: 62px;
    padding-bottom: 72px;
  }

  .s4c-blog-grid {
    grid-template-columns: 1fr;
  }

  .s4c-blog-db-card,
  .s4c-blog-article,
  .s4c-blog-side-card,
  .s4c-blog-empty-state {
    border-radius: 22px;
    padding: 22px;
  }

  .s4c-blog-prose {
    font-size: 17px;
  }
}