@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto_new;
  src: url('../fonts/Roboto-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

:root {
  --body-background: #f5f7fa;
  --body-text: #4a5d69;
  --headings: #1d3444;
  --link-color: #4a5d69;
  --link-hover-color: #3f95ff;
  --borders: #ccd2d4;
  --button-color: #034764;
  --button-hover: #3d3d3d00;
  --brand-color: #0394d8;
  --placeholder-color: #757575;
  --button-text: white;
  --button-text-hover: #034764;
  --button-secondary: #3f95ff00;
  --btn-secondary-hover: #034764;
  --btn-secondary-text: #034764;
  --btn-secondary-text-hover: white;
  --input-background-color: white;
  --background-1: #f5f7fa;
  --background-2: #0394d81a;
  --background-3: #034764;
  --background-4: #0394d8;
  --text-1: #4a5d69;
  --text-2: #4a5568;
  --text-3: #a0aec0;
  --text-4: white;
  --nav-link: #030303;
  --nav-link-hover: #4195ff;
  --ksc-color: #312682;
  --relume-library-lite-rl-black: black;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray900: #101828;
  --untitled-ui--gray600: #475467;
  --relume-library-lite-rl-white: white;
  --untitled-ui--gray700: #344054;
  --untitled-ui--primary50-2: #f9f5ff;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray400: #98a2b3;
  --untitled-ui--gray200: #eaecf0;
  --untitled-ui--gray50: #f9fafb;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--primary200: #e9d7fe;
  --untitled-ui--primary500: #9e77ed;
  --untitled-ui--warning300: #fec84b;
}

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

body {
  background-color: var(--body-background);
  color: var(--body-text);
  font-family: Roboto_new, sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5;
  overflow: visible;
}

h1 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Roboto_new, sans-serif;
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.15;
}

h2 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.1;
}

h3 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.1;
}

h4 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.1;
}

h5 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.1;
}

h6 {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.1;
}

p {
  margin-bottom: 1rem;
}

a {
  color: var(--link-color);
  transition: color .2s ease-in-out;
}

a:hover {
  color: var(--link-hover-color);
}

.list {
  grid-column-gap: 1rem;
  grid-row-gap: .875rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 20px;
  display: grid;
}

.section-in-base {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.container-1280 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.flex-row {
  display: flex;
}

.flex-row-middle {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.flex-space-between {
  justify-content: space-between;
  display: flex;
}

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

.grid-1-column.hatch-sidebar {
  grid-row-gap: .75rem;
}

.grid-2-columns-content-centered {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.grid-3-columns-content-centered {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.hide {
  display: none;
}

.margin-bottom-3 {
  margin-bottom: .75rem;
}

.margin-bottom-4 {
  margin-bottom: 1rem;
}

.margin-bottom-10 {
  margin-bottom: 2.5rem;
}

.margin-bottom-20 {
  margin-bottom: 5rem;
}

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

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

.margin-y-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.margin-y-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.margin-y-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.padding-4 {
  padding: 1rem;
}

.padding-8 {
  padding: 2rem;
}

.padding-top-20 {
  padding-top: 5rem;
}

.padding-bottom-16 {
  padding-bottom: 4rem;
}

.padding-y-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padding-y-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

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

.text-medium {
  font-size: 1.25rem;
}

.text-4xl {
  font-size: 3.75rem;
}

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

.letters-tight {
  letter-spacing: -.025em;
}

.no-underline {
  text-decoration: none;
}

.sticky-top-0 {
  position: sticky;
  top: 0;
}

.border-1px {
  border: 1px solid var(--borders);
}

.border-top-1px {
  border-top: 1px solid var(--borders);
}

.border-bottom-1px {
  border-bottom: 1px solid var(--borders);
}

.border-right-1px {
  border-right: 1px solid var(--borders);
}

.hatch-content-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 220px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hatch-color-swatch {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  min-width: 1.75rem;
  height: 1.75rem;
  display: flex;
  overflow: hidden;
}

.hatch-color-swatch.body-background {
  border: 1px solid var(--borders);
  background-color: var(--body-background);
}

.hatch-color-swatch.body-text {
  background-color: var(--body-text);
}

.hatch-color-swatch.headings {
  background-color: var(--headings);
}

.hatch-color-swatch.border {
  background-color: var(--borders);
}

.hatch-color-swatch.button-color {
  background-color: var(--button-color);
}

.hatch-color-swatch.border-hover {
  background-color: var(--button-hover);
}

.hatch-color-swatch.link-color {
  background-color: var(--link-color);
  color: var(--body-text);
  text-decoration: none;
}

.hatch-color-swatch.brand-color {
  background-color: var(--brand-color);
}

.hatch-color-swatch.placeholder-color {
  background-color: var(--placeholder-color);
}

.hatch-color-swatch.button-text {
  border: 1px solid var(--borders);
  background-color: var(--button-text);
}

.hatch-color-swatch.button-text-hover {
  border: 1px solid var(--borders);
  background-color: var(--button-text-hover);
}

.hatch-color-swatch.button-secondary-color {
  background-color: var(--button-secondary);
}

.hatch-color-swatch.button-secondary-hover-color {
  background-color: var(--btn-secondary-hover);
}

.hatch-color-swatch.button-secondary-text {
  border: 1px solid var(--borders);
  background-color: var(--btn-secondary-text);
}

.hatch-color-swatch.button-secondary-text-hover {
  border: 1px solid var(--borders);
  background-color: var(--btn-secondary-text-hover);
}

.hatch-color-swatch.link-hover-color {
  background-color: var(--link-hover-color);
}

.hatch-color-swatch.form-input-background {
  border: 1px solid var(--borders);
  background-color: var(--input-background-color);
}

.hatch-color-swatch.background-1 {
  border: 1px solid var(--borders);
  background-color: var(--background-1);
}

.hatch-color-swatch.background-2 {
  border: 1px solid var(--borders);
  background-color: var(--background-2);
}

.hatch-color-swatch.background-3 {
  border: 1px solid var(--borders);
  background-color: var(--background-3);
}

.hatch-color-swatch.background-4 {
  background-color: var(--background-4);
}

.hatch-color-swatch.text-1 {
  background-color: var(--text-1);
}

.hatch-color-swatch.text-2 {
  background-color: var(--text-2);
}

.hatch-color-swatch.text-3 {
  background-color: var(--text-3);
}

.hatch-color-swatch.text-4 {
  border: 1px solid var(--borders);
  background-color: var(--text-4);
}

.hatch-color-swatch.nav-link-color {
  background-color: var(--nav-link);
}

.hatch-color-swatch.nav-link-hover-color {
  background-color: var(--nav-link-hover);
}

.hatch-logo {
  color: var(--headings);
  letter-spacing: -.05em;
  text-transform: lowercase;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.max-width-4xl {
  max-width: 48rem;
}

.radius-medium {
  border-radius: .375rem;
}

.opacity-60 {
  opacity: .6;
}

.hatch-webflow-selector {
  background-color: #2b2b2b;
  border-radius: 6px;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px;
  display: flex;
}

.hatch-wf-selector-button {
  background-color: #5e5e5e;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  min-width: 32px;
  height: 2rem;
  margin-right: 10px;
  display: flex;
}

.hatch-wf-selector-icon {
  width: 20px;
  margin-top: -2px;
}

.hatch-wf-class {
  color: #fff;
  background-color: #1895fc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.hatch-wf-class.global {
  background-color: #b5528c;
}

.hatch-wf-class.combo {
  margin-left: 10px;
}

.button {
  background-color: var(--ksc-color);
  color: var(--text-4);
  border-radius: 1rem;
  padding: .8rem 1.3rem;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.button:hover {
  border: 1px solid var(--ksc-color);
  background-color: var(--button-hover);
  color: var(--ksc-color);
}

.button.button-small {
  border-radius: 1rem;
  padding: .5rem .75rem;
  font-size: .875rem;
}

.button.button-small:hover {
  border: 1px solid var(--button-color);
  color: var(--button-text-hover);
}

.button.button-large {
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.link {
  color: #030303;
  transition: color .2s ease-in-out;
}

.link:hover {
  color: #3f95ff;
}

.link.w--current, .hatch-sidebar-link {
  text-decoration: none;
}

.hatch-sidebar-link:hover {
  color: #3f95ff;
}

.hatch-sidebar-link.w--current {
  color: var(--headings);
  border-left: 2px solid #4195ff;
  padding-left: .5rem;
  font-weight: 600;
  text-decoration: none;
}

.form-input {
  border: 1px solid var(--borders);
  background-color: var(--input-background-color);
  border-radius: .25rem;
  height: 3.25rem;
  padding: 1rem;
}

.form-input::placeholder {
  color: var(--placeholder-color);
}

.form-label {
  font-size: .875rem;
  font-weight: 400;
}

.form {
  width: 100%;
  margin-bottom: 0;
}

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

.form-textarea {
  border: 1px solid var(--borders);
  background-color: var(--input-background-color);
  border-radius: .25rem;
  min-height: 6rem;
  padding: 1rem;
}

.form-textarea::placeholder {
  color: var(--placeholder-color);
}

.button-secondary {
  border: 1px solid var(--button-color);
  background-color: var(--button-secondary);
  color: var(--btn-secondary-text);
  border-radius: 1rem;
  padding: .8rem 1.3rem;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.button-secondary:hover {
  background-color: var(--btn-secondary-hover);
  color: var(--btn-secondary-text-hover);
}

.button-secondary.button-small {
  border-radius: 1rem;
  padding: .5rem .75rem;
  font-size: .875rem;
}

.button-secondary.button-large {
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.form-select {
  background-color: var(--input-background-color);
  border-radius: .25rem;
  height: 3.25rem;
  padding: 1rem;
}

.background-color-body {
  background-color: var(--body-background);
}

.background-color-1 {
  background-color: var(--background-1);
}

.background-color-2 {
  background-color: var(--background-2);
}

.nav-link {
  color: var(--nav-link);
}

.nav-link:hover {
  color: var(--nav-link-hover);
}

.learn-more {
  color: #f58a07;
  align-items: center;
  display: flex;
}

.text-color-white {
  color: #fff;
}

.home-featured-services_item-link {
  flex-direction: column;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.nav_logo {
  height: 1.5rem;
}

.nav_logo.bigger {
  height: 3rem;
}

.nav_link {
  color: #4a5d69;
  padding: 1rem;
  font-family: Roboto_new, sans-serif;
  font-weight: 500;
  transition: color .2s;
}

.nav_link:hover, .nav_link:active, .nav_link:focus {
  color: var(--ksc-color);
}

.nav_link.w--current {
  color: var(--ksc-color);
  transition-property: none;
}

.nav_button {
  background-color: var(--ksc-color);
  color: #fff;
  text-align: center;
  border-radius: 1.9375rem;
  justify-content: center;
  align-items: center;
  margin-left: 1.25rem;
  padding: .5rem 2rem;
  font-family: Roboto_new, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: inline-block;
  position: relative;
}

.nav_button:hover {
  border: 1px solid var(--ksc-color);
  color: var(--ksc-color);
  background-color: #fff;
}

.nav_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

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

.nav_button-wrapper {
  display: flex;
}

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

.nav_component {
  background-color: #fff;
  width: 100%;
  padding: .3rem 2.5rem;
  position: fixed;
}

.white {
  color: #fff;
}

.white.no-hover {
  color: #fff;
  transition-property: none;
}

.white.no-hover.no-underline {
  color: var(--body-text);
  text-decoration: none;
}

.footer-flex-container {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.footer-logo-link {
  flex: 0 auto;
  min-width: auto;
  max-height: none;
}

.footer-link {
  color: var(--body-text);
  width: 150px;
  margin-bottom: 10px;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  color: var(--body-text);
  text-decoration: underline;
}

.footer-link.larger {
  width: auto;
}

.footer-link.smaller {
  color: var(--body-text);
  width: 100px;
}

.footer-image {
  object-fit: contain;
  object-position: 0% 50%;
  width: 60%;
  max-width: none;
  height: 100%;
}

.text-color-5 {
  color: var(--body-text);
  transition-property: none;
}

.text-color-5:hover {
  color: var(--body-text);
}

.paragraph-8 {
  color: var(--body-text);
  font-size: 16px;
}

.footer-col {
  width: 20%;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 0;
}

.footer-col.first {
  margin-left: 0;
}

.footer-heading {
  color: var(--headings);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5;
}

.list-2 {
  color: var(--body-text);
}

.c-card {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  transition: all .25s;
  position: relative;
}

.slider-right {
  border: 2px solid var(--nav-link-hover);
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  padding: 15px;
  display: flex;
  box-shadow: 1px 1px 55px #00163214;
}

.slider-left {
  border: 2px solid var(--brand-color);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  padding: 15px;
  display: flex;
}

.slide-3 {
  background-color: #fff;
  border: 1px #4689d733;
  border-radius: 10px;
  height: 100%;
  margin-right: 50px;
  padding: 0;
}

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

.rl_heading1_spacing-block-2 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl-text-style-medium {
  color: var(--relume-library-lite-rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl-text-style-medium.is-white {
  color: #fff;
}

.rl_heading1_spacing-block-1 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_header5_content {
  color: #fff;
  width: 100%;
  max-width: 35rem;
}

.header5_component {
  align-items: center;
  min-height: 100vh;
  max-height: 60rem;
  display: flex;
}

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

.rl-padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_section_header5 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Hero-Image.jpg');
  background-position: 0 0, 40%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: relative;
}

.ksc-color {
  color: #312682;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--ksc-color);
  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-size: 1rem;
  font-weight: 500;
  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);
  color: var(--untitled-ui--gray100);
}

.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-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

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

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

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

.uui-heading-xlarge.text-color-white {
  color: var(--untitled-ui--white);
}

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

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

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

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

.uui-text-size-large {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-size: 1.125rem;
  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: 900;
  line-height: 1.3;
}

.uui-heading-medium.text-color-white {
  color: var(--relume-library-lite-rl-white);
}

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

.uui-heading-xxsmall {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

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

.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-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

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

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

.uui-layout02_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template: ". Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.logo_1 {
  margin: auto;
}

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

.uui-footer04_legal-link {
  color: var(--untitled-ui--gray500);
  font-size: .875rem;
  text-decoration: none;
  transition: all .3s;
}

.uui-footer04_legal-link:hover {
  color: var(--untitled-ui--gray600);
}

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

.uui-text-size-small {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-text-size-small.text-color-gray500 {
  color: var(--untitled-ui--gray500);
}

.uui-footer04_bottom-wrapper {
  grid-column-gap: 1.5rem;
  border-top: 1px solid var(--untitled-ui--gray200);
  justify-content: center;
  margin-top: 4rem;
  padding-top: 2rem;
  display: flex;
}

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

.uui-footer04_social-link {
  color: var(--untitled-ui--gray400);
  align-items: center;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-footer04_social-link:hover {
  color: var(--untitled-ui--gray500);
}

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

.uui-footer04_link {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  text-align: center;
  flex-wrap: nowrap;
  align-items: center;
  padding: .5rem;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

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

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

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

.uui-logo_component {
  flex-wrap: nowrap;
  width: auto;
  height: 4rem;
  display: flex;
}

.uui-footer04_top-wrapper {
  grid-column-gap: 4vw;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1.25fr .25fr;
  justify-content: space-between;
  align-items: center;
}

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

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

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

.rl_gallery10_lightbox-link {
  width: 100%;
  margin-bottom: 2rem;
}

.rl_gallery10_masonry-grid {
  column-count: 3;
  column-gap: 2rem;
  width: 100%;
}

.rl_gallery10_spacing-block-2 {
  width: 100%;
  padding-bottom: 5rem;
}

.rl-text-style-medium-3 {
  color: var(--relume-library-lite-rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_gallery10_spacing-block-1 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_gallery10_heading-wrapper {
  text-align: center;
  width: 100%;
  max-width: 48rem;
}

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

.hover_color:hover {
  color: var(--ksc-color);
}

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

.uui-text-size-medium-2 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-size: 1rem;
  line-height: 1.5;
}

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

.uui-heading-xsmall {
  color: var(--untitled-ui--gray900);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.uui-layout68_item-text-wrapper {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

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

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

.uui-layout68_item {
  display: flex;
}

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

.uui-layout68_image {
  object-fit: cover;
  width: 100%;
}

.uui-layout68_image-wrapper {
  background-color: var(--untitled-ui--gray50);
  width: 100%;
  height: 100%;
}

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

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

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

.uui-layout76_image {
  width: 100%;
}

.uui-layout76_image-wrapper {
  background-color: var(--untitled-ui--gray50);
  width: 100%;
  margin-bottom: 2rem;
  position: relative;
}

.uui-layout76_item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-layout76_list {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

.uui-text-size-large-2 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-size: 1.125rem;
  line-height: 1.5;
}

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

.uui-layout76_component {
  flex-direction: column;
  align-items: center;
  display: block;
}

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

.uui-text-size-medium-3 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-size: 1rem;
  line-height: 1.5;
}

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

.uui-heading-xxsmall-3 {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

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

.uui-icon-featured-outline-large-3 {
  border: .5rem solid var(--untitled-ui--primary50-2);
  background-color: var(--untitled-ui--primary100);
  color: var(--untitled-ui--primary600);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding-top: .25rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

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

.uui-layout77_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

.uui-text-size-large-3 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-size: 1.125rem;
  line-height: 1.5;
}

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

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

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

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

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

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

.uui-banner04_text-wrapper {
  grid-row-gap: .125rem;
  flex-wrap: wrap;
  display: block;
}

.uui-banner04_content {
  flex: 1;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.uui-banner04_wrapper {
  background-image: linear-gradient(#312682, #312682);
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1rem;
  display: block;
  position: relative;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.nav_heading {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 4px;
  font-family: Roboto_new, sans-serif;
  font-size: 1rem;
}

.ksc-link:hover {
  color: var(--ksc-color);
}

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

.rl_gallery7_image-wrapper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.rl_gallery7_lightbox-link {
  width: 100%;
}

.rl_gallery7_image-wrapper-large {
  width: 100%;
  height: 100%;
  position: relative;
}

.rl_gallery_gallery-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100%;
  display: grid;
}

.rl_gallery7_spacing-block-2 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_gallery7_heading-wrapper {
  text-align: left;
  width: 100%;
}

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

.uui-testimonial10_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--ksc-color);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 4rem;
  display: flex;
}

.uui-jugend-image {
  object-fit: cover;
  width: 100%;
  height: 30rem;
}

.uui-testimonial10_component {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--untitled-ui--gray50);
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  overflow: hidden;
}

.text-medium-2 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.header-size {
  font-size: 1.25rem;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  h5 {
    font-size: 1.25rem;
  }

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

  .tablet-flex-column {
    flex-direction: column;
    display: flex;
  }

  .tablet-flex-align-center {
    align-items: center;
    display: flex;
  }

  .grid-2-columns-content-centered {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .grid-3-columns-content-centered {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .tablet-hide {
    display: none;
  }

  .margin-bottom-10 {
    margin-bottom: 2.25rem;
  }

  .margin-bottom-20 {
    margin-bottom: 4.5rem;
  }

  .margin-y-6 {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
  }

  .margin-y-9 {
    margin-top: 2.125rem;
    margin-bottom: 2.125rem;
  }

  .margin-y-12 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .tablet-margin-bottom-8 {
    margin-bottom: 2rem;
  }

  .padding-8 {
    padding: 1.875rem;
  }

  .padding-top-20 {
    padding-top: 4.5rem;
  }

  .padding-bottom-16 {
    padding-bottom: 3.5rem;
  }

  .padding-y-20 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

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

  .text-4xl {
    font-size: 3rem;
  }

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

  .hatch-content-grid {
    grid-template-columns: 1fr;
  }

  .nav_menu-mobile-button-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .nav_link {
    padding: .75rem 2.5rem .57rem;
  }

  .nav_button {
    margin-left: 2.5rem;
  }

  .nav_menu-mobile-button {
    justify-content: center;
    align-items: center;
    padding-top: .25rem;
    padding-bottom: .25rem;
    display: flex;
  }

  .nav_menu-mobile-button.w--open {
    background-color: #edf7ff;
  }

  .nav_menu {
    background-color: #fff;
  }

  .nav_button-wrapper {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .nav_component {
    height: 4rem;
    display: flex;
  }

  .footer-image {
    width: 70%;
  }

  .footer-col {
    width: 30%;
  }

  .slider-right, .slider-left {
    background-color: var(--placeholder-color);
    border-style: none;
    border-radius: 0;
    width: 80px;
    height: 50px;
    padding: 7px;
  }

  .uui-space-large {
    min-height: 2.5rem;
  }

  .uui-heading-xlarge {
    font-size: 3.25rem;
  }

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

  .uui-layout02_image-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 0;
  }

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

  .uui-footer04_top-wrapper {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

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

  .rl_gallery10_spacing-block-2 {
    padding-bottom: 4.5rem;
  }

  .uui-layout68_image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

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

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

  .uui-banner04_text-wrapper {
    flex-wrap: wrap;
  }

  .rl_gallery7_spacing-block-2 {
    padding-bottom: 4.5rem;
  }

  .uui-testimonial10_content {
    padding: 3rem;
  }

  .uui-jugend-image {
    object-fit: cover;
    width: 100%;
    height: 35rem;
  }

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

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.625rem;
  }

  h3 {
    font-size: 1.375rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1.125rem;
  }

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

  .grid-2-columns-content-centered {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

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

  .margin-bottom-3 {
    margin-bottom: .625rem;
  }

  .margin-bottom-4 {
    margin-bottom: .875rem;
  }

  .margin-bottom-10 {
    margin-bottom: 2.125rem;
  }

  .margin-bottom-20 {
    margin-bottom: 4rem;
  }

  .margin-y-6 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .margin-y-9 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .margin-y-12 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .padding-4 {
    padding: .875rem;
  }

  .padding-8 {
    padding: 1.75rem;
  }

  .padding-top-20 {
    padding-top: 4rem;
  }

  .padding-bottom-16 {
    padding-bottom: 3rem;
  }

  .padding-y-4 {
    padding-top: .875rem;
    padding-bottom: .875rem;
  }

  .padding-y-20 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .text-4xl {
    font-size: 2rem;
  }

  .hatch-logo {
    font-size: 1.25rem;
  }

  .nav_link {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav_button {
    margin-left: 1.25rem;
  }

  .nav_logo-link, .nav_logo-link.w--current {
    padding-left: 0;
  }

  .nav_component {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }

  .footer-flex-container {
    flex-wrap: wrap;
  }

  .footer-image {
    object-fit: contain;
    width: 60%;
  }

  .footer-col {
    width: 35%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer-col.first {
    width: 35%;
    margin-left: 20px;
  }

  .footer-heading {
    margin-bottom: 10px;
  }

  .rl_heading1_spacing-block-2 {
    padding-bottom: 1.5rem;
  }

  .rl-text-style-medium {
    font-size: 1rem;
  }

  .rl_heading1_spacing-block-1 {
    padding-bottom: 1.25rem;
  }

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

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

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

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

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

  .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-space-large {
    min-height: 2rem;
  }

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

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

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

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

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

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

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

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

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

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

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

  .uui-footer04_legal-link:hover {
    color: var(--untitled-ui--gray400);
  }

  .uui-footer04_legal-list {
    margin-bottom: 1rem;
  }

  .uui-footer04_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 3rem;
  }

  .uui-footer04_social-link:hover {
    color: var(--untitled-ui--gray400);
  }

  .uui-footer04_link:hover {
    color: var(--untitled-ui--gray500);
  }

  .uui-footer04_link-list {
    grid-column-gap: 1rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    justify-items: center;
  }

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

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

  .rl_gallery10_masonry-grid {
    column-count: 1;
    column-gap: 1.5rem;
  }

  .rl_gallery10_spacing-block-2 {
    padding-bottom: 3rem;
  }

  .rl-text-style-medium-3 {
    font-size: 1rem;
  }

  .rl_gallery10_spacing-block-1 {
    padding-bottom: 1.25rem;
  }

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

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

  .uui-layout68_item-list {
    grid-row-gap: 2.5rem;
  }

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

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

  .uui-layout76_image-wrapper {
    margin-bottom: 1.5rem;
  }

  .uui-layout76_list {
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

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

  .uui-layout76_component {
    align-items: stretch;
  }

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

  .uui-heading-xxsmall-3 {
    font-size: 1.125rem;
  }

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

  .uui-layout77_list {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

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

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

  .uui-layout77_component {
    align-items: stretch;
  }

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

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

  .uui-banner04_text-wrapper {
    align-items: flex-start;
  }

  .uui-banner04_content {
    align-items: flex-start;
    margin-bottom: 1rem;
  }

  .uui-banner04_wrapper {
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
  }

  .rl_gallery7_image-wrapper-large {
    padding-top: 100%;
  }

  .rl_gallery_gallery-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .rl_gallery7_spacing-block-2 {
    padding-bottom: 3rem;
  }

  .uui-testimonial10_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 2.5rem 1.5rem;
  }

  .uui-jugend-image {
    height: 22rem;
  }

  .uui-testimonial10_component {
    border-radius: 1rem;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  body {
    overflow: visible;
  }

  h2 {
    line-height: 1.15;
  }

  .section-in-base {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .margin-bottom-10 {
    margin-bottom: 1.875rem;
  }

  .margin-bottom-20 {
    margin-bottom: 3.5rem;
  }

  .margin-y-6 {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
  }

  .margin-y-9 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .margin-y-12 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .padding-8 {
    padding: 1.625rem;
  }

  .padding-top-20 {
    padding-top: 3.5rem;
  }

  .padding-bottom-16 {
    padding-bottom: 2.5rem;
  }

  .padding-y-20 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .hatch-wf-class.combo {
    margin-top: 10px;
    margin-left: 0;
  }

  .button, .button-secondary {
    padding: .6rem 1.2rem;
  }

  .nav_logo-link {
    padding-left: 0;
  }

  .footer-flex-container {
    flex-flow: column wrap;
    align-content: stretch;
    align-items: stretch;
  }

  .footer-logo-link {
    height: 60px;
  }

  .footer-logo-link.margin-bottom-4.height-70px {
    height: 70px;
  }

  .footer-col {
    width: 100%;
    margin: 10px 0 0;
  }

  .footer-col.first {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-heading {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
  }

  .header5_component {
    min-height: 80vh;
  }

  .rl_section_header5 {
    background-image: linear-gradient(#0000, #0000), url('../images/Hero-Image.jpg');
    background-size: auto, cover;
  }

  .uui-layout02_image-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

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

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

  .uui-banner04_content {
    margin-right: 0;
  }

  .uui-jugend-image {
    height: 15rem;
  }

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

#w-node-cfb29f5f-3ae2-98a1-9042-b464dff27e18-5688e49e, #w-node-_9491e2b1-09c0-65dc-6623-dd1cb255701d-5688e49e, #w-node-aaae291b-5e34-bebb-13d9-05b0bfc131ca-5688e49e {
  align-self: start;
}

#w-node-fc7fa01a-07fd-5595-30ba-b09bfe319036-5688e49e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-fc7fa01a-07fd-5595-30ba-b09bfe319039-5688e49e, #w-node-fc7fa01a-07fd-5595-30ba-b09bfe31903c-5688e49e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d0a1330-dc0f-ac10-f90a-69e9d223b6bc-d223b6a3 {
  justify-self: end;
}

#w-node-_631b341a-a218-4290-260e-894fe17af4c4-5688e49f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_28797fbe-fb8f-c8d5-0c54-2bc559bf0ddf-5688e49f {
  justify-self: start;
}

#w-node-ae429fd1-1079-2120-96d8-1e1ae1aae909-46cd66c9, #w-node-a8a3b180-e285-c8e2-85b9-65433303195e-663cb502 {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_18328847-5c29-a6c8-abd4-5f67e67c4d96-5688e49e {
    order: -9999;
  }

  #w-node-_2d0a1330-dc0f-ac10-f90a-69e9d223b6bc-d223b6a3, #w-node-ae429fd1-1079-2120-96d8-1e1ae1aae909-46cd66c9, #w-node-a8a3b180-e285-c8e2-85b9-65433303195e-663cb502 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-cfb29f5f-3ae2-98a1-9042-b464dff27e16-5688e49e, #w-node-_18328847-5c29-a6c8-abd4-5f67e67c4d96-5688e49e {
    order: -9999;
  }

  #w-node-_2d0a1330-dc0f-ac10-f90a-69e9d223b6a8-d223b6a3, #w-node-ae429fd1-1079-2120-96d8-1e1ae1aae8f5-46cd66c9, #w-node-a8a3b180-e285-c8e2-85b9-65433303194a-663cb502 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto_new';
  src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}