@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --untitled-ui--gray600: #475467;
  --untitled-ui--gray700: #344054;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray900: #101828;
  --untitled-ui--primary300: #d6bbfb;
  --untitled-ui--gray500: #667085;
  --white: white;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--gray400: #98a2b3;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--gray100: #f2f4f7;
  --black: black;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--primary50: #f9f5ff;
  --untitled-ui--pink50: #fdf2fa;
  --untitled-ui--pink700: #c11574;
  --untitled-ui--indigo50: #eef4ff;
  --untitled-ui--indigo700: #3538cd;
  --untitled-ui--gray200: #eaecf0;
}

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

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: #333;
  background-color: #f5f5f5;
  font-family: Satoshi, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

a {
  text-decoration: none;
}

.navbar-container {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 75rem;
  height: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.sk_navbar_cta {
  color: #272727;
  text-transform: none;
  border: 1px solid #0000;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.sk_navbar_cta:hover {
  background-color: #f5f5f5;
}

.mobile-button-line {
  background-color: #fff;
  width: 60%;
  height: 1px;
}

.button-circle {
  z-index: 1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff1a;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100%;
  position: absolute;
  inset: 0% 0% auto;
  transform: translate(0, -100%);
}

.sk_navbar-copy {
  z-index: 995;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: auto;
  background-color: #f5f5f500;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 63.8px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar_mobile {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 44px;
  height: 30px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: none;
}

.nav-inside-container {
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.middle_nav_bar_text {
  z-index: 5;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  position: relative;
}

.nav_cta-link {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}

.sk_navbar_logo {
  color: #3997f7;
  text-transform: none;
  background-color: #3898ec00;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 1rem;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  transform: scale(.95);
}

.sk_navbar_logo:hover {
  transform: scale(1);
}

.navlinks-div {
  color: #333;
  border-radius: 10px;
  align-items: center;
  margin-right: 10px;
  padding: 5px 10px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  transition: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navlinks-div:hover {
  text-decoration: underline;
}

.navlogo_text {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.sk_navbar_cta-mobile {
  color: #3997f7;
  text-transform: none;
  background-color: #3898ec00;
  border: 1px solid #0000;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.sk_navbar_cta-mobile:hover {
  background-color: #0003;
}

.progress-bar-wrapper {
  z-index: 3;
  align-items: flex-start;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.progress-bar {
  transform-origin: 50% 0;
  background-color: silver;
  width: 5px;
  height: 100%;
  transition: transform .2s;
}

.display-xs {
  letter-spacing: -.02em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35em;
}

.section-2 {
  display: block;
}

.section-2.gray {
  z-index: 2;
  background-color: #f5f5f5;
  position: relative;
}

.section-2.gray.gallery {
  display: block;
}

.text-with-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.space-small {
  min-height: 3rem;
}

.display-xl {
  color: #1a1a1a;
  letter-spacing: -.02em;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.35em;
}

.display-xl.transition {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
}

.title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 52.6rem;
  line-height: 1.5;
  display: flex;
}

.title.title-xs {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  max-width: 16rem;
}

.title.title-s {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: flex-start;
  max-width: 50rem;
}

.space-large {
  min-height: 7rem;
}

.container {
  flex-direction: column;
  align-items: stretch;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.container.max {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.container.hero {
  z-index: 100;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}

.paragraph-2 {
  color: #8a8a8a;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 300;
}

.availability-dot {
  background-color: #4aa747;
  border-radius: 50rem;
  width: .4rem;
  height: .4rem;
}

.uui-logos02_logo-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.gallery-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  transform-style: preserve-3d;
  background-color: #f5f5f5;
  border: 1px solid #c8c8c8;
  border-radius: 0;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 1rem 0;
  display: flex;
  overflow: hidden;
  transform: none;
}

.uui-section_logos02 {
  display: block;
}

.uui-logos02_component {
  background-image: none;
  border: 1px solid #e7e7e7;
  border-radius: 1rem;
  padding: 4rem;
}

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

.gallery-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

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

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

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

.gallery-item {
  aspect-ratio: 3 / 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: visible;
}

.uui-logos02_wrapper {
  filter: saturate(0%);
  justify-content: center;
  align-items: flex-start;
  padding: .75rem 1.5rem;
  display: flex;
}

.logos-section-title {
  color: #818181;
  text-transform: none;
  font-size: 2rem;
  line-height: 1.5;
}

.uui-logos02_logo {
  height: 2.5rem;
}

._3d-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  transition: transform .3s;
  display: flex;
  overflow: hidden;
}

.new-port-card {
  aspect-ratio: 16 / 9;
  color: #fff;
  cursor: pointer;
  border: 1.2px solid #fff;
  border-radius: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.card-transition-block {
  aspect-ratio: 16 / 9;
  background-color: #0000;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: absolute;
}

.card-button-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 1rem 1rem auto;
}

.services-h-wrapper {
  color: #989898;
  transition: all .3s;
  overflow: hidden;
}

.tags {
  color: #535353;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.5;
}

.card-icon-wrapper {
  display: flex;
  position: relative;
}

.card-icon {
  opacity: .47;
  width: 1rem;
  max-height: 1rem;
}

.card-icon.card-icon-absolute {
  position: absolute;
  inset: 100% 0% auto;
}

.new-p-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.new-p-row._2 {
  justify-content: flex-end;
}

.card-icon-outer-wrapper {
  overflow: hidden;
}

.new-p-grid {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.heading-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  display: block;
}

.services-heading {
  font-size: 7.4rem;
  font-weight: 900;
  line-height: 1;
}

.services-heading.section-heading {
  line-height: 1.16;
}

.card-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #1a1a1a;
  background-image: linear-gradient(90deg, #e0e0e0e6, #ebebeb), linear-gradient(270deg, #303a3a, #1d2122);
  justify-content: center;
  align-items: center;
  padding-left: 20%;
  padding-right: 20%;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 12px #0000001f;
}

.card-image._2 {
  background-color: #dddddd05;
  background-image: none;
}

.card-image._2.special {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 15%;
  padding-right: 15%;
}

.card-content {
  position: absolute;
  inset: auto 1.5rem 1.5rem;
  overflow: hidden;
}

.card-transition-image {
  border-radius: .4rem;
  display: block;
  position: absolute;
  inset: 25% 5% 0% 10%;
}

.card-button {
  background-color: #fff;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: auto;
  display: flex;
}

.card-button.visit {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #878787;
  width: auto;
  padding-left: 16px;
  padding-right: 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
}

.card-button._2 {
  display: none;
}

.new-p-card-holder {
  width: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.new-p-title {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .5rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.services-wrapper {
  width: 100%;
}

.heading {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}

.tab-link {
  color: #858585;
  letter-spacing: 1px;
  background-color: #ddd0;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.5;
  display: flex;
}

.tab-link.w--current {
  color: #fff;
  background-color: #0f0f0f;
  border-radius: 0;
  overflow: hidden;
}

.card-bg {
  z-index: 1;
  background-image: radial-gradient(circle, #e7e7e738, #dfeffe12);
  border-radius: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.card-intro-dev-motnhs {
  opacity: .3;
  color: #d3d3d3;
  line-height: 1;
  position: relative;
}

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

.card-intro-time-wrap {
  background-image: radial-gradient(circle farthest-side, #0a131a, #5b24cc00);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 2rem 0 -2rem;
  display: flex;
  position: relative;
}

.video-inner {
  position: absolute;
  inset: 13% 0% 13% 9%;
  overflow: hidden;
}

.anim-gr-d-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 4rem;
  display: flex;
}

.tabs-content {
  box-shadow: none;
  background-color: #1a1a1a47;
  border: 1px solid #2c2c2c;
  border-radius: 0;
}

.card-code-wrap {
  background-color: #202425;
  background-image: linear-gradient(to right, #101010, #0c0f11);
  border-top: 1px solid #dfeffe24;
  border-left: 1px solid #dfeffe24;
  border-top-left-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  margin-top: 2rem;
  margin-bottom: -2rem;
  margin-right: -2rem;
  display: flex;
}

.card-code-wrap.right {
  border-left-style: none;
  border-right: 1px solid #dfeffe24;
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  margin-left: -2rem;
  margin-right: 0;
  overflow: hidden;
}

.big-grid-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.rich-text-block {
  font-size: 1rem;
  line-height: 1.5;
}

.tab-panel {
  padding: 2rem;
}

.tab-panel._2 {
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.tabs {
  width: 100%;
}

.big-cta {
  color: #fff;
  margin-top: 1rem;
  text-decoration: underline;
  transition: all .3s;
}

.background-video-4 {
  z-index: 1;
  border-radius: 8px 0 0 8px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.big-grid {
  z-index: 5;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.dev-speed-month-line {
  background-color: #ececec;
  border-radius: 20px;
  width: 110%;
  height: 6px;
  margin-left: -5%;
  position: absolute;
  inset: 50% 0% 0%;
}

.grid-item-mini-text {
  color: silver;
  margin-top: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

.grid-item-mini-text.center {
  text-align: center;
}

.grid-item-mini-text._2 {
  color: #3a3a3a;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.exp-div-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.section-black {
  z-index: 2;
  background-color: #080808;
  position: relative;
}

.section-black.f {
  z-index: 1;
  position: relative;
}

.card-wrap {
  border-radius: 0;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.card-wrap.tech-stack {
  display: block;
}

.card-wrap._3d {
  aspect-ratio: 1;
}

.tools_grid-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.tab-content-heading {
  color: #f5f5f5;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
}

.tabs-menu {
  box-shadow: none;
  background-color: #1a1a1a;
  border: 1px solid #2c2c2c;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 1rem;
  padding: .2rem;
  display: flex;
  overflow: hidden;
}

.tabs-menu._2 {
  background-color: #e3e4e6;
  border-color: #fff;
  padding: 0;
}

.tools_text {
  color: #cacaca;
  font-size: 1rem;
  font-weight: 300;
}

.anim-video-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.website_category_div-card {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fff0;
  background-image: none;
  border: 1px solid #202629;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  transition: all .2s;
  display: flex;
}

.website_category_div-card:hover {
  background-image: linear-gradient(90deg, #13181d, #11181c);
  transform: translate(0, -5px);
}

.grid-item--heading {
  color: #cacaca;
  text-align: left;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(0deg, #9d9d9d, #cacaca);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.2;
}

.grid-item--heading._2 {
  color: #1a1a1a;
}

.card-intro-dev-weeks {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.card-intro-dev-speed-wrapper {
  color: #e7e7e7;
  flex-direction: column;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.card-intro-time-border {
  background-image: linear-gradient(to right, #0000, #96a1af80 50%, #fff0);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.grid-item-number {
  color: #d8d8d8;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
}

.card-highlight {
  z-index: 0;
  opacity: .28;
  filter: blur(80px);
  pointer-events: auto;
  cursor: none;
  background-color: #fff;
  border-radius: 50%;
  width: 300px;
  height: 300px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.paragraph {
  color: silver;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.5;
}

.card {
  z-index: 2;
  box-shadow: none;
  background-color: #0f0f0ff2;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.grid-2col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  padding-right: 0;
  display: grid;
}

.card.grid-2col._2 {
  background-color: #dfdfdf00;
  border: 1px solid #e0e0e0;
}

.card.stats--cells {
  flex-direction: column;
  align-items: center;
}

.card._2 {
  background-color: #dfdfdf00;
  border: 1px solid #e0e0e0;
  border-radius: 0;
}

.card._2.pp {
  background-color: #dfdfdf00;
  width: auto;
  padding: 0;
}

.video-frame {
  background-image: linear-gradient(90deg, #101212, #373738);
  border-style: solid;
  border-color: #000;
  border-top-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 8px;
  border-top-left-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: -29px;
  padding-top: 63.25%;
  display: flex;
  position: relative;
  overflow: visible;
}

.video-frame._2 {
  background-image: linear-gradient(to right, #9b9b9b, #fff);
  border-bottom-left-radius: 7px;
}

.tool_logo_wrapper {
  margin-right: 20px;
}

.list {
  color: silver;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  line-height: 1.5;
}

.heading-3 {
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 0;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: underline;
}

.pp-image {
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  display: none;
  box-shadow: 0 2px 17px #00000008;
}

.about-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-go {
  color: #222;
}

.cta-go.white {
  color: #e7e7e7;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  display: block;
}

.footer-text-title {
  color: #989898;
  transition: all .3s;
}

.display-l {
  color: #ddd;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.35em;
}

.fixed-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  background-image: url('../images/642ad1bf76c0e9db39cfddea_dotsss.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: fixed;
  inset: 0%;
}

.nav-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0c0c0c;
  border-radius: .25rem;
  align-items: center;
  margin: -.15rem -.35rem;
  padding: .15rem .35rem;
  font-weight: 500;
  transition: background-color .25s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.nav-link:hover, .nav-link:active {
  background-color: #ededed;
}

.nav-link.nav-link-white {
  color: #fff;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 300;
}

.nav-link.nav-link-white:hover {
  background-color: #2b2b2b;
}

.icon-s {
  width: 1.2rem;
  max-height: 1.2rem;
}

.container-3 {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.new-footer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.footer-social-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.p-main {
  object-fit: fill;
  padding-top: 47%;
  position: relative;
  overflow: visible;
}

.button {
  background-color: #292929;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.2rem;
  font-weight: 300;
}

.button._2 {
  color: #000;
  background-color: #ececec;
  border: 1px solid #9e9e9e;
  margin-right: 1rem;
  font-weight: 300;
  transition: all .3s;
}

.button._2:hover {
  color: #ececec;
  background-color: #1d1d1d;
}

.caption {
  padding-top: 1rem;
  padding-left: 2rem;
  font-size: 1rem;
  font-style: italic;
}

.p-description-2 {
  text-align: left;
  margin-bottom: 10px;
  font-size: 1.1rem;
  line-height: 1.5;
}

.modal-wrapper {
  background-color: #ececec;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 120px;
}

.container-p {
  z-index: 1000;
  background-color: #ececec;
  border: 1px solid #f9f9f9;
  border-radius: .5rem;
  max-width: 73rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  overflow: visible;
  box-shadow: 0 2px 20px #00000021;
}

.container-p.white {
  background-color: #fff;
}

.container-p.newbond {
  background-color: #e3e4e6;
}

.subheading {
  color: #333;
  letter-spacing: normal;
  margin-bottom: .75rem;
  font-size: 1rem;
  font-weight: 700;
}

.div-block-16 {
  padding: 20px;
}

.close-icon {
  cursor: pointer;
  background-color: #505050;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin-top: 1rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.p-2col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.p-2col.left {
  grid-template-columns: 1fr .5fr;
}

.p-2col.db {
  grid-template-columns: .5fr 1fr;
}

.div-block-14 {
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.p-description {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
}

.p-description.left {
  text-align: left;
  text-align: left;
  text-align: left;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 300;
}

.div-block-17 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: flex;
}

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

.p-image.rounded {
  border-radius: 12px;
}

.close-line {
  background-color: #fff;
  width: 75%;
  height: 2px;
  position: absolute;
  inset: auto;
  transform: rotate(-45deg);
}

.close-line._2 {
  transform: rotate(45deg);
}

.modal {
  z-index: 2;
  background-color: #1f1f1f66;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.p-text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.5;
}

.uui-blogpost04_author-text {
  color: #333;
  letter-spacing: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.background-video-3 {
  border-radius: 20px;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

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

.s-subheading {
  color: #333;
  text-align: center;
  font-size: 3.6rem;
  line-height: 1.5;
}

.s-subheading.left {
  text-align: left;
  text-align: left;
  margin-top: 0;
  font-size: 3.2rem;
  font-weight: 400;
}

.s-subheading.small {
  text-align: left;
  margin-bottom: 10px;
  font-size: 2rem;
}

.p-d-wrapper {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.p-p-details-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.uui-blogpost04_author-content {
  margin-right: 0;
}

.uui-blog05_image-wrapper {
  z-index: 5;
  width: 100%;
  padding-top: 51.25%;
  position: relative;
  overflow: hidden;
}

.modal--db {
  z-index: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #1f1f1f66;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: static;
  inset: 0%;
  overflow: visible;
}

.div-block-18 {
  padding: 20px;
}

.background-video-2 {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-19 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: flex;
}

.modal--hwt {
  z-index: 998;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #1f1f1f66;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.div-block-20 {
  padding: 20px;
}

.div-block-21 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: flex;
}

.div-block-22 {
  padding: 20px;
}

.div-block-23 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: flex;
}

.modal--ruvi {
  z-index: 998;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #1f1f1f66;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal-bg {
  width: 100%;
  height: 100%;
  position: static;
  inset: 0 0% 0%;
}

.clicl-wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  position: absolute;
  inset: 1% auto auto 1%;
}

.text-block {
  filter: blur();
  color: #f5f5f5;
  text-shadow: 1px 1px #0003;
  overflow-wrap: anywhere;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  display: block;
}

.image-17 {
  opacity: .74;
  background-image: linear-gradient(90deg, #0d0f11 21%, #ffffff21 81%);
}

.rich-text-block-2 {
  color: #a7a7a7;
}

.rich-text-block-3 {
  width: 60%;
}

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

.modal--bond {
  z-index: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #1f1f1f66;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.vertical-space {
  width: 10rem;
  height: 1rem;
}

.testimonials-wrapper {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.uui-testimonial11_content-right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.uui-testimonial11_arrow {
  color: #667085;
  background-color: #202020;
  border: 1px #eaecf0;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .3s;
  display: flex;
  inset: auto 0% 0% auto;
}

.uui-testimonial11_arrow:hover {
  background-color: #474747;
}

.uui-testimonial11_arrow.left {
  inset: auto auto 0% 0%;
}

.uui-testimonial11_slide {
  background-image: linear-gradient(135deg, #0000 41%, #ffffff0d 58%, #ffffff12 67%, #fff0 84%), linear-gradient(#191919, #101010);
  border: 2px solid #1d1d1d;
  margin-right: 4rem;
  padding: 1rem;
  box-shadow: inset 0 0 16px #00000091;
}

.uui-testimonial11_content {
  grid-column-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-testimonial08_logo {
  opacity: .59;
  max-height: 3.6rem;
}

.uui-button-icon-3 {
  color: silver;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-testimonial11_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  display: block;
  inset: auto 0% 0%;
}

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

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

.uui-testimonial11_divider {
  background-color: #333;
  align-self: stretch;
  width: 1px;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.uui-testimonial11_client {
  text-align: left;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.uui-testimonial11_component {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 5rem;
}

.newbutton {
  background-color: #2e2e2e;
  border: 1px #000;
  border-radius: 5px;
  padding: .5rem;
  transition: all .2s;
}

.newbutton:hover {
  background-color: #000;
}

.text-block-2 {
  color: #e6e6e6;
  font-family: Satoshi, sans-serif;
  font-weight: 300;
}

.carousel-container {
  width: 200%;
  display: flex;
}

.galley-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  transform-style: preserve-3d;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: .5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 1rem;
  display: flex;
  overflow: hidden;
  transform: none;
}

.gallery-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  width: 50%;
  transition: transform .3s;
  display: flex;
  overflow: visible;
}

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

.modal-newbond {
  z-index: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #1f1f1f66;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: static;
  inset: 0%;
  overflow: visible;
}

.button-row {
  justify-content: center;
  align-items: center;
  min-height: 3rem;
  display: flex;
}

.tab-link-copy {
  color: #272727;
  background-color: #ddd0;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.5;
  display: flex;
}

.tab-link-copy.w--current {
  color: #272727;
  background-color: #ececec;
  border: 1px solid #fff;
  border-radius: .5rem;
  overflow: hidden;
  box-shadow: 0 0 10px #0000001a;
}

.tabs-content-copy {
  box-shadow: none;
  border: 1px solid #fff;
  border-radius: .5rem;
}

.modal-contentbond {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #1f1f1f66;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.p-main-copy {
  box-sizing: border-box;
  padding-top: 54%;
  position: relative;
  overflow: visible;
}

.background-video-3-copy {
  border-radius: 20px;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.uui-text-style-link {
  color: var(--untitled-ui--gray600);
  text-decoration: underline;
  transition: color .3s;
}

.uui-text-style-link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

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

.uui-form_input {
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray900);
  border-radius: .5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input:focus {
  border-color: var(--untitled-ui--primary300);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
  color: var(--untitled-ui--gray900);
}

.uui-form_input::placeholder {
  color: var(--untitled-ui--gray500);
}

.uui-blogpost04_form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
}

.uui-blogpost04_form {
  margin-bottom: 0;
}

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

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

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

.uui-heading-xsmall {
  color: var(--white);
  letter-spacing: 0;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

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

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

.icon-featured-large {
  background-color: var(--untitled-ui--primary100);
  color: var(--untitled-ui--primary600);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.uui-blogpost04_newsletter {
  background-color: var(--untitled-ui--gray50-2);
  border-radius: 1rem;
  padding: 2rem 2rem 2.5rem;
  position: sticky;
  top: 5rem;
}

.uui-text-rich-text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.uui-text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.uui-text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.uui-text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.uui-text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text h5 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.uui-text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-rich-text p {
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  line-height: 1.4;
}

.uui-text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-style: italic;
}

.uui-text-rich-text a {
  text-decoration: underline;
}

.uui-text-rich-text figcaption {
  color: var(--untitled-ui--gray500);
  text-align: left;
  margin-top: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
}

.uui-blogpost04_content {
  margin-bottom: 4rem;
}

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

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon.text-color-gray400 {
  color: var(--untitled-ui--gray400);
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.uui-button-secondary-gray.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.uui-button-secondary-gray.icon-only {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

.uui-blogpost04_share {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  display: grid;
}

.uui-blogpost04_author-text-2 {
  color: var(--untitled-ui--gray600);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.uui-blogpost04_author-subheading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-blogpost04_author-content-2 {
  margin-right: 4rem;
}

.uui-blogpost04_author-wrapper {
  align-items: center;
  display: flex;
}

.uui-blogpost04_content-top {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
}

.uui-blogpost04_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-blogpost04_image-wrapper {
  width: 100%;
  margin: 4rem auto 2rem;
  padding-top: 40%;
  position: relative;
  overflow: hidden;
}

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

.uui-heading-large {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

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

.uui-blogpost04_read-time {
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.uui-blogpost04_category-link {
  background-color: var(--black);
  color: var(--white);
  border-radius: 1rem;
  align-items: center;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.uui-blogpost04_category-link:hover {
  color: var(--untitled-ui--primary800);
}

.uui-blogpost04_meta-wrapper {
  background-color: var(--untitled-ui--primary50);
  color: var(--untitled-ui--primary700);
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 1rem;
  padding: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-button-link {
  grid-column-gap: .5rem;
  color: var(--white);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link:hover {
  color: var(--white);
}

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

.uui-button-row.button-row-center {
  justify-content: center;
}

.uui-blogpost04_header {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

.uui-text-divider {
  color: var(--untitled-ui--gray600);
  margin-left: .25rem;
  margin-right: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-blogpost01_date-wrapper {
  align-items: center;
  display: flex;
}

.uui-blogpost01_author-heading {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 600;
}

.uui-blogpost01_author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.uui-blogpost01_author-image-wrapper {
  margin-right: 1rem;
}

.uui-blogpost01_author-wrapper {
  align-items: center;
  display: flex;
}

.uui-blogpost01_divider {
  background-color: #c7c7c7;
  width: 100%;
  max-width: 48rem;
  height: 1px;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.uui-badge {
  grid-column-gap: .375rem;
  background-color: var(--untitled-ui--gray100);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: Satoshi, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge.is-pink {
  background-color: var(--untitled-ui--pink50);
  color: var(--untitled-ui--pink700);
}

.uui-badge.is-indigo {
  background-color: var(--untitled-ui--indigo50);
  color: var(--untitled-ui--indigo700);
}

.uui-badge.is-primary {
  background-color: var(--untitled-ui--primary50);
  color: var(--untitled-ui--primary700);
}

.uui-blogpost01_tag-list {
  grid-column-gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.uui-blogpost01_tag-list-wrapper {
  width: 50%;
}

.uui-blogpost01_share {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  margin-top: 1rem;
  display: grid;
}

.uui-blogpost01_share-heading {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.uui-blogpost01_share-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.uui-blogpost01_content-bottom {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.uui-blogpost01_content {
  margin-bottom: 4rem;
}

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

.uui-blogpost01_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-blogpost01_image-wrapper {
  width: 100%;
  margin-bottom: 4rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}

.uui-blogpost01_content-top {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 3rem;
  display: flex;
}

.uui-heading-large-2 {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-breadcrumb-link {
  color: var(--untitled-ui--gray600);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.uui-breadcrumb-link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-breadcrumb-link.w--current {
  color: var(--untitled-ui--primary700);
  font-weight: 600;
}

.uui-breadcrumb-link.w--current:hover {
  color: var(--untitled-ui--primary800);
}

.uui-breadcrumb-divider {
  color: var(--untitled-ui--gray500);
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: .5rem;
  margin-right: .5rem;
  display: flex;
}

.uui-blogpost01_breadcrumb {
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
}

.uui-blogpost01_title-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-blogsection02_title-link {
  margin-bottom: .5rem;
  text-decoration: none;
  display: block;
}

.uui-blogsection02_read-time {
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.uui-blogsection02_category-link {
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--primary700);
  border-radius: 1rem;
  align-items: center;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-blogsection02_category-link:hover {
  color: var(--untitled-ui--primary800);
}

.uui-blogsection02_meta-wrapper {
  background-color: var(--untitled-ui--primary50);
  color: var(--untitled-ui--primary700);
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-blogsection02_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.uui-blogsection02_image-link {
  width: 100%;
  margin-bottom: 0;
  transition: all .3s;
}

.uui-blogsection02_image-link:hover {
  box-shadow: 0 24px 48px -12px #1018282e;
}

.uui-blogsection02_item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.uui-blogsection02_component {
  flex-direction: column;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.uui-text-size-large {
  letter-spacing: normal;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5;
}

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

.uui-heading-medium {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-heading-subheading {
  color: var(--untitled-ui--primary600);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

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

.div-block-25 {
  background-color: #242424;
  background-image: radial-gradient(circle farthest-side, #191c22, #0000);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

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

.p-footer-text {
  font-family: Satoshi, sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.5;
}

.code-embed {
  margin-top: 1rem;
}

.sk_navbar-2 {
  z-index: 994;
  cursor: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 63.8px;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

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

.uui-text-rich-text-2 {
  color: var(--untitled-ui--gray600);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text-2 h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.uui-text-rich-text-2 h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.uui-text-rich-text-2 h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.uui-text-rich-text-2 h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text-2 h5, .uui-text-rich-text-2 h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text-2 p {
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.uui-text-rich-text-2 blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-style: italic;
}

.uui-text-rich-text-2 a {
  text-decoration: underline;
}

.uui-text-rich-text-2 figcaption {
  color: var(--untitled-ui--gray500);
  text-align: left;
  margin-top: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
}

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

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

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

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

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

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

.uui-blogpost01_author-wrapper-2 {
  align-items: center;
  display: flex;
}

.uui-blogpost01_title-wrapper-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-blogpost01_image-wrapper-2 {
  width: 100%;
  margin-bottom: 4rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}

.uui-blogpost01_content-2 {
  margin-bottom: 4rem;
}

.uui-blogpost01_content-bottom-2 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.uui-blogpost01_share-wrapper-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.uui-blogpost01_share-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  margin-top: 1rem;
  display: grid;
}

.uui-blogpost01_tag-list-wrapper-2 {
  width: 50%;
}

.uui-blogpost01_tag-list-2 {
  grid-column-gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

.uui-blogpost01_divider-2 {
  background-color: var(--untitled-ui--gray200);
  width: 100%;
  max-width: 48rem;
  height: 1px;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.uui-blogpost01_date-wrapper-2 {
  align-items: center;
  display: flex;
}

.uui-blogpost01_author-image-2 {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.uui-blogpost01_author-image-wrapper-2 {
  margin-right: 1rem;
}

.uui-text-divider-2 {
  color: var(--untitled-ui--gray600);
  margin-left: .25rem;
  margin-right: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-blogpost01_content-top-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 3rem;
  display: flex;
}

.breadcrumb {
  z-index: 995;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.uui-breadcrumb-link-2 {
  opacity: .6;
  color: #333;
  font-family: Satoshi, sans-serif;
  font-weight: 500;
  transition: all .3s;
  transform: scale(.95);
}

.uui-breadcrumb-link-2:hover {
  opacity: 100;
  transform: scale(1);
}

.uui-breadcrumb-link-2.w--current {
  color: var(--untitled-ui--primary700);
  font-weight: 600;
}

.uui-breadcrumb-link-2.w--current:hover {
  color: var(--untitled-ui--primary800);
}

.uui-breadcrumb-divider-2 {
  opacity: .6;
  color: var(--untitled-ui--gray500);
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: .5rem;
  margin-right: .5rem;
  display: flex;
}

.uui-breadcrumb-divider-2.left {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.uui-blogpost01_image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-button-icon-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon-4.text-color-gray400 {
  color: var(--untitled-ui--gray400);
}

.uui-badge-2 {
  grid-column-gap: .375rem;
  background-color: var(--untitled-ui--gray100);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge-2.is-primary {
  background-color: var(--untitled-ui--primary50);
  color: var(--untitled-ui--primary700);
}

.uui-badge-2.is-pink {
  background-color: var(--untitled-ui--pink50);
  color: var(--untitled-ui--pink700);
}

.uui-badge-2.is-indigo {
  background-color: var(--untitled-ui--indigo50);
  color: var(--untitled-ui--indigo700);
}

.uui-button-secondary-gray-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-2.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.uui-button-secondary-gray-2.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.uui-button-secondary-gray-2.icon-only {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

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

.uui-blogpost01_author-heading-2 {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
}

.uui-blogpost01_share-heading-2 {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

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

.navbar-2 {
  border: 1px solid var(--white);
  background-color: #ececec;
  border-radius: 1rem;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 60rem;
  height: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  box-shadow: 0 2px 7px #0003;
}

.div-block-27 {
  z-index: 999;
  width: 100vw;
  height: auto;
  position: fixed;
  inset: auto 0% 0%;
}

.space-xs {
  min-height: 1rem;
}

.image-18 {
  width: 100%;
}

.col-d-10 {
  flex: 0 83.3333%;
  max-width: 83.333%;
  padding-left: .75rem;
  padding-right: .75rem;
}

.services_group-item {
  letter-spacing: -.022em;
  white-space: nowrap;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.services_group-divider {
  background-color: #165ff2;
  width: 100%;
  height: 1.2px;
}

.services_gategory-heading {
  letter-spacing: -.022em;
  white-space: nowrap;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.services_gategory-heading.in-group {
  border-bottom: 1.2px solid #165ff2;
  width: 100%;
  padding-bottom: .5rem;
  display: none;
}

.services_group {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.services_right-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-left: 1.2px solid #165ff2;
  flex-direction: column;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  display: flex;
}

.text-size-x1 {
  letter-spacing: -.006em;
  font-size: .875rem;
  line-height: 1.5;
}

.container-4 {
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  justify-content: center;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.section_services {
  padding-top: 20vh;
  padding-bottom: 100vh;
}

.services_category-wrapper {
  height: 3rem;
  overflow: hidden;
}

.services_left-sticky {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 1rem;
}

.services_left-col {
  grid-row-gap: .25rem;
  flex: none;
  max-width: 33%;
  position: relative;
}

.services_wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: row;
  display: flex;
}

.pg-loading-text-progress {
  align-items: flex-start;
  margin-bottom: -1.2em;
  display: flex;
  position: relative;
}

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

.page-load-container {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 95vh;
  display: flex;
}

.super-text-xl {
  white-space: nowrap;
  font-size: 15em;
  line-height: 1;
}

.super-text-xl.medium {
  font-weight: 500;
}

.heading-xsm {
  z-index: 1;
  font-size: 1.5em;
  line-height: 1;
  position: relative;
}

.page-load-div {
  z-index: 20000;
  background-color: #0d0d0d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.pg-loading-text-div {
  color: #fff;
}

.pg-loading-bracket-img {
  width: 1em;
}

.page-load-top {
  display: flex;
}

.pg-loading-number {
  color: #fff;
  margin-top: -2em;
  margin-right: 2em;
}

.pg-loading-percent-div {
  color: #fff;
  align-items: center;
  display: flex;
}

.container-lg {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.trigger {
  display: none;
}

.text-block-3 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.trail {
  z-index: 1100;
  cursor: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.trail__img {
  background-image: url('../images/70cba558-a5a2-4ceb-9789-467df283eda3.avif');
  background-position: 0 0;
  background-size: cover;
}

.data-scramble {
  filter: blur();
  color: #f5f5f5;
  text-shadow: 1px 1px #0003;
  overflow-wrap: anywhere;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  display: block;
}

.dock-container {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dock {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #e4e4e4e6;
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  padding: .3rem;
  display: flex;
  box-shadow: 0 4px 6px #00000026;
}

.dock-item {
  color: #7e7e7e;
  background-color: #f5f5f5;
  background-image: linear-gradient(0deg, #eaeaea, #fdfdfd);
  border: 1px solid #cacaca;
  border-right-width: 0;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 2rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  transition: all .2s;
  display: flex;
}

.dock-item:hover {
  transform: translate(0, 2px);
}

.dock-item.left {
  border-right-width: 0;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding-left: 2.5rem;
}

.dock-item.right {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 2.5rem;
}

.dock-tooltip {
  line-height: 1;
}

.dock-tooltip.active {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
}

.code-embed-2 {
  display: none;
}

.div-block-28 {
  display: block;
  position: relative;
}

.code-embed-3 {
  position: absolute;
  inset: 0%;
}

.div-block-29 {
  height: 100%;
}

.code-embed-4 {
  position: static;
  inset: 0%;
}

.grid-item-mini-text-2 {
  color: silver;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

.grid-item-mini-text-2.center {
  text-align: center;
}

.grid-item-mini-text-2._2 {
  color: #3a3a3a;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.hero-bg-wrapper {
  opacity: .43;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.code-embed-5 {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.button-2 {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-color: #303030;
  background-image: none;
  border: 1px solid #cdcdcd;
  border-radius: 5px;
  margin-top: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  transition: all .3s;
}

.button-2:hover {
  background-color: #3f3f3f;
  background-image: none;
  transform: scale(1.04);
}

.gallery-grid-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  transform-style: preserve-3d;
  background-color: #f5f5f5;
  border: 1px solid #c8c8c8;
  border-radius: 0;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 1rem 0;
  display: flex;
  overflow: visible;
  transform: none;
}

._3d-row-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 120%;
  transition: transform .3s;
  display: flex;
  overflow: hidden;
}

._3d-row-copy._1 {
  width: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.section-heading {
  color: #565656;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(0deg, #333, #ababab);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}

.section-heading-wrapper {
  color: #989898;
  transition: all .3s;
  overflow: hidden;
}

.div-block-30 {
  position: relative;
}

.sk_navbar-copy-copy {
  z-index: 995;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: auto;
  background-color: #ececec;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 63.8px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.heading-4 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #1f1f1f, #919191);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.div-block-31 {
  aspect-ratio: 16 / 9;
  background-image: url('../images/sk-p-bg.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  border: 1px solid #fff;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  box-shadow: 0 4px 13px #0000001c;
}

.div-block-31._2 {
  background-image: url('../images/sk-p-bg-2.avif');
}

.text-block-4 {
  margin-top: 10px;
}

.code-embed-6 {
  width: 100%;
  height: 100%;
}

.marquee {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.marquee-content._3d-row-copy {
  flex: none;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  height: 100%;
  position: static;
  inset: 0%;
  overflow: visible;
}

.marquee-content._3d-row-copy.scroll {
  justify-content: space-around;
  align-items: stretch;
}

.marquee-content._2nd {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.new-section-headig {
  transition: all .3s;
  overflow: hidden;
}

.new-heading {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.new-heading.light {
  color: #c9c9c9;
  line-height: 1.2;
}

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

.div-block-32 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-block-5 {
  position: sticky;
  top: 0;
}

.image-20 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.rich-text-block-4 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.link-block {
  color: #333;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.link-block-2, .link-block-3 {
  color: #333;
}

.div-block-33 {
  z-index: -1;
  opacity: .6;
  background-image: linear-gradient(45deg, #ffffff17, #c2c2c226 17%, #ffffff6b 28%, #8a8a8a87 42%, #ffffffab 59%, #c2c2c2cc 79%, #fff);
  position: absolute;
  inset: 0%;
}

.footer-bg {
  z-index: -1;
  opacity: .48;
  background-image: url('../images/footer-bg.avif');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .navbar-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-logos02_component {
    padding: 3rem;
  }

  .card-transition-block {
    inset: 0%;
  }

  .new-p-row._2 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .new-p-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .services-heading {
    font-size: 6rem;
  }

  .anim-gr-d-content {
    padding-right: 1rem;
  }

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

  .website_category_div-card {
    height: 10vh;
  }

  .grid {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .p-main {
    padding-top: 68%;
  }

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

  .p-2col.left {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .modal {
    padding-top: 0;
    overflow: auto;
  }

  .p-image-wrapper {
    display: flex;
  }

  .p-d-wrapper, .p-d-wrapper._3 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-block {
    font-size: 1.4rem;
  }

  .uui-testimonial11_content {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-heading-medium-2 {
    font-size: 3.5rem;
  }

  .p-main-copy {
    padding-top: 68%;
  }

  .uui-blogpost04_newsletter {
    position: static;
  }

  .uui-blogpost04_content {
    margin-bottom: 3rem;
  }

  .uui-blogpost04_content-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-blogpost04_image-wrapper {
    margin-bottom: 3rem;
    padding-top: 56.25%;
  }

  .uui-heading-large {
    font-size: 2.75rem;
  }

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

  .uui-blogpost01_content {
    margin-bottom: 3rem;
  }

  .uui-blogpost01_image-wrapper {
    margin-bottom: 3rem;
    padding-top: 56.25%;
  }

  .uui-heading-large-2 {
    font-size: 2.75rem;
  }

  .uui-blogpost01_title-wrapper {
    margin-bottom: 4rem;
  }

  .uui-blogsection02_list {
    grid-template-columns: 1fr 1fr;
  }

  .uui-heading-large-3 {
    font-size: 2.75rem;
  }

  .uui-blogpost01_title-wrapper-2 {
    margin-bottom: 4rem;
  }

  .uui-blogpost01_image-wrapper-2 {
    margin-bottom: 3rem;
    padding-top: 56.25%;
  }

  .uui-blogpost01_content-2 {
    margin-bottom: 3rem;
  }

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

  .navbar-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .col-d-10 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .services_group-item {
    font-size: 2.25rem;
  }

  .services_gategory-heading {
    font-size: 2rem;
  }

  .container-4 {
    grid-row-gap: 1rem;
  }

  .services_category-wrapper {
    height: 2.5rem;
  }

  .super-text-xl {
    font-size: 12em;
  }

  .heading-xsm {
    font-size: 2vw;
  }

  .data-scramble {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .middle_nav_bar_text, .nav_cta-link, .navlogo_text {
    font-size: 16px;
  }

  .display-xl {
    font-size: 1.6rem;
  }

  .uui-logos02_component {
    padding: 2.5rem 1.5rem;
  }

  .uui-logos02_wrapper {
    padding: .5rem 1rem;
  }

  .tags {
    font-size: .9rem;
  }

  .new-p-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .heading-2 {
    font-size: .9rem;
  }

  .services-heading {
    font-size: 3.6rem;
  }

  .new-p-title {
    align-items: flex-start;
  }

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

  .website_category_div-card {
    height: 6vh;
  }

  .card {
    justify-content: center;
  }

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

  .grid {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .display-l {
    font-size: 1.5rem;
  }

  .fixed-footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .container-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .p-main {
    padding-top: 56%;
  }

  .p-description-2 {
    font-size: 1rem;
  }

  .p-2col {
    align-items: center;
  }

  .p-description {
    font-size: 1rem;
  }

  .modal {
    padding-top: 0;
    padding-bottom: 0;
    overflow: auto;
  }

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

  .background-video-3 {
    height: 100%;
  }

  .s-subheading {
    font-size: 3rem;
  }

  .p-d-wrapper {
    width: 100%;
  }

  .p-d-wrapper._3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .p-p-details-wrapper {
    width: 90%;
    margin-bottom: 2rem;
  }

  .vertical-space {
    width: 6rem;
  }

  .uui-testimonial11_content-right {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .uui-testimonial11_arrow {
    inset: 0% 0% auto auto;
  }

  .uui-testimonial11_arrow:hover {
    background-color: #fff;
  }

  .uui-testimonial11_arrow.left {
    right: 3.5rem;
  }

  .uui-testimonial11_slide {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-testimonial11_content {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-testimonial08_logo {
    max-height: 2.5rem;
  }

  .uui-testimonial11_logo-wrapper {
    margin-top: 1rem;
  }

  .uui-testimonial11_slide-nav {
    inset: 0% auto auto 0%;
  }

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-testimonial11_divider {
    display: none;
  }

  .uui-testimonial11_client {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .uui-testimonial11_component {
    padding-top: 5rem;
    padding-bottom: 0;
  }

  .p-main-copy {
    padding-top: 56%;
  }

  .background-video-3-copy {
    height: 100%;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-heading-xsmall {
    font-size: 1.25rem;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-blogpost04_newsletter {
    padding: 1.5rem 1.5rem 2rem;
  }

  .uui-text-rich-text figure {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .uui-text-rich-text figcaption {
    margin-top: .75rem;
  }

  .uui-blogpost04_content {
    margin-bottom: 2rem;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-blogpost04_author-wrapper {
    margin-bottom: 2rem;
  }

  .uui-blogpost04_content-top {
    flex-direction: column;
    margin-bottom: 3rem;
  }

  .uui-blogpost04_image-wrapper {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem;
  }

  .uui-heading-large {
    font-size: 2.25rem;
  }

  .uui-blogpost04_category-link {
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .uui-blogpost04_meta-wrapper {
    margin-top: 2rem;
    font-size: .75rem;
  }

  .uui-button-link {
    font-size: 1rem;
  }

  .uui-button-link:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-button-row {
    align-self: stretch;
  }

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

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

  .uui-blogpost01_author-heading {
    font-size: 1rem;
  }

  .uui-blogpost01_author-image {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
  }

  .uui-blogpost01_author-image-wrapper {
    margin-right: .75rem;
  }

  .uui-blogpost01_divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .uui-badge {
    padding: .125rem .5rem;
  }

  .uui-blogpost01_content {
    margin-bottom: 2rem;
  }

  .uui-blogpost01_content-top {
    margin-top: 2rem;
  }

  .uui-heading-large-2 {
    font-size: 2.25rem;
  }

  .uui-blogpost01_title-wrapper {
    margin-bottom: 3rem;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

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

  .uui-blogsection02_category-link {
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .uui-blogsection02_meta-wrapper {
    font-size: .75rem;
  }

  .uui-blogsection02_image-link {
    margin-bottom: 1.5rem;
  }

  .uui-blogsection02_image-link:hover {
    box-shadow: none;
  }

  .uui-blogsection02_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-blogsection02_component {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .p-footer-text {
    font-size: 1rem;
  }

  .uui-text-rich-text-2 figure {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .uui-text-rich-text-2 figcaption {
    margin-top: .75rem;
  }

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

  .uui-heading-large-3 {
    font-size: 2.25rem;
  }

  .uui-blogpost01_title-wrapper-2 {
    margin-bottom: 3rem;
  }

  .uui-blogpost01_content-2 {
    margin-bottom: 2rem;
  }

  .uui-blogpost01_divider-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .uui-blogpost01_author-image-2 {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
  }

  .uui-blogpost01_author-image-wrapper-2 {
    margin-right: .75rem;
  }

  .uui-blogpost01_content-top-2 {
    margin-top: 2rem;
  }

  .uui-badge-2 {
    padding: .125rem .5rem;
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

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

  .uui-blogpost01_author-heading-2 {
    font-size: 1rem;
  }

  .col-d-10 {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .services_gategory-heading.in-group {
    display: block;
  }

  .container-4 {
    grid-row-gap: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section_services {
    padding-top: 10vh;
    overflow: hidden;
  }

  .services_left-col {
    display: none;
  }

  .super-text-xl {
    font-size: 14vw;
  }

  .heading-xsm {
    font-size: 3vw;
  }

  .page-load-btm {
    position: relative;
    top: -4em;
  }

  .pg-loading-number {
    margin-top: -.7em;
  }

  .dock-item {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    font-size: 1rem;
  }

  .dock-item.left {
    padding-left: 2rem;
    padding-right: 1rem;
  }

  .dock-item.right {
    padding: 1.6rem 2rem 1.6rem 1rem;
  }

  .gallery-grid-copy {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }
}

@media screen and (max-width: 479px) {
  .navbar-container {
    justify-content: space-around;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sk_navbar_cta {
    display: none;
  }

  .mobile-button-line {
    background-color: #3997f7;
    height: 2px;
  }

  .navbar_mobile {
    display: flex;
  }

  .nav-inside-container {
    display: none;
  }

  .middle_nav_bar_text {
    font-size: 16px;
  }

  .sk_navbar_logo {
    justify-content: space-between;
  }

  .sk_navbar_logo.w--current {
    padding: 10px 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-weight: 700;
  }

  .dropdown-list-2 {
    background-color: #ddd0;
    margin-top: 18%;
    inset: 0%;
  }

  .dropdown-list-2.w--open {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: #ddddddb8;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    height: auto;
    margin-top: 0%;
    margin-bottom: 70px;
    inset: -377% 0% 0%;
  }

  .navlinks-div {
    background-color: #f5f5f5;
    border-radius: 0;
    justify-content: center;
    width: 100%;
    margin-right: 0;
    padding: 20px;
  }

  .navlinks-div:hover {
    background-color: #e4e4e4;
  }

  .dropdown-toggle-2 {
    padding: 0;
  }

  .sk_navbar_cta-mobile {
    color: #1c1c1c;
    background-color: #fff;
    border-style: none;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .sk_navbar_cta-mobile:hover {
    color: #fff;
    background-color: #000;
  }

  .dropdown-2 {
    margin-left: auto;
    margin-right: 0;
    position: static;
  }

  .display-xl {
    font-size: 1.5rem;
  }

  .uui-logos02_logo-row {
    justify-content: center;
  }

  .gallery-grid {
    padding: 0;
  }

  .gallery-item {
    aspect-ratio: auto;
    justify-content: center;
  }

  .gallery-item.m {
    display: none;
  }

  .uui-logos02_wrapper {
    justify-content: center;
    align-items: flex-start;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .card-button-wrapper {
    z-index: 1;
    justify-content: flex-end;
    display: none;
    top: 1rem;
    left: 1rem;
    right: 1rem;
  }

  .tags {
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .6rem;
  }

  .new-p-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-template-columns: 3fr;
  }

  .new-p-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .heading-2 {
    margin-bottom: 3px;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.4;
    display: block;
  }

  .services-heading {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 2.7rem;
    font-weight: 600;
  }

  .card-image, .card-image._2 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .card-content {
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }

  .card-transition-image {
    display: none;
    top: 35%;
    left: 60%;
  }

  .card-button {
    background-color: #fff0;
    width: 2rem;
    height: 1rem;
  }

  .card-button._2 {
    display: block;
  }

  .new-p-card-holder {
    padding-bottom: .5rem;
  }

  .new-p-title {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: .25rem;
  }

  .services-wrapper {
    overflow: hidden;
  }

  .heading {
    font-size: 1.2rem;
  }

  .tab-link {
    padding-left: 0;
    padding-right: 0;
    font-size: .9rem;
  }

  .anim-gr-d-content {
    padding-right: 2rem;
  }

  .tab-panel._2 {
    padding: 0;
  }

  .tools_grid-copy {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .tabs-menu {
    flex-direction: row;
  }

  .tools_text {
    font-size: .8rem;
    display: none;
  }

  .website_category_div-card {
    justify-content: center;
    padding: 4px 5px 4px 8px;
  }

  .card.grid-2col, .card.grid-2col._2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .card._2.pp {
    padding: 0;
  }

  .video-frame, .video-frame._2 {
    margin-right: -5px;
  }

  .tool_logo_wrapper {
    margin-right: 0;
  }

  .fixed-footer {
    padding-top: 8rem;
    padding-bottom: 2.5rem;
  }

  .footer-social-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .p-description-2 {
    font-size: 1rem;
  }

  .modal-wrapper {
    padding-top: 0;
    display: block;
  }

  .div-block-16 {
    padding-left: 0;
    padding-right: 0;
  }

  .p-2col {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .p-2col.left {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .p-2col.db {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .p-description {
    font-size: 1rem;
  }

  .div-block-17 {
    padding-right: 0;
  }

  .p-image.rounded {
    border-radius: 4px;
  }

  .modal {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    overflow: auto;
  }

  .p-text {
    text-align: left;
    font-size: 1rem;
  }

  .uui-blogpost04_author-text {
    font-size: 14px;
  }

  .p-image-wrapper {
    width: 100%;
  }

  .p-footer {
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    display: flex;
  }

  .s-subheading {
    font-size: 2.8rem;
  }

  .p-d-wrapper {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .p-p-details-wrapper {
    width: 100%;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .modal--db {
    overflow: auto;
  }

  .div-block-19, .div-block-21, .div-block-23 {
    padding-right: 0;
  }

  .text-block {
    display: none;
  }

  .rich-text-block-3 {
    width: 100%;
  }

  .div-block-24 {
    z-index: 4;
    position: relative;
  }

  .vertical-space {
    display: none;
  }

  .uui-testimonial11_arrow {
    inset: auto 0% 0% auto;
  }

  .uui-testimonial11_arrow.left {
    inset: auto auto 0% 0%;
  }

  .uui-testimonial11_slide {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-testimonial11_content {
    grid-template-columns: 1fr;
  }

  .uui-testimonial11_slide-nav {
    inset: auto 0% 0%;
  }

  .uui-heading-medium-2 {
    font-size: 1.5rem;
  }

  .uui-testimonial11_divider {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .uui-testimonial11_component {
    padding-top: 0;
    padding-bottom: 5rem;
  }

  .newbutton {
    padding: .25rem;
    display: none;
  }

  .text-block-2 {
    font-size: .7rem;
  }

  .galley-container {
    padding: 0;
  }

  .tab-link-copy {
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
  }

  .uui-blogpost04_form-wrapper {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .uui-blogpost04_author-wrapper {
    margin-bottom: 1rem;
  }

  .uui-blogpost04_content-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .uui-blogpost01_author-wrapper {
    margin-bottom: 1rem;
  }

  .uui-blogpost01_tag-list {
    justify-content: flex-start;
  }

  .uui-blogpost01_tag-list-wrapper {
    width: 100%;
  }

  .uui-blogpost01_share-wrapper {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .uui-blogpost01_content-bottom, .uui-blogpost01_content-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .p-footer-text {
    text-align: left;
    font-size: 1rem;
  }

  .sk_navbar-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .uui-blogpost01_author-wrapper-2 {
    margin-bottom: 1rem;
  }

  .uui-blogpost01_content-bottom-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .uui-blogpost01_share-wrapper-2 {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .uui-blogpost01_tag-list-wrapper-2 {
    width: 100%;
  }

  .uui-blogpost01_tag-list-2 {
    justify-content: flex-start;
  }

  .uui-blogpost01_content-top-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .uui-breadcrumb-link-2 {
    font-size: 14px;
  }

  .navbar-2 {
    justify-content: space-around;
    padding-left: 10px;
    padding-right: 10px;
  }

  .dropdown-list-2-copy {
    background-color: #ddd0;
    margin-top: 0%;
    inset: 0%;
  }

  .dropdown-list-2-copy.w--open {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: #cecece;
    border-width: 1px;
    border-color: #c8c8c8;
    border-radius: 10px;
    height: auto;
    margin-top: 14%;
    margin-bottom: 70px;
    inset: 0%;
  }

  .services_group-item {
    font-size: 1.75rem;
  }

  .services_right-col {
    padding-left: .5rem;
  }

  .services_wrapper {
    width: 100%;
  }

  .super-text-xl {
    font-size: 16vw;
  }

  .heading-xsm {
    font-size: 4vw;
  }

  .page-load-btm {
    position: relative;
    top: -4em;
  }

  .pg-loading-number {
    margin-right: 0;
    position: relative;
    right: 1em;
  }

  .pg-loading-percent-div {
    margin-left: 0;
    position: relative;
  }

  .data-scramble {
    display: none;
  }

  .dock-item {
    font-size: .9rem;
    display: flex;
  }

  .dock-item.left, .dock-item.right {
    display: flex;
  }

  .dock-item.mh {
    display: none;
  }

  .gallery-grid-copy {
    justify-content: flex-start;
    align-items: stretch;
    padding: 0;
  }

  ._3d-row-copy {
    width: 200%;
  }

  .heading-4 {
    font-size: 2.5rem;
  }

  .div-block-31 {
    aspect-ratio: 2 / 3;
  }

  .text-block-4 {
    text-align: center;
    font-size: 1rem;
  }

  .marquee {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    height: 18vh;
    display: flex;
  }

  .marquee-content._3d-row-copy {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 160%;
    height: 100%;
  }

  .marquee-content._3d-row-copy.scroll {
    width: auto;
  }

  .marquee-content._2nd {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 160%;
  }

  .new-heading {
    font-size: 3rem;
  }

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

#w-node-a3e79821-42b3-459d-84d8-8c62e62cddf1-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end start;
}

#w-node-a3e79821-42b3-459d-84d8-8c62e62cddf4-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a3e79821-42b3-459d-84d8-8c62e62cddf5-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-e914798c-6a34-9347-140e-1ced76415173-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced7641517c-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e914798c-6a34-9347-140e-1ced7641517d-3b55693b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-a4a0fe15-b07e-0fdd-6612-266c05829456-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4a0fe15-b07e-0fdd-6612-266c05829457-3b55693b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e914798c-6a34-9347-140e-1ced76415174-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e914798c-6a34-9347-140e-1ced76415175-3b55693b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-aa9c96ee-d035-5369-a3d6-1ec5e2da0680-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aa9c96ee-d035-5369-a3d6-1ec5e2da0681-3b55693b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e914798c-6a34-9347-140e-1ced76415194-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e914798c-6a34-9347-140e-1ced76415195-3b55693b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e914798c-6a34-9347-140e-1ced7641519c-3b55693b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e914798c-6a34-9347-140e-1ced7641519e-3b55693b {
  align-self: center;
}

#w-node-e914798c-6a34-9347-140e-1ced764151a3-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151a6-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151ae-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151b6-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151c5-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151cf-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151d9-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151e3-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e914798c-6a34-9347-140e-1ced764151ed-3b55693b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d58d8776-4e52-2e66-b6f9-35de0f374500-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151f9-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151fe-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced76415203-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced76415208-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced7641520d-3b55693b, #w-node-_3de5b665-5f88-b243-6369-8db245a3ff02-3b55693b, #w-node-_930b5177-f197-79b1-1c65-99f1dc7ba37b-3b55693b, #w-node-_25bb62fa-dd65-607d-2078-b670493c2e1f-3b55693b, #w-node-d6ea34ee-5cae-bb49-8c78-486c73b6b434-3b55693b, #w-node-a1688050-4792-e9c2-ca01-592255623527-3b55693b, #w-node-_9ed8f650-9bd5-95e4-ee36-2300c900abe8-3b55693b, #w-node-a34a3311-36fd-8a08-2ea5-fd6499af30fd-3b55693b, #w-node-_35d2ac4d-9c51-cc9b-788e-abb88bce69bf-3b55693b, #w-node-a34a3311-36fd-8a08-2ea5-fd6499af3105-3b55693b, #w-node-_9438055f-f828-35ed-8f73-914886b6b64f-3b55693b, #w-node-_9438055f-f828-35ed-8f73-914886b6b652-3b55693b, #w-node-_03a2b014-8d69-fca2-c363-89cde7b00871-3b55693b, #w-node-_03a2b014-8d69-fca2-c363-89cde7b00874-3b55693b, #w-node-_03a2b014-8d69-fca2-c363-89cde7b00877-3b55693b, #w-node-_4678e9b6-bad6-054c-f909-c2b894270aaa-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4678e9b6-bad6-054c-f909-c2b894270aab-3b55693b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_4678e9b6-bad6-054c-f909-c2b894270ab4-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4678e9b6-bad6-054c-f909-c2b894270ab6-3b55693b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4678e9b6-bad6-054c-f909-c2b894270ab8-3b55693b {
  align-self: center;
}

#w-node-_4678e9b6-bad6-054c-f909-c2b894270ac0-3b55693b, #w-node-_4678e9b6-bad6-054c-f909-c2b894270ac3-3b55693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-be038e6c-2a72-ab84-d879-9df3c5f49ded-3b55693b, #w-node-be038e6c-2a72-ab84-d879-9df3c5f49df9-3b55693b {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-be038e6c-2a72-ab84-d879-9df3c5f49e0c-3b55693b {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_8b0ea9df-e2e6-0845-d2d1-28fd26f37830-3b55693c, #w-node-_8b0ea9df-e2e6-0845-d2d1-28fd26f37832-3b55693c, #w-node-_8b0ea9df-e2e6-0845-d2d1-28fd26f3783d-3b55693c, #w-node-_8b0ea9df-e2e6-0845-d2d1-28fd26f3783f-3b55693c, #w-node-_8b0ea9df-e2e6-0845-d2d1-28fd26f37852-3b55693c, #w-node-_8b0ea9df-e2e6-0845-d2d1-28fd26f37855-3b55693c, #w-node-_8b0ea9df-e2e6-0845-d2d1-28fd26f3785c-3b55693c, #w-node-_06022eef-c819-d3f4-d7ed-cd317b7fff0a-ba46c516, #w-node-_06022eef-c819-d3f4-d7ed-cd317b7fff16-ba46c516, #w-node-_06022eef-c819-d3f4-d7ed-cd317b7fff1e-ba46c516, #w-node-_06022eef-c819-d3f4-d7ed-cd317b7fff2a-ba46c516, #w-node-_06022eef-c819-d3f4-d7ed-cd317b7fff32-ba46c516, #w-node-_06022eef-c819-d3f4-d7ed-cd317b7fff3e-ba46c516, #w-node-_06022eef-c819-d3f4-d7ed-cd317b7fff46-ba46c516, #w-node-_06022eef-c819-d3f4-d7ed-cd317b7fff52-ba46c516, #w-node-_06022eef-c819-d3f4-d7ed-cd317b7fff59-ba46c516, #w-node-_06022eef-c819-d3f4-d7ed-cd317b7fff5f-ba46c516, #w-node-_36444240-eda8-b6d5-5f98-ec7fe3ed3f7a-a2b9911a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36444240-eda8-b6d5-5f98-ec7fe3ed3f7d-a2b9911a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_36444240-eda8-b6d5-5f98-ec7fe3ed3f85-a2b9911a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36444240-eda8-b6d5-5f98-ec7fe3ed3f88-a2b9911a, #w-node-_36444240-eda8-b6d5-5f98-ec7fe3ed3f8b-a2b9911a, #w-node-_36444240-eda8-b6d5-5f98-ec7fe3ed3f8e-a2b9911a, #w-node-_36444240-eda8-b6d5-5f98-ec7fe3ed3f91-a2b9911a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_36444240-eda8-b6d5-5f98-ec7fe3ed3f95-a2b9911a, #w-node-_36444240-eda8-b6d5-5f98-ec7fe3ed3f9b-a2b9911a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8fc8c0aa-b8d6-8243-4510-a43e6fcd76f5-cad60e0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_8fc8c0aa-b8d6-8243-4510-a43e6fcd76ee-cad60e0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8fc8c0aa-b8d6-8243-4510-a43e6fcd76f9-cad60e0a, #w-node-_8fc8c0aa-b8d6-8243-4510-a43e6fcd7708-cad60e0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_8fc8c0aa-b8d6-8243-4510-a43e6fcd770c-cad60e0a, #w-node-_8fc8c0aa-b8d6-8243-4510-a43e6fcd7713-cad60e0a, #w-node-fd9cf224-c29d-68ec-3fd3-e4d3f511cda7-292bc592, #w-node-fd9cf224-c29d-68ec-3fd3-e4d3f511cdae-292bc592, #w-node-_6757e6fa-01f4-9cb8-66e9-1665411555c1-1ff63a04, #w-node-_6757e6fa-01f4-9cb8-66e9-1665411555c8-1ff63a04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-be038e6c-2a72-ab84-d879-9df3c5f49ded-3b55693b, #w-node-be038e6c-2a72-ab84-d879-9df3c5f49df9-3b55693b, #w-node-be038e6c-2a72-ab84-d879-9df3c5f49e0c-3b55693b {
    grid-column: span 8 / span 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8b7f0ff3-b890-bda3-023b-8d1b1bbc2331-3b55693b, #w-node-_2d33cb31-47c3-dcb6-e2d4-0ca999dbbd8d-3b55693b {
    order: -9999;
  }

  #w-node-e914798c-6a34-9347-140e-1ced76415173-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced76415194-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151ae-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151b6-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151c5-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151cf-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151d9-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151e3-3b55693b, #w-node-e914798c-6a34-9347-140e-1ced764151ed-3b55693b, #w-node-_4678e9b6-bad6-054c-f909-c2b894270aaa-3b55693b, #w-node-_4678e9b6-bad6-054c-f909-c2b894270ab4-3b55693b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-be038e6c-2a72-ab84-d879-9df3c5f49ded-3b55693b, #w-node-be038e6c-2a72-ab84-d879-9df3c5f49df9-3b55693b, #w-node-be038e6c-2a72-ab84-d879-9df3c5f49e0c-3b55693b {
    grid-column: span 4 / span 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a3e79821-42b3-459d-84d8-8c62e62cddf1-3b55693b {
    align-self: start;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}