/* Project Settings */
/* Box sizing rules */
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Balance healines so titles look as they should */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
:has(:target) {
  scroll-behavior: smooth;
  scroll-padding-top: 3rem;
}

html {
  hanging-punctuation: first last;
  color-scheme: dark light;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

p,
li,
dt,
dd,
blockquote,
.no-orphan {
  text-wrap: pretty;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  :has(:target) {
    scroll-behavior: smooth;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  /* UI Colors */
  --color-primary-0: #faf0ea;
  --color-primary-100: #FEE5C6;
  --color-primary-200: #FED9AD;
  --color-primary-300: #FECE93;
  --color-primary-400: #FFC37A;
  --color-primary-500: #F9A826;
  --color-primary-600: #E5A557;
  --color-primary-700: #CC934D;
  --color-primary-800: #B28143;
  --color-primary-900: #996E3A;
  --color-accent-100: #EDF6F4;
  --color-accent-200: #E5F3F0;
  --color-accent-300: #D3E9E4;
  --color-accent-400: #C5DFD9;
  --color-accent-500: #B2D7D2;
  --color-accent-600: #9ECEC8;
  --color-accent-700: #84B9B3;
  --color-accent-800: #73A49E;
  --color-accent-900: #5A8D87;
  --color-gray-100: #FFFFFF;
  --color-gray-200: #F9FAFB;
  --color-gray-300: #e8e7e8;
  --color-gray-400: #d1d0d2;
  --color-gray-500: #bbbbbc;
  --color-gray-600: #a5a5a6;
  --color-gray-700: #7b7a7d;
  --color-gray-800: #2E3A59;
  --color-gray-900: #242F4C;
  --color-success-100: #aee1c3;
  --color-success-500: #6FCF97;
  --color-success-900: #37664A;
  --color-warning-100: #FEE5C6;
  --color-warning-500: #F9A826;
  --color-warning-900: #996E3A;
  --color-info-100: #C2D2EA;
  --color-info-500: #5E96EB;
  --color-info-900: #374A66;
  --color-error-100: #FCCFCF;
  --color-error-500: #F26E6E;
  --color-error-900: #803A3A;
  /* Shadows */
  --shadow-lg: 0 4px 6px -2px rgba(0, 0, 0, .05),
      0 10px 15px -3px rgba(0, 0, 0, .1);
  /* Breakpoints */
  --break-lg: 108rem;
  --break-md: 66rem;
  --break-sm: 48rem;
  --break-xs: 30rem;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-05 {
  margin-bottom: 0.5rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.mb-7 {
  margin-bottom: 8rem !important;
}

.mb-8 {
  margin-bottom: 8rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mt-5 {
  margin-top: 5rem !important;
}

.mt-6 {
  margin-top: 6rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.mt-7 {
  margin-top: 8rem !important;
}

.mt-8 {
  margin-top: 8rem !important;
}

.my-05 {
  margin-inline: 0.5rem !important;
}

.my-1 {
  margin-inline: 1rem !important;
}

.my-2 {
  margin-inline: 2rem !important;
}

.my-3 {
  margin-inline: 3rem !important;
}

.my-4 {
  margin-inline: 4rem !important;
}

.my-5 {
  margin-inline: 5rem !important;
}

.my-6 {
  margin-inline: 6rem !important;
}

.my-7 {
  margin-inline: 7rem !important;
}

.my-7 {
  margin-inline: 8rem !important;
}

.my-8 {
  margin-inline: 8rem !important;
}

.py-1 {
  padding-inline: 1rem !important;
}

.py-2 {
  padding-inline: 2rem !important;
}

.py-3 {
  padding-inline: 3rem !important;
}

.py-4 {
  padding-inline: 4rem !important;
}

.py-5 {
  padding-inline: 5rem !important;
}

.py-6 {
  padding-inline: 6rem !important;
}

.py-7 {
  padding-inline: 7rem !important;
}

.py-7 {
  padding-inline: 8rem !important;
}

.py-8 {
  padding-inline: 8rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.pb-7 {
  padding-bottom: 7rem !important;
}

.pb-7 {
  padding-bottom: 8rem !important;
}

.pb-8 {
  padding-bottom: 8rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pt-6 {
  padding-top: 6rem !important;
}

.pt-7 {
  padding-top: 7rem !important;
}

.pt-8 {
  padding-top: 8rem !important;
}

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

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

.text-end {
  text-align: right;
}

.text-start {
  text-align: left;
}

.block-center {
  margin: 0 auto;
}

.block {
  display: block;
}

.o-25 {
  opacity: 0.25;
}

.o-5 {
  opacity: 0.5;
}

.o-75 {
  opacity: 0.75;
}

.overflow-hidden {
  overflow: hidden;
}

.zi-1 {
  position: relative;
  z-index: 1 !important;
}

.zi-2 {
  position: relative;
  z-index: 2 !important;
}

.zi-3 {
  position: relative;
  z-index: 3 !important;
}

.zi-4 {
  position: relative;
  z-index: 4 !important;
}

.zi-5 {
  position: relative;
  z-index: 5 !important;
}

.text-small,
.text-sm {
  font-size: 75% !important;
}

.text-large,
.text-lg {
  font-size: 125% !important;
  line-height: 2;
}

.text-larger {
  font-size: 150% !important;
  line-height: 2;
}

.gap-1 {
  gap: 1rem !important;
}

.gap-2 {
  gap: 2rem !important;
}

.gap-3 {
  gap: 3rem !important;
}

.gap-4 {
  gap: 4rem !important;
}

.gap-5 {
  gap: 5rem !important;
}

.gap-6 {
  gap: 6rem !important;
}

.gap-7 {
  gap: 7rem !important;
}

.gap-8 {
  gap: 8rem !important;
}

.overflow-hidden {
  position: relative;
  overflow: hidden !important;
}

.graphic-primary,
.graphic-secondary {
  position: relative;
}
.graphic-primary::before,
.graphic-secondary::before {
  content: "";
  position: absolute;
  bottom: -7.5%;
  right: -7.5%;
  border-radius: 0.75rem 2.5rem 0.75rem 2.5rem !important;
  width: 80%;
  height: 100%;
}

.graphic-primary::before {
  background-color: var(--color-primary-100);
}

.graphic-secondary {
  position: relative;
}
.graphic-secondary::before {
  background-color: var(--color-accent-100);
}

.border-radius {
  border-radius: 0.75rem 2.5rem 0.75rem 2.5rem !important;
}

.border-radious-drop {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
}

.shadow-lg,
.shadow-large {
  box-shadow: var(--shadow-lg);
}

.pos-relative {
  position: relative !important;
}

.hover-shadow {
  transition: all 0.3s ease;
}
.hover-shadow:hover {
  box-shadow: var(--shadow-lg);
}

/* Layout Styles */
::-moz-selection {
  background: var(--color-accent-300);
  color: var(--color-accent-900);
}
::selection {
  background: var(--color-accent-300);
  color: var(--color-accent-900);
}

*:focus {
  outline-color: var(--color-accent-500);
}

#top {
  position: absolute !important;
  z-index: 3;
  background-color: var(--color-gray-100);
  top: 0.5em;
  left: 0.5em;
  text-decoration: none;
}
#top:not(:focus) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--color-gray-900);
}

p {
  line-height: 1.75;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

a {
  color: var(--color-accent-900);
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}

ul,
ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

ul li,
ol li {
  line-height: 1.5rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.5rem;
  margin-bottom: 0;
  line-height: 1.5rem;
}

h1 {
  font-size: 4.242rem;
  line-height: 4.5rem;
  margin-top: 3rem;
}
@media (max-width: 66rem) {
  h1 {
    font-size: 3.182rem;
    line-height: 3.5rem;
  }
}

h2 {
  font-size: 2.828rem;
  line-height: 3rem;
  margin-top: 3rem;
}
@media (max-width: 66rem) {
  h2 {
    font-size: 2.182rem;
    line-height: 3.5rem;
  }
}

h3 {
  font-size: 1.414rem;
  font-weight: 400;
  line-height: 1.5;
}

h4 {
  font-size: 0.707rem;
}

h5 {
  font-size: 0.4713333333rem;
}

h6 {
  font-size: 0.3535rem;
}

table {
  margin-top: 1.5rem;
  border-spacing: 0px;
  border-collapse: collapse;
}

table td,
table th {
  padding: 0;
  line-height: 33px;
}

code {
  vertical-align: bottom;
  background: var(--color-accent-200);
  border: 1px solid var(--color-accent-300);
  border-radius: 0.25rem;
  padding-inline: 0.25rem;
}

.lead {
  font-size: 1.414rem;
}

.hug {
  margin-top: 0;
}

hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border: 0;
  border-top: 1px solid var(--color-gray-300);
}

.icon.icon-tabler {
  position: relative;
  top: 0.35rem;
}

html,
body {
  background-color: var(--color-gray-100);
  overflow-x: hidden;
}

.container-lg {
  max-width: var(--break-lg);
  margin-inline: auto;
  padding-inline: 1rem;
}

.container-md {
  max-width: var(--break-md);
  margin-inline: auto;
  padding-inline: 1rem;
}

.container-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
  gap: 2rem;
}
@media (max-width: 48rem) {
  .container-grid {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}

.container-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media (max-width: 66rem) {
  .container-grid-3 {
    display: flex;
    flex-direction: column;
  }
}

.container-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 66rem) {
  .container-grid-2 {
    display: flex;
    flex-direction: column;
  }
}
.container-grid-2.align-center {
  align-items: center;
}

.d-flex {
  display: flex;
  gap: 1rem;
}
.d-flex > * {
  flex: 1;
}
@media (max-width: 48rem) {
  .d-flex {
    flex-direction: column;
  }
}

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

.justify-around {
  justify-content: space-around;
}

.justify-center {
  justify-content: center;
}

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

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

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-self {
  align-self: flex-start;
}

.cc-cp-foot-save,
.cc-nb-okagree,
.cc-nb-reject {
  background: var(--color-primary-500) !important;
  border-radius: 0.5rem !important;
}

.termsfeed-com---palette-light.termsfeed-com---nb {
  position: fixed !important;
  bottom: 0 !important;
}

.cc-custom-checkbox ~ label.is-active:before,
.cc-custom-checkbox ~ label#strictly-necessary_label:before {
  background-color: var(--color-primary-500) !important;
}

@media (prefers-reduced-motion: no-preference) {
  .fade-in {
    opacity: 0;
    transform: translateY(10%);
    transition: all 500ms ease-in-out;
  }
  .fade-in.left {
    transform: translateX(-5%);
  }
  .fade-in.right {
    transform: translateX(5%);
  }
  .fade-in.top {
    transform: translateY(-7.5%);
  }
  .fade-in.bottom {
    transform: translateY(7.5%);
  }
  .fade-delay-150 {
    transition-delay: 150ms;
  }
  .fade-delay-250 {
    transition-delay: 250ms;
  }
  .fade-delay-350 {
    transition-delay: 350ms;
  }
  .fade-delay-500 {
    transition-delay: 500ms;
  }
  .fade-delay-650 {
    transition-delay: 650ms;
  }
  .fade-delay-750 {
    transition-delay: 750ms;
  }
  .fade-delay-1000 {
    transition-delay: 1s;
  }
  .fade-delay-1250 {
    transition-delay: 1250ms;
  }
  .animating {
    opacity: 4;
    transform: translate(0) !important;
  }
  .animated {
    transition-delay: 0ms !important;
  }
  .animated:hover {
    transition-delay: 0ms !important;
  }
  .maintenance-animation {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .maintenance-animation .one {
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281px%22%20height%3D%2280.5px%22%20viewBox%3D%220%200%2081%2080.5%22%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%2081%2080.5%3B%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23242F4C%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M30.3%2C68.2c1.2%2C0.2%2C2.3%2C0.9%2C3.8%2C1.2c1.6%2C0.3%2C2.7%2C0.6%2C4%2C0.4l4.9%2C9.6c0.6%2C0.9%2C1.4%2C1.1%2C2.3%2C0.9l15.3-4.9%0A%09c0.5-0.3%2C1-1%2C0.9-2.3l-1.8-10.6c2-1.6%2C3.6-3.7%2C5.3-5.8l10.5%2C0.6c1.1%2C0.6%2C2.1-0.4%2C2.3-1.1L81%2C40.7c0.2-0.8-0.4-2.1-1.1-2.3l-10.2-3.8%0A%09c-0.3-2.5-1.4-4.8-2.5-7.5l5.9-8.5c0.6-1.1%2C0.4-1.9-0.2-2.9l-12-10.7c-0.3-0.5-1.6-0.3-2.5%2C0.3l-8%2C6.9c-1.2-0.2-2.3-0.9-3.8-1.2%0A%09c-1.6-0.3-2.7-0.6-4-0.4L37.7%2C1c-0.6-0.9-1.4-1.1-2.3-0.9L20.1%2C5c-0.5%2C0.3-1%2C1-0.9%2C2.3l1.8%2C10.6c-2%2C1.6-3.6%2C3.7-5.3%2C5.8L5.3%2C23%0A%09c-0.8-0.2-1.7%2C0.4-2%2C1.6L0%2C40.2c-0.2%2C0.8%2C0.4%2C2.1%2C1.1%2C2.3l9.8%2C3.7c0.7%2C2.6%2C1.4%2C5.2%2C2.5%2C7.5l-6%2C8.9c-0.6%2C0.7-0.4%2C2%2C0.3%2C2.5l12%2C10.7%0A%09c0.7%2C0.5%2C1.9%2C0.8%2C2.4%2C0.1L30.3%2C68.2z%20M26.7%2C37.3c1.6-7.4%2C9.1-12.3%2C16.5-10.8S55.6%2C35.7%2C54%2C43.1c-1.6%2C7.4-9.1%2C12.3-16.5%2C10.7%0A%09C30.1%2C52.3%2C25.1%2C44.7%2C26.7%2C37.3L26.7%2C37.3z%22%2F%3E%0A%3C%2Fsvg%3E");
    width: 80px;
    height: 80px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -10px;
    margin-right: 8px;
  }
  .maintenance-animation .two {
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22103px%22%20height%3D%22103.7px%22%20viewBox%3D%220%200%20103%20103.7%22%0A%09%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%20103%20103.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%239ECEC8%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M87.3%2C64.8c0.3-1.5%2C1.1-2.9%2C1.6-4.9c0.4-2%2C0.7-3.5%2C0.5-5.1l12.3-6.3c1.2-0.8%2C1.4-1.8%2C1.1-2.9l-6.3-19.6%0A%09c-0.4-0.6-1.3-1.3-2.9-1.1l-13.5%2C2.3c-2.1-2.5-4.7-4.7-7.4-6.8l0.8-13.4C74.3%2C5.8%2C73%2C4.5%2C72%2C4.3L52.1%2C0c-1-0.2-2.7%2C0.5-2.9%2C1.5%0A%09l-4.8%2C13c-3.2%2C0.4-6.1%2C1.8-9.5%2C3.2l-10.9-7.5c-1.4-0.8-2.5-0.5-3.7%2C0.3L6.5%2C25.8c-0.6%2C0.4-0.4%2C2%2C0.4%2C3.2l8.8%2C10.2%0A%09c-0.3%2C1.5-1.1%2C2.9-1.5%2C4.9c-0.4%2C2-0.7%2C3.5-0.6%2C5.1L1.2%2C55.4c-1.2%2C0.8-1.4%2C1.8-1.1%2C2.9l6.3%2C19.6c0.4%2C0.6%2C1.3%2C1.3%2C2.9%2C1.1l13.5-2.3%0A%09c2.1%2C2.5%2C4.7%2C4.7%2C7.4%2C6.8l-0.8%2C13.4c-0.2%2C1%2C0.6%2C2.2%2C2.1%2C2.5l20%2C4.2c1%2C0.2%2C2.7-0.5%2C2.9-1.5l4.7-12.6c3.3-0.9%2C6.6-1.7%2C9.5-3.2L80.1%2C94%0A%09c0.9%2C0.7%2C2.5%2C0.5%2C3.2-0.4L97%2C78.3c0.7-0.9%2C1-2.4%2C0.1-3.1L87.3%2C64.8z%20M47.8%2C69.5C38.3%2C67.5%2C32%2C57.8%2C34%2C48.3%0A%09c2-9.5%2C11.7-15.8%2C21.2-13.8c9.5%2C2%2C15.7%2C11.7%2C13.7%2C21.2C66.9%2C65.2%2C57.3%2C71.5%2C47.8%2C69.5L47.8%2C69.5z%22%2F%3E%0A%3C%2Fsvg%3E");
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .maintenance-animation .three {
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%0A%09%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281px%22%20height%3D%2280.5px%22%20viewBox%3D%220%200%2081%2080.5%22%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%2081%2080.5%3B%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23242F4C%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M30.3%2C68.2c1.2%2C0.2%2C2.3%2C0.9%2C3.8%2C1.2c1.6%2C0.3%2C2.7%2C0.6%2C4%2C0.4l4.9%2C9.6c0.6%2C0.9%2C1.4%2C1.1%2C2.3%2C0.9l15.3-4.9%0A%09c0.5-0.3%2C1-1%2C0.9-2.3l-1.8-10.6c2-1.6%2C3.6-3.7%2C5.3-5.8l10.5%2C0.6c1.1%2C0.6%2C2.1-0.4%2C2.3-1.1L81%2C40.7c0.2-0.8-0.4-2.1-1.1-2.3l-10.2-3.8%0A%09c-0.3-2.5-1.4-4.8-2.5-7.5l5.9-8.5c0.6-1.1%2C0.4-1.9-0.2-2.9l-12-10.7c-0.3-0.5-1.6-0.3-2.5%2C0.3l-8%2C6.9c-1.2-0.2-2.3-0.9-3.8-1.2%0A%09c-1.6-0.3-2.7-0.6-4-0.4L37.7%2C1c-0.6-0.9-1.4-1.1-2.3-0.9L20.1%2C5c-0.5%2C0.3-1%2C1-0.9%2C2.3l1.8%2C10.6c-2%2C1.6-3.6%2C3.7-5.3%2C5.8L5.3%2C23%0A%09c-0.8-0.2-1.7%2C0.4-2%2C1.6L0%2C40.2c-0.2%2C0.8%2C0.4%2C2.1%2C1.1%2C2.3l9.8%2C3.7c0.7%2C2.6%2C1.4%2C5.2%2C2.5%2C7.5l-6%2C8.9c-0.6%2C0.7-0.4%2C2%2C0.3%2C2.5l12%2C10.7%0A%09c0.7%2C0.5%2C1.9%2C0.8%2C2.4%2C0.1L30.3%2C68.2z%20M26.7%2C37.3c1.6-7.4%2C9.1-12.3%2C16.5-10.8S55.6%2C35.7%2C54%2C43.1c-1.6%2C7.4-9.1%2C12.3-16.5%2C10.7%0A%09C30.1%2C52.3%2C25.1%2C44.7%2C26.7%2C37.3L26.7%2C37.3z%22%2F%3E%0A%3C%2Fsvg%3E");
    width: 80px;
    height: 80px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -50px;
    margin-left: -10px;
  }
  @keyframes spin-one {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-359deg);
    }
  }
  .maintenance-animation .spin-one {
    animation: spin-one 1.5s infinite linear;
  }
  @keyframes spin-two {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(359deg);
    }
  }
  .maintenance-animation .spin-two {
    animation: spin-two 2s infinite linear;
  }
}
@media print {
  #footer,
  .mobile-brand,
  #nav-toggle,
  #navigation,
  .no-print {
    display: none !important;
  }
}
/* Component Styles */
::-webkit-scrollbar {
  width: 14px;
}

::-webkit-scrollbar {
  background: transparent;
}

::-webkit-scrollbar-track {
  background: transparent;
  border-left: 1px solid var(--color-gray-300);
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-accent-500);
  border-radius: 10px;
  border: 3px solid transparent;
  border-left-width: 4px;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-accent-800);
}

.nav-toggle {
  display: none;
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-gray-200);
  z-index: 110;
  position: fixed;
  top: 1.5rem;
  right: 2rem;
  box-shadow: var(--shadow-lg);
  border-radius: 0.75rem 2rem 2rem 2rem;
  padding-block: 1.25rem;
  padding-inline: 0.65rem;
  transition: all 0.25s ease;
}
.nav-toggle.active {
  border-radius: 2rem 2rem 2rem 0.75rem;
}
@media (max-width: 66rem) {
  .nav-toggle {
    display: block;
  }
}
@media (max-width: 30rem) {
  .nav-toggle {
    top: 2rem;
  }
}

.mobile-brand {
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 110;
}
@media (min-width: 66rem) {
  .mobile-brand {
    display: none;
  }
}
.mobile-brand.active .brand .brand-name {
  color: var(--color-gray-100);
}
@media (max-width: 66rem) {
  .mobile-brand.active {
    display: block;
    position: fixed;
  }
}
.mobile-brand .brand {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.mobile-brand .brand .brand-logo {
  width: 40px;
  height: 40px;
  margin-inline-end: 1rem;
}
@media (max-width: 30rem) {
  .mobile-brand .brand .brand-logo {
    width: 64px;
    height: 64px;
  }
}
.mobile-brand .brand .brand-name {
  font-size: 2rem;
  line-height: 0;
  font-weight: 700;
  color: var(--color-gray-800);
  margin: 0;
}
@media (max-width: 30rem) {
  .mobile-brand .brand .brand-name {
    display: none;
  }
}

.navigation {
  z-index: 100;
  background-color: transparent;
  border: 1px solid transparent;
  max-width: var(--break-lg);
  margin-inline: auto;
  margin-block-start: 1rem;
  padding: 1.2rem 2rem;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 2rem;
  right: 2rem;
  border-radius: 0.75rem 2.5rem 0.75rem 2.5rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  transition: all 0.25s ease;
}
.navigation.shadow {
  background-color: var(--color-gray-100);
  border-color: var(--color-gray-200);
  box-shadow: var(--shadow-lg);
}
.navigation .brand-container {
  display: flex;
  align-items: center;
}
.navigation .brand-container .brand {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.navigation .brand-container .brand .brand-logo {
  width: 40px;
  height: 40px;
  margin-inline-end: 1rem;
}
.navigation .brand-container .brand .brand-name {
  font-size: 2rem;
  line-height: 0;
  font-weight: 700;
  color: var(--color-gray-800);
  margin: 0;
}
@media (max-width: 66rem) {
  .navigation .brand-container {
    display: none;
  }
}
.navigation ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.navigation ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  padding-inline: 0.5rem;
}
.navigation ul li a {
  color: var(--color-gray-900);
  font-weight: 500;
  font-size: 1.125rem;
  padding-inline: 0.5rem;
  text-decoration: none;
  padding-block: 0.5rem;
  display: flex;
  align-items: center;
}
.navigation ul li a .dropdown-indicator {
  transition: all 0.25s ease;
}
.navigation ul li a:hover ~ .dropdown-content,
.navigation ul li a:active ~ .dropdown-content,
.navigation ul li a:focus-visible ~ .dropdown-content,
.navigation ul li .dropdown-content:hover,
.navigation ul li .dropdown-content:focus-within,
.navigation ul li .dropdown-content:active,
.navigation ul li .dropdown-content li a:hover,
.navigation ul li .dropdown-content li a:focus-visible,
.navigation ul li .dropdown-content li a:active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.navigation ul li a:hover .dropdown-indicator,
.navigation ul li a:focus-visible .dropdown-indicator,
.navigation ul li a:active .dropdown-indicator {
  transform: rotate(180deg);
}
@media (min-width: 66rem) {
  .navigation ul li .dropdown-content {
    position: absolute;
    top: 4.5rem;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    transform: translateY(-1rem);
    background-color: var(--color-gray-100);
    border: 1px solid var(--color-gray-200);
    display: flex;
    flex-direction: column;
    padding: 1.5rem 1.25rem;
    border-radius: 0.75rem 2.5rem 0.75rem 2.5rem;
    box-shadow: var(--shadow-lg);
  }
  .navigation ul li .dropdown-content::before {
    content: "";
    position: absolute;
    background-color: transparent;
    top: -2rem;
    left: 0rem;
    width: 100%;
    height: 2rem;
  }
  .navigation ul li .dropdown-content li {
    white-space: nowrap;
    text-align: left;
    display: block;
    width: 100%;
  }
  .navigation ul li .dropdown-content li a {
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 0.75rem 1rem;
    transition: all 0.15s ease;
    border-radius: 0.5rem;
    color: var(--color-gray-900);
  }
  .navigation ul li .dropdown-content li a:hover {
    background-color: var(--color-accent-100);
  }
}
.navigation ul li .dropdown-content.apps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.navigation ul li .dropdown-content.apps a {
  width: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  transition: all 0.15s ease;
  border-radius: 0.5rem;
}
.navigation ul li .dropdown-content.apps a:hover {
  background-color: var(--color-accent-100);
}
.navigation ul li .dropdown-content.apps a .app-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-inline-end: 0.5rem;
  border-radius: 0.5rem;
}
.navigation ul li .dropdown-content.apps a .app-icon svg {
  margin: 0.3rem;
}
.navigation .cta {
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 66rem) {
  .navigation {
    transition: height 0.25s cubic-bezier(0.22, 1.01, 0.6, 0.9);
    height: 0;
    opacity: 0;
    visibility: hidden;
    background-color: var(--color-gray-800) !important;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0;
    margin: 0;
    width: 100%;
    padding-top: 8rem;
  }
  .navigation.active {
    height: 100vh;
    opacity: 1;
    visibility: visible;
    border: 0;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .navigation.active ul li a {
    color: var(--color-accent-600);
  }
  .navigation.active ul li .dropdown-content li a {
    color: var(--color-accent-100);
    padding: 0.35rem 1rem;
    border-radius: 0.5rem;
  }
  .navigation.active ul li .dropdown-content li a:hover {
    background-color: var(--color-accent-100);
    color: var(--color-gray-900);
  }
  .navigation.active ul li .dropdown-content {
    margin-bottom: 1rem;
  }
  .navigation.active ul li .dropdown-content.apps {
    display: block;
    text-align: center;
  }
  .navigation.active ul li .dropdown-content.apps a {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-accent-100);
    padding-block: 0.35rem;
  }
  .navigation.active ul li .dropdown-content.apps a:hover {
    background-color: var(--color-accent-100);
    color: var(--color-gray-900);
  }
  .navigation.active ul li .dropdown-content.apps a .app-icon {
    display: none;
  }
  .navigation ul {
    flex-direction: column;
  }
  .navigation ul li a {
    display: block;
    padding-block: 0.75rem;
    margin-block: 0.25rem;
    font-size: 1.5rem;
    text-align: center;
    color: var(--color-accent-900);
  }
  .navigation ul li a .dropdown-indicator {
    display: none;
  }
  .navigation .cta {
    justify-content: center;
  }
  .navigation .cta button {
    background: var(--color-accent-900);
    color: var(--color-accent-100);
    padding: 1rem 2rem;
    font-size: 1.5rem;
    margin-block-end: 2rem;
  }
}
.header {
  padding-block-start: 8rem;
  margin-inline: auto;
  position: relative;
}
.header .title {
  line-height: 1.25;
  font-size: 6rem;
}
@media (max-width: 66rem) {
  .header .title {
    font-size: 4rem;
  }
}
@media (max-width: 48rem) {
  .header .title {
    font-size: 3rem;
  }
}
.header .title.stylized :nth-child(1n) {
  color: var(--color-accent-500);
}
.header .title.stylized :nth-child(2n) {
  color: var(--color-gray-900);
}
.header .title.stylized :nth-child(3n) {
  color: var(--color-primary-500);
}

.header-normal {
  padding-block-start: 8rem;
  margin-inline: auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--color-accent-200);
}
@media (max-width: 66rem) {
  .header-normal {
    text-align: center;
  }
}
.header-normal .border-bottom {
  width: 100%;
  position: absolute;
  bottom: -0.45rem;
}
.header-normal .border-top {
  width: 100%;
  position: absolute;
  top: -0.45rem;
}
.header-normal .border-top svg {
  rotate: 180deg;
}

.header-mid {
  position: relative;
}
.header-mid.primary:before {
  background-color: var(--color-primary-500);
}
.header-mid.primary:after {
  background-color: var(--color-primary-200);
}
.header-mid.secondary:before {
  background-color: var(--color-accent-500) !important;
}
.header-mid.secondary:after {
  background-color: var(--color-accent-200) !important;
}
.header-mid.right:before {
  right: 0;
  width: 80%;
  max-width: calc(108rem + 10%);
  height: 100%;
  background-color: var(--color-primary-500);
  border-radius: 5rem 0 0 5rem;
}
.header-mid.right:after {
  right: 0;
  width: 25%;
  height: 100%;
  background-color: var(--color-primary-200);
  border-radius: 5rem 0 0 5rem;
}
.header-mid.left:before {
  left: 0;
  width: 80%;
  max-width: calc(108rem + 10%);
  height: 100%;
  background-color: var(--color-primary-500);
  border-radius: 0 5rem 5rem 0;
}
.header-mid.left:after {
  left: 0;
  width: 25%;
  height: 100%;
  background-color: var(--color-primary-200);
  border-radius: 0 5rem 5rem 0;
}
.header-mid .header-mid-text-block {
  min-width: 65%;
}
.header-mid .header-mid-content {
  z-index: 3;
  padding: 3rem;
}
.header-mid:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  height: 100%;
  background-color: var(--color-primary-500);
  border-radius: 5rem 0 0 5rem;
}
@media (max-width: 48rem) {
  .header-mid:before {
    width: 100% !important;
    border-radius: 0 !important;
  }
}
.header-mid:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: -10%;
  right: 0;
  width: 25%;
  height: 100%;
  background-color: var(--color-primary-200);
  border-radius: 5rem 0 0 5rem;
}
@media (max-width: 48rem) {
  .header-mid:after {
    width: 35% !important;
  }
}

.header-fancy {
  position: relative;
  margin-top: 12rem;
  margin-bottom: 0rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 650px;
}
@media (max-width: 66rem) {
  .header-fancy {
    margin-top: 8rem;
  }
}
.header-fancy .header-fancy-image {
  border-radius: 0.75rem 2.5rem 0.75rem 2.5rem;
  overflow: hidden;
}
@media (min-width: 66rem) {
  .header-fancy .header-fancy-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1rem;
    width: 100%;
    max-width: calc(50% + 250px) !important;
  }
}
@media (max-width: 66rem) {
  .header-fancy .header-fancy-image {
    aspect-ratio: 1/1;
    max-height: 500px;
  }
}
.header-fancy .header-fancy-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.header-fancy .header-fancy-description {
  z-index: 2;
}
.header-fancy .header-fancy-description .header-fancy-inner {
  position: relative;
  background: var(--color-gray-100);
  max-width: 85%;
  margin-bottom: -4rem;
  padding: 2rem;
  border-radius: 0 0 2.5rem 0;
}
@media (min-width: 66rem) {
  .header-fancy .header-fancy-description .header-fancy-inner {
    padding: 50px 0 50px 50px;
    margin-left: auto;
    max-width: calc(50% + 100px);
    position: relative;
    margin-bottom: 0;
    border-radius: 0 0 0 2.5rem;
  }
}
.header-fancy .header-fancy-description .header-fancy-inner:before {
  content: "";
  position: absolute;
  top: -1px;
  right: 100%;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 48.9' enable-background='new 0 0 50 48.9' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M50,48.9L50,48.9L50,0H0C27.3,0,49.4,21.8,50,48.9z'/%3E%3C/svg%3E%0A");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
@media (max-width: 66rem) {
  .header-fancy .header-fancy-description .header-fancy-inner:before {
    top: auto;
    bottom: 3rem;
    left: calc(100% - 1px);
    rotate: -90deg;
  }
}
.header-fancy .header-fancy-description .header-fancy-inner:after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 334px;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 48.9' enable-background='new 0 0 50 48.9' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M50,48.9L50,48.9L50,0H0C27.3,0,49.4,21.8,50,48.9z'/%3E%3C/svg%3E%0A");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
@media (max-width: 66rem) {
  .header-fancy .header-fancy-description .header-fancy-inner:after {
    top: 100%;
    left: -1px;
    rotate: -90deg;
  }
}

.header-previews .row {
  max-width: var(--break-lg);
  display: flex;
  gap: 2rem;
  flex-wrap: nowrap;
  padding: 0 1rem;
  margin: 0 auto;
}
@media (max-width: 66rem) {
  .header-previews .row {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .header-previews .row > div {
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    min-width: calc(50% - 2rem);
    max-width: calc(50% - 2rem);
  }
  .header-previews .row > div img {
    max-height: 200px;
    width: auto;
    height: auto;
    margin: 0 auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .header-previews .row .card-normal {
    flex: 100% !important;
    min-width: 100% !important;
  }
}
.header-previews .row.top {
  align-items: start;
}
.header-previews .row.bottom {
  align-items: end;
}
.header-previews .row .card-normal {
  flex: 45%;
  min-width: 45%;
}
.header-previews .row > div img {
  min-width: 0;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.button,
button {
  display: inline-block;
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-gray-200);
  border-radius: 1.5rem;
  background-color: var(--color-gray-100);
  color: var(--color-gray-900);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}
.button svg,
button svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-inline: 0.25rem;
  top: 0 !important;
  vertical-align: middle;
}
.button:hover,
button:hover {
  background-color: var(--color-gray-200);
  text-decoration: none;
}
.button:hover, .button:focus, .button:active,
button:hover,
button:focus,
button:active {
  text-decoration: none;
}
.button.icon,
button.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.6rem 0.4rem;
}
.button.icon svg,
button.icon svg {
  stroke-width: 1.5;
  top: 0 !important;
  width: 1.25rem;
  height: 1.25rem;
}
.button.block,
button.block {
  display: block;
  width: 100%;
}
.button.button-sm,
button.button-sm {
  font-size: 75%;
  padding: 0.25em 0.5em;
}
.button.button-lg,
button.button-lg {
  font-size: 130%;
  padding: 0.5em 1.5em;
}
.button.primary,
button.primary {
  background-color: var(--color-primary-500);
  color: var(--color-gray-200);
  border-color: var(--color-primary-500);
}
.button.primary:hover,
button.primary:hover {
  background-color: var(--color-primary-400);
  border-color: var(--color-primary-400);
}
.button.primary-opaque,
button.primary-opaque {
  background-color: var(--color-primary-100);
  color: var(--color-primary-900);
  border-color: var(--color-primary-300);
}
.button.primary-opaque:hover,
button.primary-opaque:hover {
  background-color: var(--color-primary-300);
  border-color: var(--color-primary-400);
}
.button.primary-dark,
button.primary-dark {
  background-color: var(--color-primary-900);
  color: var(--color-primary-100);
  border-color: var(--color-primary-800);
}
.button.primary-dark:hover,
button.primary-dark:hover {
  background-color: var(--color-primary-800);
  border-color: var(--color-primary-700);
}
.button.primary-outline,
button.primary-outline {
  background-color: transparent;
  color: var(--color-primary-500);
  border-color: var(--color-primary-500);
}
.button.primary-outline:hover,
button.primary-outline:hover {
  background-color: var(--color-primary-500);
  border-color: var(--color-primary-500);
  color: var(--color-gray-200);
}
.button.secondary,
button.secondary {
  background-color: var(--color-accent-500);
  color: var(--color-gray-900);
  border-color: var(--color-accent-500);
}
.button.secondary:hover,
button.secondary:hover {
  background-color: var(--color-accent-600);
  border-color: var(--color-accent-600);
}
.button.secondary-dark,
button.secondary-dark {
  background-color: var(--color-accent-900);
  color: var(--color-accent-100);
  border-color: var(--color-accent-800);
}
.button.secondary-dark:hover,
button.secondary-dark:hover {
  background-color: var(--color-accent-800);
  border-color: var(--color-accent-700);
}
.button.secondary-outline,
button.secondary-outline {
  background-color: transparent;
  color: var(--color-accent-800);
  border-color: var(--color-accent-700);
}
.button.secondary-outline:hover,
button.secondary-outline:hover {
  background-color: var(--color-accent-500);
  border-color: var(--color-accent-500);
  color: var(--color-gray-900);
}

.footer {
  background-color: var(--color-accent-300);
  padding: 5rem 2rem 7rem 2rem;
  max-width: var(--break-lg);
  border-radius: 1rem;
  border-radius: 0.75rem 2.5rem 0.75rem 2.5rem;
  margin: 4rem auto 4rem auto;
  position: relative;
  overflow: hidden;
}
@media (max-width: 108rem) {
  .footer {
    margin: 4rem auto 1rem auto;
  }
}
.footer .footer-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 66rem) {
  .footer .footer-inner {
    text-align: center;
    flex-direction: column;
    gap: 2rem;
  }
}
.footer .footer-inner .brand {
  display: flex;
  gap: 1rem;
  color: var(--color-gray-800);
}
.footer .footer-inner .brand:hover {
  text-decoration: none;
}
@media (max-width: 66rem) {
  .footer .footer-inner .brand {
    justify-content: center;
  }
}
.footer .footer-inner .brand h2.brand-name {
  margin: 0;
  color: var(--color-accent-800);
  text-shadow: inset;
}
.footer .footer-inner .brand img,
.footer .footer-inner .brand svg {
  height: 3rem;
  width: auto;
}
.footer .footer-inner nav {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 48rem) {
  .footer .footer-inner nav {
    text-align: center;
    flex-direction: column;
    gap: 2rem;
  }
}
.footer .footer-inner nav ul li a {
  display: block;
  padding-block: 0.25rem;
}
.footer .footer-inner .socials {
  display: flex;
  gap: 1rem;
}
@media (max-width: 66rem) {
  .footer .footer-inner .socials {
    justify-content: center;
  }
}
.footer .footer-inner .socials a svg {
  width: 1.5rem;
  height: 1.5rem;
}
.footer .footer-inner ul {
  margin-block: 0.125rem;
  padding-inline: 0;
  list-style: none;
}

.scroller {
  --scroller-gap: 1rem;
  max-width: 100vw;
}
.scroller .scroller__inner {
  padding: calc(var(--scroller-gap) / 2) 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--scroller-gap);
  justify-content: center;
  align-items: center;
}
.scroller .scroller__item {
  width: 300px;
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 66rem) {
  .scroller .scroller__item {
    width: 250px;
  }
}
@media (max-width: 48rem) {
  .scroller .scroller__item {
    width: 200px;
  }
}
.scroller .scroller__item img {
  filter: grayscale(1);
}
.scroller[data-animated=true] {
  overflow: hidden;
  -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.scroller[data-animated=true] .scroller__inner {
  width: -moz-max-content;
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--scroller-duration, 40s) var(--scroller-direction, forwards) linear infinite;
}
.scroller[data-animated=true] .scroller__inner:hover {
  animation-play-state: paused;
}
.scroller[data-direction=right] {
  --scroller-direction: reverse;
}
.scroller[data-direction=left] {
  --scroller-direction: forwards;
}
.scroller[data-speed=slow] {
  --scroller-duration: 60s;
}
.scroller[data-speed=fast] {
  --scroller-duration: 20s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - var(--scroller-gap) / 2));
  }
}
.leaf-half-1 {
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  position: absolute;
  z-index: 0;
  background-color: var(--color-accent-100);
  opacity: 0.5;
  width: 900px;
  height: 900px;
  top: -30rem;
  left: -38rem;
  transform: rotate(225deg);
}

.leaf-half-2 {
  z-index: 0;
  background-color: var(--color-primary-100);
  opacity: 0.35;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  width: 900px;
  height: 900px;
  position: absolute;
  top: -30rem;
  right: -36rem;
}

.leaf-half-3 {
  z-index: 0;
  background-color: var(--color-accent-100);
  opacity: 0.35;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  width: 600px;
  height: 600px;
  position: absolute;
  bottom: -30%;
  left: 25%;
  transform: rotate(90deg);
  opacity: 0.5;
}

.leaf-half-4 {
  z-index: 0;
  background-color: var(--color-accent-100);
  opacity: 0.35;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  width: 600px;
  height: 600px;
  position: absolute;
  bottom: -40%;
  left: 15%;
  transform: rotate(90deg);
  opacity: 0.5;
}

.leaf-half-5 {
  z-index: 0;
  background-color: var(--color-primary-100);
  opacity: 0.35;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  width: 600px;
  height: 600px;
  position: absolute;
  bottom: -35%;
  right: -10%;
  transform: rotate(0deg);
  opacity: 0.5;
}

.leaf-half-6 {
  z-index: 0;
  background-color: var(--color-primary-200);
  opacity: 0.35;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  width: 600px;
  height: 600px;
  position: absolute;
  bottom: -15%;
  right: 0%;
  transform: rotate(0deg);
  opacity: 0.5;
}

.leaf-full-1 {
  z-index: 0;
  background-color: var(--color-accent-500);
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  opacity: 0.5;
  width: 12dvw;
  height: 12dvw;
  position: absolute;
  top: 50%;
  left: -5%;
  transform: rotate(100deg);
}

.leaf-full-2 {
  z-index: 0;
  background-color: var(--color-primary-500);
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  opacity: 0.5;
  width: 10dvw;
  height: 10dvw;
  position: absolute;
  top: 24%;
  left: auto;
  right: -5%;
  transform: rotate(-100deg);
}

.leaf-full-3 {
  z-index: 0;
  background-color: var(--color-error-100);
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  opacity: 0.3;
  width: 10dvw;
  height: 10dvw;
  position: absolute;
  top: 24%;
  left: auto;
  right: 15%;
  transform: rotate(100deg);
}

.leaf-full-4 {
  z-index: 0;
  background-color: var(--color-accent-100);
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  opacity: 0.5;
  width: 20dvw;
  height: 20dvw;
  position: absolute;
  top: 34%;
  left: auto;
  left: 10%;
  transform: rotate(-100deg);
}

.leaf-full-5 {
  z-index: 0;
  background-color: var(--color-primary-100);
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  opacity: 0.3;
  width: 30dvw;
  height: 30dvw;
  position: absolute;
  top: 50%;
  left: auto;
  right: 10%;
  transform: rotate(-180deg);
}

/* OSX Safari Browser */
.browser-window-osx {
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--color-gray-300);
  width: 100%;
  padding: 0;
  border-radius: 1rem;
  position: relative;
  margin-top: 1rem;
  overflow: hidden;
}
.browser-window-osx .header {
  background: var(--color-gray-200);
  border-radius: 5px 5px 0 0;
  padding: 1rem;
  text-align: left;
  display: flex;
  justify-content: space-between;
}
.browser-window-osx .header p {
  line-height: 1.2;
}
.browser-window-osx .header .left {
  width: 100%;
  display: flex;
  align-items: center;
}
.browser-window-osx .header .left .menu {
  flex: 85px;
  display: inline-block;
  white-space: nowrap;
}
.browser-window-osx .header .left .menu span {
  margin: 6px 4px;
  padding: 0;
  height: 0.75rem;
  width: 0.75rem;
  display: block;
  float: left;
  border-radius: 50%;
}
.browser-window-osx .header .left .menu span.close {
  background: var(--color-error-500);
}
.browser-window-osx .header .left .menu span.minimize {
  background: var(--color-warning-500);
}
.browser-window-osx .header .left .menu span.maximize {
  background: var(--color-success-500);
}
.browser-window-osx .header .left .search {
  background: white;
  width: 100%;
  font-size: 0.85rem;
  display: inline-block;
  border-radius: 5px;
  padding: 1.25rem 0.25rem;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .browser-window-osx .header .left .search {
    width: 100%;
  }
}
.browser-window-osx .header .left .search p {
  color: #555555;
  font-size: 0.85rem;
  margin: 4px 10px;
  letter-spacing: 0.6px;
  position: absolute;
}
.browser-window-osx .header .left .search p span {
  color: var(--color-success-500);
}
.browser-window-osx .header .toggle {
  display: inline-block;
  text-align: right;
}
.browser-window-osx .header .toggle label {
  font-size: 0.8rem;
  position: relative;
  bottom: 0.2rem;
}
.browser-window-osx .window {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  transform: scale(1);
  border-radius: 0 0 5px 5px;
  position: relative;
}
.browser-window-osx .window img {
  width: 100%;
}

.card-team {
  display: flex;
  gap: 1rem;
}
.card-team .team-image {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  width: 20rem;
  min-width: 20rem;
  max-width: 20rem;
  height: 20rem;
  min-height: 20rem;
  max-height: 20rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 66rem) {
  .card-team .team-image {
    width: 15rem;
    min-width: 15rem;
    max-width: 15rem;
    height: 15rem;
    min-height: 15rem;
    max-height: 15rem;
  }
}
@media (max-width: 48rem) {
  .card-team .team-image {
    width: 10rem;
    min-width: 10rem;
    max-width: 10rem;
    height: 10rem;
    min-height: 10rem;
    max-height: 10rem;
  }
}
.card-team .team-image.mystery {
  background: var(--color-accent-500);
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-team .team-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}
.card-team .team-description {
  background-color: var(--color-gray-200);
  border-top-right-radius: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-inline-start: -10rem;
  padding: 0.25rem 2rem 0rem 10rem;
  width: 100%;
}
@media (max-width: 66rem) {
  .card-team .team-description {
    margin-inline-start: -7.5rem;
    padding: 0.25rem 2rem 0rem 7.5rem;
  }
}
@media (max-width: 48rem) {
  .card-team .team-description {
    margin-inline-start: -5rem;
    padding: 0.25rem 2rem 0rem 5rem;
  }
}
.card-team .team-description h3 {
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media (max-width: 66rem) {
  .card-team .team-description h3 {
    font-size: 1.25rem;
  }
}
.card-team .team-description .title {
  font-weight: 600;
  color: var(--color-accent-900);
  margin-block-end: 0.5rem;
}
.card-team .team-description p {
  margin-top: 0;
  margin-bottom: 0;
}
.card-team .team-description a svg {
  position: relative;
  top: 3px;
}

.card-icon {
  aspect-ratio: 1/1;
  width: 3.5rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 65px;
  flex-basis: 65px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 65px;
  height: 65px;
  padding: 0;
  line-height: 1;
}
.card-icon svg {
  width: 2rem;
  height: 2rem;
}

.card-minimal {
  display: flex;
  gap: 1rem;
}
.card-minimal .card-description .card-title {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.card-minimal .card-description p,
.card-minimal .card-description a {
  margin-top: 0;
  margin-bottom: 0;
}

.card-normal {
  border: 1px solid var(--color-gray-300);
  overflow: hidden;
}
.card-normal.no-border {
  border-color: transparent;
}
.card-normal .card-banner {
  position: relative;
}
.card-normal .card-banner img {
  width: 100%;
}
.card-normal .card-banner .border-bottom {
  width: 100%;
  position: absolute;
  bottom: -0.45rem;
}
.card-normal .card-body {
  padding: 2rem;
}
.card-normal .card-title {
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.map iframe {
  width: 100%;
  height: 30rem;
}

.linkedin {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  background-color: var(--color-primary-300);
  padding-block: 8rem;
  padding-inline: 4rem;
  border-radius: 0.75rem 2.5rem 0.75rem 2.5rem;
}
@media (max-width: 66rem) {
  .linkedin {
    flex-direction: column;
  }
}
.linkedin .linkedin-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.linkedin .linkedin-image::before {
  content: "";
  position: absolute;
  top: -15%;
  left: 10%;
  background-color: var(--color-primary-400);
  border-radius: 0.75rem 2.5rem 0.75rem 2.5rem;
  width: 80%;
  height: 100%;
}
.linkedin .linkedin-image img {
  width: 70%;
  height: auto;
  position: relative;
  border-radius: 0.75rem 2.5rem 0.75rem 2.5rem;
  opacity: 0.75;
}
@media (max-width: 66rem) {
  .linkedin .linkedin-description {
    text-align: center;
  }
}
.linkedin .linkedin-description .linkedin-title {
  font-weight: 600;
  color: var(--color-accent-900);
  font-size: 2rem;
  margin-block-end: 0.5rem;
}
.linkedin .linkedin-description .linkedin-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=date],
input[type=time],
input[type=search],
input[type=url],
input[type=color] {
  width: 100%;
  padding: 1rem;
  border: 1px solid var(--color-gray-300);
  background-color: var(--color-gray-100);
  border-radius: 0.5rem;
  font-size: 1rem;
  color: var(--color-gray-800);
  transition: border-color 0.3s;
}

input[type=file] {
  width: 0;
  height: 0;
  opacity: 0;
}
input[type=file] + label {
  display: inline-block;
  width: 100%;
  padding: 1rem 1rem 1rem 4.5rem;
  border: 1px solid var(--color-gray-300);
  background-color: var(--color-gray-100);
  border-radius: 0.5rem;
  font-size: 1rem;
  color: var(--color-gray-800);
  transition: border-color 0.3s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
input[type=file] + label::before {
  position: absolute;
  padding: 1rem;
  top: 0;
  left: 0;
  height: 100%;
  content: url(/assets/images/upload.svg);
  padding-inline-end: 1rem;
  border-right: 1px solid var(--color-gray-300);
}
input[type=file] + label.file-selected::before {
  content: url(/assets/images/check.svg);
}
input[type=file]:focus + label {
  outline-color: var(--color-accent-500);
  outline-width: 2px;
  outline-style: solid;
  outline-offset: 0px;
}

.textarea-wrapper {
  width: 100%;
  border: 1px solid var(--color-gray-300);
  background-color: var(--color-gray-100);
  border-radius: 0.5rem;
  font-size: 1rem;
  color: var(--color-gray-800);
  transition: border-color 0.3s;
  overflow: hidden;
}
.textarea-wrapper:focus, .textarea-wrapper:focus-within {
  outline-color: var(--color-accent-500);
  outline-width: 2px;
  outline-style: solid;
  outline-offset: 0px;
}
.textarea-wrapper textarea {
  margin: 0;
  padding: 1rem;
  border: 0;
  width: 100%;
  resize: none;
  margin-bottom: -0.5rem;
  color: var(--color-gray-800);
  background-color: var(--color-gray-100);
}
.textarea-wrapper textarea:focus {
  outline-color: transparent;
}

select {
  width: 100%;
  padding: 1rem;
  border: 1px solid var(--color-gray-300) !important;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: var(--color-gray-800);
  transition: border-color 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--color-gray-100);
  background-image: url("data:image/svg+xml;utf8,<svg fill='rgb(209,208,210)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 0.5rem);
  background-position-y: 1rem;
}
select:focus {
  background-image: url("data:image/svg+xml;utf8,<svg fill='rgb(178,215,210)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
}

.tooltip {
  position: absolute;
  background-color: var(--color-gray-800);
  color: var(--color-accent-100);
  padding: 0.5rem 1rem;
  white-space: nowrap;
  z-index: 1000;
  display: none;
  line-height: 1.5;
  border-radius: 0.95rem;
  box-shadow: var(--shadow-lg);
  transition: opacity 0.3s ease;
}
@media (max-width: 66rem) {
  .tooltip {
    display: none !important;
  }
}
.tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

.tooltip.top:before {
  bottom: -0.3rem;
  left: 50%;
  margin-left: -0.5rem;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid var(--color-gray-800);
}

.tooltip.bottom:before {
  top: -0.3rem;
  left: 50%;
  margin-left: -0.5rem;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid var(--color-gray-800);
}

.tooltip.left:before {
  right: -0.3rem;
  top: 50%;
  margin-top: -0.5rem;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid var(--color-gray-800);
}

.tooltip.right:before {
  left: -0.3rem;
  top: 50%;
  margin-top: -0.5rem;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-right: 0.5rem solid var(--color-gray-800);
}

#handboy {
  animation: swing ease-in-out 1.3s infinite alternate;
  transform-origin: 98% 98%;
  transform-box: fill-box;
}

#girllight {
  animation: swing ease-in-out 1.3s infinite alternate;
  transform-origin: 0% 97%;
  transform-box: fill-box;
}

#hairgirl {
  animation: swinghair ease-in-out 1.3s infinite alternate;
  transform-origin: 60% 0%;
  transform-box: fill-box;
}

#zero {
  transform-origin: bottom;
  transform-box: fill-box;
}

/*************swing************/
@keyframes swing {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
/*************swing hair************/
@keyframes swinghair {
  0% {
    transform: rotate(6deg);
  }
  100% {
    transform: rotate(-6deg);
  }
}
.org-chart ul,
.org-chart li {
  position: relative;
}
.org-chart ul {
  padding-left: 30px;
}
.org-chart li {
  list-style: none;
}
.org-chart li > .media:before,
.org-chart li.morelink > a:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 10px;
  width: 2px;
  height: 100%;
  background-color: var(--color-gray-800);
}
.org-chart li:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 35px;
  width: 16px;
  height: 2px;
  background-color: var(--color-gray-800);
}
.org-chart li:last-child > .media:before {
  height: 26px;
}
.org-chart li.morelink > a:before {
  height: 0.5em;
}
.org-chart li.morelink:before {
  top: 0.5em;
}
.org-chart li > .media .hasreports {
  display: block;
  position: absolute;
  right: 1em;
  top: 0.5em;
  width: 12px;
  height: 12px;
  border-top: 2px solid lightgray;
  border-right: 2px solid lightgray;
  transform: rotate(45deg);
}
.org-chart li > .media .reportscount {
  display: block;
  padding-top: 0.2em;
}
.org-chart .org {
  padding-left: 0;
}
.org-chart .org > li > .media:before,
.org-chart .org > li:before {
  background: none;
}
.org-chart .org .media {
  padding-left: 6px;
}
.org-chart .org .me > .media {
  padding-left: 10px;
}
.org-chart .org .media-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: 64px;
  background-color: var(--color-gray-800);
  border-radius: 50% 50% 0.5rem 50%;
}
.org-chart .org .media-container .media-object {
  width: 50%;
  height: auto;
}
.org-chart .org .media-left {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.org-chart .org .media-left .heading {
  font-size: 1.5rem;
  margin: 0rem 0 0 0;
  padding: 0;
}
.org-chart .org .media-left .heading a {
  color: var(--color-gray-800);
}
.org-chart .org .media-body p {
  padding: 0.75rem 0 2.5rem 0;
  margin: 0;
}
.org-chart .sup > .media {
  padding-left: 0;
}
.org-chart .org .morelink {
  padding: 0 0.5em;
}/*# sourceMappingURL=app.css.map */