@charset "UTF-8";
/*
* Map for breakpoints
*/
.supreme-element .container,
.supreme-element .container-fluid,
.supreme-element .container-xxl,
.supreme-element .container-xl,
.supreme-element .container-lg,
.supreme-element .container-md,
.supreme-element .container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .supreme-element .container-sm, .supreme-element .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .supreme-element .container-md, .supreme-element .container-sm, .supreme-element .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .supreme-element .container-lg, .supreme-element .container-md, .supreme-element .container-sm, .supreme-element .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .supreme-element .container-xl, .supreme-element .container-lg, .supreme-element .container-md, .supreme-element .container-sm, .supreme-element .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .supreme-element .container-xxl, .supreme-element .container-xl, .supreme-element .container-lg, .supreme-element .container-md, .supreme-element .container-sm, .supreme-element .container {
    max-width: 1320px;
  }
}
.supreme-element :root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.supreme-element .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.supreme-element .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.supreme-element .col {
  flex: 1 0 0%;
}
.supreme-element .row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.supreme-element .row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.supreme-element .row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.supreme-element .row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.supreme-element .row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.supreme-element .row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.supreme-element .row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.supreme-element .col-auto {
  flex: 0 0 auto;
  width: auto;
}
.supreme-element .col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.supreme-element .col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.supreme-element .col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.supreme-element .col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.supreme-element .col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.supreme-element .col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.supreme-element .col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.supreme-element .col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.supreme-element .col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.supreme-element .col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.supreme-element .col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.supreme-element .col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.supreme-element .offset-1 {
  margin-left: 8.33333333%;
}
.supreme-element .offset-2 {
  margin-left: 16.66666667%;
}
.supreme-element .offset-3 {
  margin-left: 25%;
}
.supreme-element .offset-4 {
  margin-left: 33.33333333%;
}
.supreme-element .offset-5 {
  margin-left: 41.66666667%;
}
.supreme-element .offset-6 {
  margin-left: 50%;
}
.supreme-element .offset-7 {
  margin-left: 58.33333333%;
}
.supreme-element .offset-8 {
  margin-left: 66.66666667%;
}
.supreme-element .offset-9 {
  margin-left: 75%;
}
.supreme-element .offset-10 {
  margin-left: 83.33333333%;
}
.supreme-element .offset-11 {
  margin-left: 91.66666667%;
}
.supreme-element .g-0,
.supreme-element .gx-0 {
  --bs-gutter-x: 0;
}
.supreme-element .g-0,
.supreme-element .gy-0 {
  --bs-gutter-y: 0;
}
.supreme-element .g-1,
.supreme-element .gx-1 {
  --bs-gutter-x: 0.25rem;
}
.supreme-element .g-1,
.supreme-element .gy-1 {
  --bs-gutter-y: 0.25rem;
}
.supreme-element .g-2,
.supreme-element .gx-2 {
  --bs-gutter-x: 0.5rem;
}
.supreme-element .g-2,
.supreme-element .gy-2 {
  --bs-gutter-y: 0.5rem;
}
.supreme-element .g-3,
.supreme-element .gx-3 {
  --bs-gutter-x: 1rem;
}
.supreme-element .g-3,
.supreme-element .gy-3 {
  --bs-gutter-y: 1rem;
}
.supreme-element .g-4,
.supreme-element .gx-4 {
  --bs-gutter-x: 1.5rem;
}
.supreme-element .g-4,
.supreme-element .gy-4 {
  --bs-gutter-y: 1.5rem;
}
.supreme-element .g-5,
.supreme-element .gx-5 {
  --bs-gutter-x: 3rem;
}
.supreme-element .g-5,
.supreme-element .gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .supreme-element .col-sm {
    flex: 1 0 0%;
  }
  .supreme-element .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .supreme-element .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .supreme-element .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .supreme-element .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .supreme-element .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .supreme-element .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .supreme-element .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .supreme-element .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .supreme-element .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .offset-sm-0 {
    margin-left: 0;
  }
  .supreme-element .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .supreme-element .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .supreme-element .offset-sm-3 {
    margin-left: 25%;
  }
  .supreme-element .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .supreme-element .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .supreme-element .offset-sm-6 {
    margin-left: 50%;
  }
  .supreme-element .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .supreme-element .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .supreme-element .offset-sm-9 {
    margin-left: 75%;
  }
  .supreme-element .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .supreme-element .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .supreme-element .g-sm-0,
  .supreme-element .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .supreme-element .g-sm-0,
  .supreme-element .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .supreme-element .g-sm-1,
  .supreme-element .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .supreme-element .g-sm-1,
  .supreme-element .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .supreme-element .g-sm-2,
  .supreme-element .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .supreme-element .g-sm-2,
  .supreme-element .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .supreme-element .g-sm-3,
  .supreme-element .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .supreme-element .g-sm-3,
  .supreme-element .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .supreme-element .g-sm-4,
  .supreme-element .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .supreme-element .g-sm-4,
  .supreme-element .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .supreme-element .g-sm-5,
  .supreme-element .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .supreme-element .g-sm-5,
  .supreme-element .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .supreme-element .col-md {
    flex: 1 0 0%;
  }
  .supreme-element .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .supreme-element .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .supreme-element .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .supreme-element .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .supreme-element .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .supreme-element .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .supreme-element .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .supreme-element .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .supreme-element .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .offset-md-0 {
    margin-left: 0;
  }
  .supreme-element .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .supreme-element .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .supreme-element .offset-md-3 {
    margin-left: 25%;
  }
  .supreme-element .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .supreme-element .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .supreme-element .offset-md-6 {
    margin-left: 50%;
  }
  .supreme-element .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .supreme-element .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .supreme-element .offset-md-9 {
    margin-left: 75%;
  }
  .supreme-element .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .supreme-element .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .supreme-element .g-md-0,
  .supreme-element .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .supreme-element .g-md-0,
  .supreme-element .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .supreme-element .g-md-1,
  .supreme-element .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .supreme-element .g-md-1,
  .supreme-element .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .supreme-element .g-md-2,
  .supreme-element .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .supreme-element .g-md-2,
  .supreme-element .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .supreme-element .g-md-3,
  .supreme-element .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .supreme-element .g-md-3,
  .supreme-element .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .supreme-element .g-md-4,
  .supreme-element .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .supreme-element .g-md-4,
  .supreme-element .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .supreme-element .g-md-5,
  .supreme-element .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .supreme-element .g-md-5,
  .supreme-element .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .supreme-element .col-lg {
    flex: 1 0 0%;
  }
  .supreme-element .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .supreme-element .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .supreme-element .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .supreme-element .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .supreme-element .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .supreme-element .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .supreme-element .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .supreme-element .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .supreme-element .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .offset-lg-0 {
    margin-left: 0;
  }
  .supreme-element .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .supreme-element .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .supreme-element .offset-lg-3 {
    margin-left: 25%;
  }
  .supreme-element .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .supreme-element .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .supreme-element .offset-lg-6 {
    margin-left: 50%;
  }
  .supreme-element .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .supreme-element .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .supreme-element .offset-lg-9 {
    margin-left: 75%;
  }
  .supreme-element .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .supreme-element .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .supreme-element .g-lg-0,
  .supreme-element .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .supreme-element .g-lg-0,
  .supreme-element .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .supreme-element .g-lg-1,
  .supreme-element .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .supreme-element .g-lg-1,
  .supreme-element .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .supreme-element .g-lg-2,
  .supreme-element .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .supreme-element .g-lg-2,
  .supreme-element .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .supreme-element .g-lg-3,
  .supreme-element .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .supreme-element .g-lg-3,
  .supreme-element .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .supreme-element .g-lg-4,
  .supreme-element .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .supreme-element .g-lg-4,
  .supreme-element .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .supreme-element .g-lg-5,
  .supreme-element .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .supreme-element .g-lg-5,
  .supreme-element .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .supreme-element .col-xl {
    flex: 1 0 0%;
  }
  .supreme-element .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .supreme-element .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .supreme-element .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .supreme-element .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .supreme-element .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .supreme-element .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .supreme-element .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .supreme-element .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .supreme-element .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .offset-xl-0 {
    margin-left: 0;
  }
  .supreme-element .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .supreme-element .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .supreme-element .offset-xl-3 {
    margin-left: 25%;
  }
  .supreme-element .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .supreme-element .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .supreme-element .offset-xl-6 {
    margin-left: 50%;
  }
  .supreme-element .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .supreme-element .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .supreme-element .offset-xl-9 {
    margin-left: 75%;
  }
  .supreme-element .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .supreme-element .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .supreme-element .g-xl-0,
  .supreme-element .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .supreme-element .g-xl-0,
  .supreme-element .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .supreme-element .g-xl-1,
  .supreme-element .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .supreme-element .g-xl-1,
  .supreme-element .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .supreme-element .g-xl-2,
  .supreme-element .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .supreme-element .g-xl-2,
  .supreme-element .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .supreme-element .g-xl-3,
  .supreme-element .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .supreme-element .g-xl-3,
  .supreme-element .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .supreme-element .g-xl-4,
  .supreme-element .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .supreme-element .g-xl-4,
  .supreme-element .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .supreme-element .g-xl-5,
  .supreme-element .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .supreme-element .g-xl-5,
  .supreme-element .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .supreme-element .col-xxl {
    flex: 1 0 0%;
  }
  .supreme-element .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .supreme-element .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .supreme-element .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .supreme-element .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .supreme-element .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .supreme-element .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .supreme-element .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .supreme-element .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .supreme-element .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .supreme-element .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .supreme-element .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .supreme-element .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .supreme-element .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .supreme-element .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .supreme-element .offset-xxl-0 {
    margin-left: 0;
  }
  .supreme-element .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .supreme-element .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .supreme-element .offset-xxl-3 {
    margin-left: 25%;
  }
  .supreme-element .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .supreme-element .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .supreme-element .offset-xxl-6 {
    margin-left: 50%;
  }
  .supreme-element .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .supreme-element .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .supreme-element .offset-xxl-9 {
    margin-left: 75%;
  }
  .supreme-element .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .supreme-element .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .supreme-element .g-xxl-0,
  .supreme-element .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .supreme-element .g-xxl-0,
  .supreme-element .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .supreme-element .g-xxl-1,
  .supreme-element .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .supreme-element .g-xxl-1,
  .supreme-element .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .supreme-element .g-xxl-2,
  .supreme-element .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .supreme-element .g-xxl-2,
  .supreme-element .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .supreme-element .g-xxl-3,
  .supreme-element .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .supreme-element .g-xxl-3,
  .supreme-element .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .supreme-element .g-xxl-4,
  .supreme-element .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .supreme-element .g-xxl-4,
  .supreme-element .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .supreme-element .g-xxl-5,
  .supreme-element .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .supreme-element .g-xxl-5,
  .supreme-element .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 576px) {
  .supreme-element .container, .supreme-element .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .supreme-element .container, .supreme-element .container-sm, .supreme-element .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .supreme-element .container, .supreme-element .container-sm, .supreme-element .container-md, .supreme-element .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .supreme-element .container, .supreme-element .container-sm, .supreme-element .container-md, .supreme-element .container-lg, .supreme-element .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .supreme-element .container, .supreme-element .container-sm, .supreme-element .container-md, .supreme-element .container-lg, .supreme-element .container-xl, .supreme-element .container-xxl {
    max-width: 1400px;
  }
}

.supreme-element h1:not([class*=headline-]),
.supreme-element h2:not([class*=headline-]),
.supreme-element h3:not([class*=headline-]),
.supreme-element h4:not([class*=headline-]),
.supreme-element h5:not([class*=headline-]),
.supreme-element h6:not([class*=headline-]) {
  margin-top: 0;
  margin-bottom: 0;
}
.supreme-element button:not([class]) {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  text-align: inherit;
  cursor: pointer;
}
.supreme-element p {
  margin-top: 0;
  margin-bottom: 0;
}

.supreme-element {
  --spacing-xxxs: 0.125rem;
  --spacing-xxs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.25rem;
  --spacing-xl: 1.5rem;
  --spacing-xxl: 2rem;
  --spacing-3xl: 2.5rem;
  --spacing-4xl: 5rem;
  --spacing-5xl: 7rem;
  --spacing-6xl: 8.5rem;
  --spacing-7xl: 10rem;
  --spacing-8xl: 12rem;
  --border-radius-border-radius-full: 1.25rem;
  --border-radius-border-radius-20: 1.25rem;
  --Stroke-Border-Width: 1px;
  --Stroke-Divider-Width: 1px;
  --Grid-Variables-Grid-Construction-grid-column-count: 12;
}
@media (max-width: 767px) {
  .supreme-element {
    --spacing-lg: 1.125rem;
    --spacing-xl: 1.75rem;
    --spacing-xxl: 1.875rem;
    --spacing-3xl: 2.125rem;
    --spacing-4xl: 3.75rem;
    --spacing-5xl: 5rem;
    --spacing-6xl: 6.25rem;
    --spacing-7xl: 7.5rem;
    --spacing-8xl: 8.75rem;
  }
}

@property --light-violet {
  syntax: "<color>";
  inherits: false;
  initial-value: rgb(161, 120, 255);
}
@property --light-cyan {
  syntax: "<color>";
  inherits: false;
  initial-value: rgb(81, 248, 255);
}
.supreme-element {
  --Brand-Colors-Primary-Adenine-Green: #20d340;
  --Brand-Colors-Primary-Cytosine-Blue: #00d1ed;
  --Brand-Colors-Primary-Black: #000000;
  --Brand-Colors-Primary-White: #ffffff;
  --Brand-Colors-Neutrals-Gray-200: #d1d1d1;
  --Brand-Colors-Neutrals-Gray-300: #aaaaaa;
  --Brand-Colors-Light-Gray: #e0e0e0;
  --Brand-Colors-Light-grayish-cyan: #f4f9fa;
  --Heading-Color-1: #262626;
  --Heading-Color-2: #ffffff;
  --Heading-Color-1-Alt: #707070;
  --text: #262626;
  --Very-Light-Green: #f0fff4;
  --Gray-200: #d1d1d1;
  --Gradient-Horizontal: linear-gradient(
  	180deg,
  	var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%,
  	var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%
  );
  --Gradient-Horizontal-Reverse: linear-gradient(
  	180deg,
  	var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 0%,
  	var(--Brand-Colors-Primary-Adenine-Green, #20d340) 100%
  );
  --Gradient-Vertical: linear-gradient(
  	0deg,
  	var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 0%,
  	var(--Brand-Colors-Primary-Adenine-Green, #20d340) 100%
  );
}
.supreme-element.text-gradient-green-blue,
.supreme-element .text-gradient-green-blue {
  background: linear-gradient(135deg, var(--Brand-Colors-Primary-Adenine-Green) 0%, var(--Brand-Colors-Primary-Cytosine-Blue) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.element-spacing {
  padding: 3.125rem 0;
}
@media (max-width: 767px) {
  .element-spacing {
    padding: 1.875rem 0 0.625rem 0;
  }
}

.ct-elements-managers-body .oxy-supreme-elements-icon-row {
  margin-bottom: 0rem;
}

.oxy-supreme-elements-icon-row {
  margin-bottom: 2.5rem;
}
.oxy-supreme-elements-icon-row-section {
  padding: 5rem 0 4.375rem 0;
}
@media (max-width: 767px) {
  .oxy-supreme-elements-icon-row-section {
    padding: 2.5rem 0 0.625rem 0;
  }
}
.oxy-supreme-elements-icon-row-section .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.element-container {
  max-width: 1440px;
  margin: 0 auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.oxy-supreme-elements-info-box,
.oxy-supreme-elements-showcase-cards-button,
.oxy-supreme-elements-featured-resources {
  width: 100%;
}

.supreme-element {
  --Font-Family-Primary: "Runda", Arial, sans-serif;
  --Font-Family-Secondary: "Open Sans", sans-serif;
  --Font-Family-Special-Case: "Roboto Mono", monospace;
  --Font-Size-f-size-6xl: 6.25rem;
  --Font-Size-f-size-5xl: 5rem;
  --Font-Size-f-size-4xl: 3.75rem;
  --Font-Size-f-size-xxxl: 3.5rem;
  --Font-Size-f-size-xxl: 2.5rem;
  --Font-Size-f-size-xl: 1.75rem;
  --Font-Size-f-size-lg: 1.5rem;
  --Font-Size-f-size-md: 1.25rem;
  --Font-Size-Paragraph-f-size: 1.125rem;
  --Font-Size-f-size-xs: 1rem;
  --Font-Size-f-size-xxs: 0.875rem;
  --Font-Size-f-size-xxxs: 0.75rem;
  --Font-Weight-Bold: 700;
  --Font-Weight-Medium: 500;
  --Font-Weight-Regular: 400;
  --Line-Height-Line-height-f-size-6xl: 6.25rem;
  --Line-Height-Line-height-f-size-5xl: 5.9375rem;
  --Line-Height-Line-height-f-size-4xl: 4.0625rem;
  --Line-Height-Line-height-f-size-xxxl: 4rem;
  --Line-Height-Line-height-f-size-xxl: 3.375rem;
  --Line-Height-Line-height-f-size-xl: 2.625rem;
  --Line-Height-Line-height-f-size-lg: 2.125rem;
  --Line-Height-Line-height-f-size-md: 1.875rem;
  --Line-Height-Paragraph-line-height: 1.75rem;
  --Line-Height-Line-height-f-size-xs: 1.625rem;
  --Line-Height-Line-height-f-size-xxs: 1.375rem;
  --Line-Height-Line-height-f-size-xxxs: 1.25rem;
  --Paragraph-Spacing-paragraph-spacing: 0.9375rem;
  --Paragraph-Spacing-new-paragraph-below: 2rem;
  font-family: var(--Font-Family-Secondary);
}
@media (max-width: 767px) {
  .supreme-element {
    --Font-Size-f-size-6xl: 3.75rem;
    --Font-Size-f-size-5xl: 2.75rem;
    --Font-Size-f-size-4xl: 2rem;
    --Font-Size-f-size-xxxl: 1.625rem;
    --Font-Size-f-size-xxl: 1.375rem;
    --Font-Size-f-size-xl: 1.25rem;
    --Font-Size-f-size-lg: 1.125rem;
    --Font-Size-f-size-md: 1rem;
    --Font-Size-Paragraph-f-size: 0.875rem;
    --Font-Size-f-size-xs: 0.875rem;
    --Font-Size-f-size-xxs: 0.875rem;
    --Font-Size-f-size-xxxs: 0.875rem;
    --Line-Height-Line-height-f-size-6xl: 3.75rem;
    --Line-Height-Line-height-f-size-5xl: 3.125rem;
    --Line-Height-Line-height-f-size-4xl: 2.25rem;
    --Line-Height-Line-height-f-size-xxxl: 2rem;
    --Line-Height-Line-height-f-size-xxl: 1.75rem;
    --Line-Height-Line-height-f-size-xl: 1.5rem;
    --Line-Height-Line-height-f-size-lg: 1.5rem;
    --Line-Height-Line-height-f-size-md: 1.375rem;
    --Line-Height-Paragraph-line-height: 1.4375rem;
    --Line-Height-Line-height-f-size-xs: 1.5rem;
    --Line-Height-Line-height-f-size-xxs: 1.375rem;
    --Line-Height-Line-height-f-size-xxxs: 1.375rem;
  }
}
.supreme-element .font-family-primary {
  font-family: var(--Font-Family-Primary);
}
.supreme-element .font-family-secondary {
  font-family: var(--Font-Family-Secondary);
}
.supreme-element p {
  font-size: var(--Font-Size-Paragraph-f-size);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-6xl,
.supreme-element h1.headline-6xl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-6xl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-6xl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-5xl,
.supreme-element h1.headline-5xl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-5xl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-5xl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-4xl,
.supreme-element h1.headline-4xl,
.supreme-element h2.headline-4xl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-4xl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-4xl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xxxl,
.supreme-element h1.headline-xxxl,
.supreme-element h2.headline-xxxl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxxl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-xxxl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xxl, .supreme-element.pipeline-section .pipeline-tile .tile-title, .supreme-element.synthego-hero .hero-stats .stat-column .stat-value,
.supreme-element h2.headline-xxl,
.supreme-element h3.headline-xxl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-xxl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xl, .supreme-element.synthego-hero .hero-stats .stats-intro,
.supreme-element h3.headline-xl,
.supreme-element h4.headline-xl {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xl);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-xl);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-lg,
.supreme-element h4.headline-lg,
.supreme-element h5.headline-lg {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-lg);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-lg);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-md,
.supreme-element h5.headline-md,
.supreme-element h6.headline-md {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-md);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-md);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xs {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xxs, .supreme-element .hero-form-hubspot .hs-form .hs-form-field label, .hero-form-hubspot .hs-form .hs-form-field .supreme-element label {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xxs);
  color: var(--Heading-Color-1);
}
.supreme-element .headline-xxxs, .supreme-element .hero-form-hubspot .hs-form .hs-form-field .hs-error-msgs label, .hero-form-hubspot .hs-form .hs-form-field .hs-error-msgs .supreme-element label,
.supreme-element .headline-3xs {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxxs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xxxs);
  color: var(--Heading-Color-1);
}
.supreme-element .paragraph-regular, .supreme-element .text-media-section .text-content .text-wrapper .text-body p, .text-media-section .text-content .text-wrapper .text-body .supreme-element p, .supreme-element .resources-section .resources-header .resources-content-wrap .resources-text p, .resources-section .resources-header .resources-content-wrap .resources-text .supreme-element p, .supreme-element.synthego-hero .hero-stats .stat-column .stat-label {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-Paragraph-f-size);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
.supreme-element .paragraph-small, .supreme-element .hero-form-hubspot .hs-form .hs-form-field input[type=text], .hero-form-hubspot .hs-form .hs-form-field .supreme-element input[type=text],
.supreme-element .hero-form-hubspot .hs-form .hs-form-field input[type=email],
.hero-form-hubspot .hs-form .hs-form-field .supreme-element input[type=email],
.supreme-element .hero-form-hubspot .hs-form .hs-form-field input[type=tel],
.hero-form-hubspot .hs-form .hs-form-field .supreme-element input[type=tel],
.supreme-element .hero-form-hubspot .hs-form .hs-form-field textarea,
.hero-form-hubspot .hs-form .hs-form-field .supreme-element textarea,
.supreme-element .hero-form-hubspot .hs-form .hs-form-field select,
.hero-form-hubspot .hs-form .hs-form-field .supreme-element select, .supreme-element .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap p, .resources-section .resources-grid .resource-card .resource-content .resource-content-wrap .supreme-element p {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
  color: var(--Heading-Color-1);
}
.supreme-element .caption-regular {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
  text-transform: uppercase;
  color: var(--Heading-Color-1);
}
.supreme-element .stamp-regular, .supreme-element .resources-section .resources-footer .resources-pagination-info, .resources-section .resources-footer .supreme-element .resources-pagination-info, .supreme-element .resources-section .resources-grid .resource-card .resource-category span, .resources-section .resources-grid .resource-card .resource-category .supreme-element span, .supreme-element .resources-section .resources-header .resources-count, .resources-section .resources-header .supreme-element .resources-count {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xxs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xxs);
  text-transform: uppercase;
  color: var(--Heading-Color-1);
}
.supreme-element .section-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.supreme-element h1:not([class*=headline-]), .supreme-element h2:not([class*=headline-]), .supreme-element h3:not([class*=headline-]), .supreme-element h4:not([class*=headline-]), .supreme-element h5:not([class*=headline-]), .supreme-element h6:not([class*=headline-]) {
  margin-top: 0;
  margin-bottom: 0;
}
.supreme-element h1:not([class*=headline-]) + h1, .supreme-element h1:not([class*=headline-]) + h2, .supreme-element h1:not([class*=headline-]) + h3, .supreme-element h1:not([class*=headline-]) + h4, .supreme-element h1:not([class*=headline-]) + h5, .supreme-element h1:not([class*=headline-]) + h6, .supreme-element h2:not([class*=headline-]) + h1, .supreme-element h2:not([class*=headline-]) + h2, .supreme-element h2:not([class*=headline-]) + h3, .supreme-element h2:not([class*=headline-]) + h4, .supreme-element h2:not([class*=headline-]) + h5, .supreme-element h2:not([class*=headline-]) + h6, .supreme-element h3:not([class*=headline-]) + h1, .supreme-element h3:not([class*=headline-]) + h2, .supreme-element h3:not([class*=headline-]) + h3, .supreme-element h3:not([class*=headline-]) + h4, .supreme-element h3:not([class*=headline-]) + h5, .supreme-element h3:not([class*=headline-]) + h6, .supreme-element h4:not([class*=headline-]) + h1, .supreme-element h4:not([class*=headline-]) + h2, .supreme-element h4:not([class*=headline-]) + h3, .supreme-element h4:not([class*=headline-]) + h4, .supreme-element h4:not([class*=headline-]) + h5, .supreme-element h4:not([class*=headline-]) + h6, .supreme-element h5:not([class*=headline-]) + h1, .supreme-element h5:not([class*=headline-]) + h2, .supreme-element h5:not([class*=headline-]) + h3, .supreme-element h5:not([class*=headline-]) + h4, .supreme-element h5:not([class*=headline-]) + h5, .supreme-element h5:not([class*=headline-]) + h6, .supreme-element h6:not([class*=headline-]) + h1, .supreme-element h6:not([class*=headline-]) + h2, .supreme-element h6:not([class*=headline-]) + h3, .supreme-element h6:not([class*=headline-]) + h4, .supreme-element h6:not([class*=headline-]) + h5, .supreme-element h6:not([class*=headline-]) + h6 {
  margin-top: var(--spacing-xl, 24px);
}
.supreme-element h1:not([class*=headline-]) + p, .supreme-element h2:not([class*=headline-]) + p, .supreme-element h3:not([class*=headline-]) + p, .supreme-element h4:not([class*=headline-]) + p, .supreme-element h5:not([class*=headline-]) + p, .supreme-element h6:not([class*=headline-]) + p {
  margin-top: var(--spacing-xl, 24px);
}
.supreme-element p {
  margin-top: 0;
  margin-bottom: 0;
}
.supreme-element p + p {
  margin-top: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element p + h1, .supreme-element p + h2, .supreme-element p + h3, .supreme-element p + h4, .supreme-element p + h5, .supreme-element p + h6 {
  margin-top: var(--Paragraph-Spacing-new-paragraph-below, 32px);
}
.supreme-element .section-header .headline-xxxl + .headline-xl, .supreme-element.synthego-hero .section-header .hero-stats .headline-xxxl + .stats-intro, .supreme-element.synthego-hero .hero-stats .section-header .headline-xxxl + .stats-intro {
  margin-top: var(--spacing-xl, 24px);
}
.supreme-element .section-header .headline-xl + p, .supreme-element.synthego-hero .section-header .hero-stats .stats-intro + p, .supreme-element.synthego-hero .hero-stats .section-header .stats-intro + p {
  margin-top: var(--spacing-xl, 24px);
}
.supreme-element .hero-spacing .headline-xxxl + .headline-xxl, .supreme-element.pipeline-section .hero-spacing .pipeline-tile .headline-xxxl + .tile-title, .supreme-element.pipeline-section .pipeline-tile .hero-spacing .headline-xxxl + .tile-title, .supreme-element.synthego-hero .hero-spacing .hero-stats .stat-column .headline-xxxl + .stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .hero-spacing .headline-xxxl + .stat-value {
  margin-top: var(--spacing-3xl, 40px);
}
.supreme-element .card-content .card-header + p {
  margin-top: var(--spacing-xl, 24px);
}

.spacing-xs {
  margin-bottom: var(--spacing-xs, 8px);
}
.spacing-sm {
  margin-bottom: var(--spacing-sm, 12px);
}
.spacing-md {
  margin-bottom: var(--spacing-md, 16px);
}
.spacing-lg {
  margin-bottom: var(--spacing-lg, 20px);
}
.spacing-xl {
  margin-bottom: var(--spacing-xl, 24px);
}
.spacing-xxl {
  margin-bottom: var(--spacing-xxl, 32px);
}
.spacing-3xl {
  margin-bottom: var(--spacing-3xl, 40px);
}
.spacing-4xl {
  margin-bottom: var(--spacing-4xl, 80px);
}
.spacing-5xl {
  margin-bottom: var(--spacing-5xl, 112px);
}

.gap-xs {
  gap: var(--spacing-xs, 8px);
}
.gap-sm {
  gap: var(--spacing-sm, 12px);
}
.gap-md {
  gap: var(--spacing-md, 16px);
}
.gap-lg {
  gap: var(--spacing-lg, 20px);
}
.gap-xl {
  gap: var(--spacing-xl, 24px);
}
.gap-xxl {
  gap: var(--spacing-xxl, 32px);
}
.gap-3xl {
  gap: var(--spacing-3xl, 40px);
}
.gap-4xl {
  gap: var(--spacing-4xl, 80px);
}
.gap-5xl {
  gap: var(--spacing-5xl, 112px);
}

@media (min-width: 993px) {
  .mobile-only {
    display: none;
  }
}

@media (max-width: 992px) {
  .mobile-nav-visible {
    overflow-y: hidden;
  }
}

.synthego-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 1439px) {
  .synthego-container {
    padding: 0 var(--spacing-xl);
  }
}
@media (max-width: 767px) {
  .synthego-container {
    padding: 0 var(--spacing-lg);
  }
}

.synthego-section {
  padding: var(--spacing-4xl) 0;
}
@media (max-width: 991px) {
  .synthego-section {
    padding: var(--spacing-3xl) 0;
  }
}
@media (max-width: 767px) {
  .synthego-section {
    padding: var(--spacing-3xl) 0;
  }
}

.synthego-card {
  transition: all 0.3s ease;
}
.synthego-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.synthego-description {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-Paragraph-f-size);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--text);
}

.synthego-category-tag {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xxs);
  font-weight: var(--Font-Weight-Regular);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.synthego-gradient-bg {
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green) 0%, var(--Brand-Colors-Primary-Cytosine-Blue) 100%);
}

.synthego-gradient-text {
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green) 0%, var(--Brand-Colors-Primary-Cytosine-Blue) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.synthego-border-light {
  border: 1px solid var(--Gray-200);
}

.synthego-border-radius-sm {
  border-radius: 8px;
}

.synthego-border-radius-md {
  border-radius: 12px;
}

.synthego-border-radius-lg {
  border-radius: 20px;
}

.synthego-progress-bar {
  width: 100%;
  height: 8px;
  background: var(--Gray-200);
  border-radius: 4px;
  overflow: hidden;
}
.synthego-progress-bar .progress-fill {
  height: 100%;
  background: var(--Brand-Colors-Primary-Black);
  transition: width 0.3s ease;
}

.synthego-load-more {
  margin: var(--spacing-3xl) auto 0;
  display: block;
}

@media (min-width: 993px) {
  .ct-inner-content {
    overflow: visible;
  }
}

.supreme-sticky-sidebar {
  position: sticky;
  top: 0;
  align-self: flex-start;
  margin-top: 3rem;
}
@media (max-width: 992px) {
  .supreme-sticky-sidebar {
    position: relative;
  }
}

.supreme-global-wrapper {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
@media (min-width: 1440px) {
  .supreme-global-wrapper {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (max-width: 767px) {
  .supreme-global-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.supreme-global-container {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

.button-green-border, .supreme-element.one-button-cta .cta-button,
.btn-green-border,
.supreme-element .button-green-border,
.supreme-element .btn-green-border, .button-quaternary,
.btn-quaternary,
.supreme-element .button-quaternary,
.supreme-element .btn-quaternary, .button-tertiary, .supreme-element.about-section .about-button, .supreme-element.synthego-hero .btn-secondary,
.btn-tertiary,
.supreme-element .button-tertiary,
.supreme-element .btn-tertiary, .button-secondary,
.btn-secondary,
.supreme-element .button-secondary,
.supreme-element .btn-secondary, .button-primary, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button, .resources-section .resources-footer .resources-load-more, .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.title-text-button-hero .hero-button, .supreme-element.synthego-hero .btn-primary, .synthego-load-more,
.btn-primary,
.supreme-element .button-primary,
.supreme-element .resources-section .resources-footer .resources-load-more,
.resources-section .resources-footer .supreme-element .resources-load-more,
.supreme-element .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  border-radius: 10px;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  overflow: visible;
}
.button-green-border:focus, .supreme-element.one-button-cta .cta-button:focus,
.btn-green-border:focus, .button-quaternary:focus,
.btn-quaternary:focus, .button-tertiary:focus, .supreme-element.about-section .about-button:focus, .supreme-element.synthego-hero .btn-secondary:focus,
.btn-tertiary:focus, .button-secondary:focus,
.btn-secondary:focus, .button-primary:focus, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button:focus, .resources-section .resources-footer .resources-load-more:focus, .supreme-element.fifty-fifty-hero .hero-button:focus, .supreme-element.title-text-button-hero .hero-button:focus, .supreme-element.synthego-hero .btn-primary:focus, .synthego-load-more:focus,
.btn-primary:focus {
  outline: 2px solid var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  outline-offset: 2px;
}
.button-green-border svg, .supreme-element.one-button-cta .cta-button svg,
.btn-green-border svg,
.supreme-element .button-green-border svg,
.supreme-element .btn-green-border svg, .button-quaternary svg,
.btn-quaternary svg,
.supreme-element .button-quaternary svg,
.supreme-element .btn-quaternary svg, .button-tertiary svg, .supreme-element.about-section .about-button svg, .supreme-element.synthego-hero .btn-secondary svg,
.btn-tertiary svg,
.supreme-element .button-tertiary svg,
.supreme-element .btn-tertiary svg, .button-secondary svg,
.btn-secondary svg,
.supreme-element .button-secondary svg,
.supreme-element .btn-secondary svg, .button-primary svg, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button svg, .resources-section .resources-footer .resources-load-more svg, .supreme-element.fifty-fifty-hero .hero-button svg, .supreme-element.title-text-button-hero .hero-button svg, .supreme-element.synthego-hero .btn-primary svg, .synthego-load-more svg,
.btn-primary svg,
.supreme-element .button-primary svg,
.supreme-element .resources-section .resources-footer .resources-load-more svg,
.resources-section .resources-footer .supreme-element .resources-load-more svg,
.supreme-element .btn-primary svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.button-green-border svg path, .supreme-element.one-button-cta .cta-button svg path,
.btn-green-border svg path,
.supreme-element .button-green-border svg path,
.supreme-element .btn-green-border svg path, .button-quaternary svg path,
.btn-quaternary svg path,
.supreme-element .button-quaternary svg path,
.supreme-element .btn-quaternary svg path, .button-tertiary svg path, .supreme-element.about-section .about-button svg path, .supreme-element.synthego-hero .btn-secondary svg path,
.btn-tertiary svg path,
.supreme-element .button-tertiary svg path,
.supreme-element .btn-tertiary svg path, .button-secondary svg path,
.btn-secondary svg path,
.supreme-element .button-secondary svg path,
.supreme-element .btn-secondary svg path, .button-primary svg path, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button svg path, .resources-section .resources-footer .resources-load-more svg path, .supreme-element.fifty-fifty-hero .hero-button svg path, .supreme-element.title-text-button-hero .hero-button svg path, .supreme-element.synthego-hero .btn-primary svg path, .synthego-load-more svg path,
.btn-primary svg path,
.supreme-element .button-primary svg path,
.supreme-element .resources-section .resources-footer .resources-load-more svg path,
.resources-section .resources-footer .supreme-element .resources-load-more svg path,
.supreme-element .btn-primary svg path {
  transition: fill 0.3s ease;
}
.button-green-border span, .supreme-element.one-button-cta .cta-button span,
.btn-green-border span,
.supreme-element .button-green-border span,
.supreme-element .btn-green-border span, .button-quaternary span,
.btn-quaternary span,
.supreme-element .button-quaternary span,
.supreme-element .btn-quaternary span, .button-tertiary span, .supreme-element.about-section .about-button span, .supreme-element.synthego-hero .btn-secondary span,
.btn-tertiary span,
.supreme-element .button-tertiary span,
.supreme-element .btn-tertiary span, .button-secondary span,
.btn-secondary span,
.supreme-element .button-secondary span,
.supreme-element .btn-secondary span, .button-primary span, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button span, .resources-section .resources-footer .resources-load-more span, .supreme-element.fifty-fifty-hero .hero-button span, .supreme-element.title-text-button-hero .hero-button span, .supreme-element.synthego-hero .btn-primary span, .synthego-load-more span,
.btn-primary span,
.supreme-element .button-primary span,
.supreme-element .resources-section .resources-footer .resources-load-more span,
.resources-section .resources-footer .supreme-element .resources-load-more span,
.supreme-element .btn-primary span {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .button-green-border, .supreme-element.one-button-cta .cta-button,
  .btn-green-border,
  .supreme-element .button-green-border,
  .supreme-element .btn-green-border, .button-quaternary,
  .btn-quaternary,
  .supreme-element .button-quaternary,
  .supreme-element .btn-quaternary, .button-tertiary, .supreme-element.about-section .about-button, .supreme-element.synthego-hero .btn-secondary,
  .btn-tertiary,
  .supreme-element .button-tertiary,
  .supreme-element .btn-tertiary, .button-secondary,
  .btn-secondary,
  .supreme-element .button-secondary,
  .supreme-element .btn-secondary, .button-primary, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button, .resources-section .resources-footer .resources-load-more, .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.title-text-button-hero .hero-button, .supreme-element.synthego-hero .btn-primary, .synthego-load-more,
  .btn-primary,
  .supreme-element .button-primary,
  .supreme-element .resources-section .resources-footer .resources-load-more,
  .resources-section .resources-footer .supreme-element .resources-load-more,
  .supreme-element .btn-primary {
    font-size: var(--Font-Size-f-size-xs, 16px);
    padding: var(--spacing-xs, 8px) var(--spacing-xl, 24px);
  }
}

.button-primary, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button, .resources-section .resources-footer .resources-load-more, .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.title-text-button-hero .hero-button, .supreme-element.synthego-hero .btn-primary, .synthego-load-more,
.btn-primary,
.supreme-element .button-primary,
.supreme-element .resources-section .resources-footer .resources-load-more,
.resources-section .resources-footer .supreme-element .resources-load-more,
.supreme-element .btn-primary {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: none;
}
.button-primary::after, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button::after, .resources-section .resources-footer .resources-load-more::after, .supreme-element.fifty-fifty-hero .hero-button::after, .supreme-element.title-text-button-hero .hero-button::after, .supreme-element.synthego-hero .btn-primary::after, .synthego-load-more::after,
.btn-primary::after,
.supreme-element .button-primary::after,
.supreme-element .resources-section .resources-footer .resources-load-more::after,
.resources-section .resources-footer .supreme-element .resources-load-more::after,
.supreme-element .synthego-load-more::after,
.supreme-element .btn-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Black, #000000);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.button-primary:hover::after, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button:hover::after, .resources-section .resources-footer .resources-load-more:hover::after, .supreme-element.fifty-fifty-hero .hero-button:hover::after, .supreme-element.title-text-button-hero .hero-button:hover::after, .synthego-load-more:hover::after,
.btn-primary:hover::after,
.supreme-element .button-primary:hover::after,
.supreme-element .btn-primary:hover::after {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  z-index: 1;
}
.button-primary::before, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button::before, .resources-section .resources-footer .resources-load-more::before, .supreme-element.fifty-fifty-hero .hero-button::before, .supreme-element.title-text-button-hero .hero-button::before, .supreme-element.synthego-hero .btn-primary::before, .synthego-load-more::before,
.btn-primary::before,
.supreme-element .button-primary::before,
.supreme-element .resources-section .resources-footer .resources-load-more::before,
.resources-section .resources-footer .supreme-element .resources-load-more::before,
.supreme-element .synthego-load-more::before,
.supreme-element .btn-primary::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 7px;
  background-color: inherit;
  z-index: 0;
  transition: background-color 0.3s ease;
}
.button-primary:hover, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button:hover, .resources-section .resources-footer .resources-load-more:hover, .supreme-element.fifty-fifty-hero .hero-button:hover, .supreme-element.title-text-button-hero .hero-button:hover, .synthego-load-more:hover,
.btn-primary:hover,
.supreme-element .button-primary:hover,
.supreme-element .resources-section .resources-footer .resources-load-more:hover,
.resources-section .resources-footer .supreme-element .resources-load-more:hover,
.supreme-element .btn-primary:hover {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.button-primary:hover::before, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button:hover::before, .resources-section .resources-footer .resources-load-more:hover::before, .supreme-element.fifty-fifty-hero .hero-button:hover::before, .supreme-element.title-text-button-hero .hero-button:hover::before, .synthego-load-more:hover::before,
.btn-primary:hover::before,
.supreme-element .button-primary:hover::before,
.supreme-element .btn-primary:hover::before {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.button-primary:hover svg path, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button:hover svg path, .resources-section .resources-footer .resources-load-more:hover svg path, .supreme-element.fifty-fifty-hero .hero-button:hover svg path, .supreme-element.title-text-button-hero .hero-button:hover svg path, .synthego-load-more:hover svg path,
.btn-primary:hover svg path,
.supreme-element .button-primary:hover svg path,
.supreme-element .btn-primary:hover svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}

.button-secondary,
.btn-secondary,
.supreme-element .button-secondary,
.supreme-element .btn-secondary {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.button-secondary::after,
.btn-secondary::after,
.supreme-element .button-secondary::after,
.supreme-element .btn-secondary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.button-secondary:hover,
.btn-secondary:hover,
.supreme-element .button-secondary:hover,
.supreme-element .btn-secondary:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.button-secondary:hover svg path,
.btn-secondary:hover svg path,
.supreme-element .button-secondary:hover svg path,
.supreme-element .btn-secondary:hover svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
}

.button-tertiary, .supreme-element.about-section .about-button, .supreme-element.synthego-hero .btn-secondary,
.btn-tertiary,
.supreme-element .button-tertiary,
.supreme-element .btn-tertiary {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.button-tertiary::after, .supreme-element.about-section .about-button::after, .supreme-element.synthego-hero .btn-secondary::after,
.btn-tertiary::after,
.supreme-element .button-tertiary::after,
.supreme-element .btn-tertiary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.button-tertiary:hover::after, .supreme-element.about-section .about-button:hover::after, .supreme-element.synthego-hero .btn-secondary:hover::after,
.btn-tertiary:hover::after,
.supreme-element .button-tertiary:hover::after,
.supreme-element .btn-tertiary:hover::after {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  z-index: 1;
}
.button-tertiary:hover, .supreme-element.about-section .about-button:hover, .supreme-element.synthego-hero .btn-secondary:hover,
.btn-tertiary:hover,
.supreme-element .button-tertiary:hover,
.supreme-element .btn-tertiary:hover {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.button-tertiary:hover svg path, .supreme-element.about-section .about-button:hover svg path, .supreme-element.synthego-hero .btn-secondary:hover svg path,
.btn-tertiary:hover svg path,
.supreme-element .button-tertiary:hover svg path,
.supreme-element .btn-tertiary:hover svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}

.button-quaternary,
.btn-quaternary,
.supreme-element .button-quaternary,
.supreme-element .btn-quaternary {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.button-quaternary::after,
.btn-quaternary::after,
.supreme-element .button-quaternary::after,
.supreme-element .btn-quaternary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.button-quaternary::after,
.btn-quaternary::after,
.supreme-element .button-quaternary::after,
.supreme-element .btn-quaternary::after {
  background: var(--Brand-Colors-Primary-Black, #000000);
}
.button-quaternary:hover,
.btn-quaternary:hover,
.supreme-element .button-quaternary:hover,
.supreme-element .btn-quaternary:hover {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.button-green-border, .supreme-element.one-button-cta .cta-button,
.btn-green-border,
.supreme-element .button-green-border,
.supreme-element .btn-green-border {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.button-green-border::after, .supreme-element.one-button-cta .cta-button::after,
.btn-green-border::after,
.supreme-element .button-green-border::after,
.supreme-element .btn-green-border::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.button-green-border:hover, .supreme-element.one-button-cta .cta-button:hover,
.btn-green-border:hover,
.supreme-element .button-green-border:hover,
.supreme-element .btn-green-border:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.button-green-border:hover::after, .supreme-element.one-button-cta .cta-button:hover::after,
.btn-green-border:hover::after,
.supreme-element .button-green-border:hover::after,
.supreme-element .btn-green-border:hover::after {
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
}
.button-green-border:hover svg path, .supreme-element.one-button-cta .cta-button:hover svg path,
.btn-green-border:hover svg path,
.supreme-element .button-green-border:hover svg path,
.supreme-element .btn-green-border:hover svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
}

.oxy-supreme-elements-synthego-hero,
.oxy-supreme-elements-pipeline-section,
.oxy-supreme-elements-about-section,
.oxy-supreme-elements-popular-products,
.oxy-supreme-elements-blog-cards,
.oxy-supreme-elements-title-text-button-hero,
.oxy-supreme-elements-fifty-fifty-hero,
.oxy-supreme-elements-one-button-cta,
.oxy-supreme-elements-simple-cta,
.oxy-supreme-elements-testimonials,
.oxy-supreme-elements-blog-hero,
.oxy-supreme-elements-extended-hero,
.oxy-supreme-elements-partners-section,
.oxy-supreme-elements-resources-section,
.oxy-supreme-elements-text-media-section,
.oxy-supreme-elements-team-section,
.oxy-supreme-elements-testimonials-slider,
.oxy-supreme-elements-articles-section,
.oxy-supreme-elements-full-width-text,
.oxy-supreme-elements-full-width-image,
.oxy-supreme-elements-image-slider,
.oxy-supreme-elements-benefits-section,
.oxy-supreme-elements-article-content,
.oxy-supreme-elements-article-form,
.oxy-supreme-elements-single-testimonial,
.oxy-supreme-elements-hero-grid,
.oxy-supreme-elements-simple-grid,
.oxy-supreme-elements-hero-form,
.oxy-supreme-elements-simple-flex,
.oxy-supreme-elements-post-hero,
.oxy-supreme-elements-post-content-container,
.oxy-supreme-elements-post-sidebar-cta,
.oxy-supreme-elements-content-spacing,
.oxy-supreme-elements-post-paragraph,
.oxy-supreme-elements-post-subparagraph,
.oxy-supreme-elements-post-image,
.oxy-supreme-elements-post-testimonial,
.oxy-supreme-elements-post-cta,
.oxy-supreme-elements-block-full-width-text,
.oxy-supreme-elements-block-fifty-fifty,
.oxy-supreme-elements-post-driver,
.oxy-supreme-elements-block-table,
.oxy-supreme-elements-custom-driver,
.oxy-supreme-elements-block-references {
  width: 100%;
}

.oxy-dynamic-list > div:has(.divider):last-of-type .divider {
  padding-bottom: 0;
  border-bottom: none;
}

/* Synthego Hero Component */
.supreme-element.synthego-hero {
  position: relative;
  display: flex;
  align-items: center;
  overflow: visible;
}
@media (max-width: 991px) {
  .supreme-element.synthego-hero {
    min-height: 700px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero {
    min-height: auto;
    position: relative;
    overflow: hidden;
  }
}
.supreme-element.synthego-hero.background-gradient .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.supreme-element.synthego-hero.background-gradient .hero-background .hero-gradient {
  width: 100%;
  height: 100%;
  background: linear-gradient(252deg, var(--Brand-Colors-Primary-Adenine-Green) -2.88%, var(--Brand-Colors-Primary-Cytosine-Blue) 18.59%, #18d36b 44.56%, #01abf9 66.03%, #10d297 84.51%, #aebbfa 100.99%);
}
.supreme-element.synthego-hero.background-transparent {
  background: transparent;
}
.supreme-element.synthego-hero.background-image {
  background-repeat: no-repeat;
}
.supreme-element.synthego-hero.background-image .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero.background-image .hero-background {
    left: calc(50% - 150px);
    width: 1886px;
    height: 650px;
    overflow: hidden;
  }
}
.supreme-element.synthego-hero .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.supreme-element.synthego-hero .dna-strands {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}
.supreme-element.synthego-hero .dna-strands .dna-strand {
  position: absolute;
  width: 1194.902px;
  height: 1194.911px;
  transform: rotate(-7.854deg);
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand {
    width: 800px;
    height: 800px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand {
    width: 150vw;
    height: 150vw;
  }
}
.supreme-element.synthego-hero .dna-strands .dna-strand svg {
  width: 100%;
  height: 100%;
  fill: var(--Brand-Colors-Primary-White);
}
.supreme-element.synthego-hero .dna-strands .dna-strand-1 {
  top: 42%;
  right: 338px;
  transform: rotate(-10.692deg);
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-1 {
    right: 200px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-1 {
    right: -30px;
    left: auto;
    top: 40%;
  }
}
.supreme-element.synthego-hero .dna-strands .dna-strand-2 {
  top: 33%;
  right: 0;
  transform: rotate(-10.692deg);
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-2 {
    right: -100px;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .dna-strands .dna-strand-2 {
    right: -220px;
    left: auto;
    top: 35%;
  }
}
.supreme-element.synthego-hero .hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-top: 112px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-content {
    padding-top: var(--spacing-5xl, 80px);
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 28px);
  }
}
.supreme-element.synthego-hero .hero-stats-inner {
  position: relative;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats-inner {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.supreme-element.synthego-hero .hero-text-wrapper {
  max-width: 950px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-text-wrapper {
    max-width: 350px;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
    padding-bottom: 160px;
    margin-bottom: 0;
  }
}
.supreme-element.synthego-hero .hero-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.synthego-hero .hero-subtitle {
  color: var(--text, #262626);
  max-width: 810px;
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.supreme-element.synthego-hero .hero-buttons {
  display: flex;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-buttons {
    flex-direction: column;
    gap: var(--spacing-md, 16px);
    align-items: flex-start;
  }
  .supreme-element.synthego-hero .hero-buttons .btn-primary svg {
    display: none;
  }
}
.supreme-element.synthego-hero .hero-stats {
  position: relative;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats {
    padding-top: 0;
    padding-bottom: 0;
    background: var(--Brand-Colors-Primary-White, #ffffff);
    position: relative;
    z-index: 2;
    margin-top: 0;
    margin-left: calc(-1 * var(--spacing-sm, 12px));
    margin-right: calc(-1 * var(--spacing-sm, 12px));
  }
  .supreme-element.synthego-hero .hero-stats .container {
    padding: 0 var(--spacing-sm, 12px);
  }
}
.supreme-element.synthego-hero .hero-stats .hero-wave {
  position: absolute;
  bottom: -1px;
  left: 30%;
  transform: translateX(-50%);
  width: 180vw;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .hero-stats .hero-wave {
    left: 50%;
    width: 280vw;
  }
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .hero-wave {
    left: 80%;
    width: 180vw;
    top: -109px;
    bottom: auto;
  }
}
.supreme-element.synthego-hero .hero-stats .hero-wave svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-width: 1400px;
  transform: rotate(180deg) scaleY(-1);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .hero-wave svg {
    transform: none;
  }
}
.supreme-element.synthego-hero .hero-stats .stats-intro {
  color: var(--Heading-Color-1, #262626);
  max-width: 533px;
  margin-bottom: var(--Paragraph-Spacing-new-paragraph-below, 32px);
}
.supreme-element.synthego-hero .hero-stats .stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1200px) {
  .supreme-element.synthego-hero .hero-stats .stats-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 991px) {
  .supreme-element.synthego-hero .hero-stats .stats-row {
    gap: 30px;
  }
}
.supreme-element.synthego-hero .hero-stats .stat-column {
  position: relative;
  flex: 1;
  padding-right: var(--spacing-3xl, 40px);
}
.supreme-element.synthego-hero .hero-stats .stat-column:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
@media (max-width: 767px) {
  .supreme-element.synthego-hero .hero-stats .stat-column:not(:last-child)::after {
    display: none;
  }
}
.supreme-element.synthego-hero .hero-stats .stat-column .stat-value {
  color: var(--Heading-Color-1, #262626);
  font-weight: var(--Font-Weight-Bold);
  margin-bottom: var(--spacing-xxxs, 2px);
}
.supreme-element.synthego-hero .hero-stats .stat-column .stat-label {
  color: var(--Heading-Color-1, #262626);
}

.supreme-element.pipeline-section {
  position: relative;
  width: 100%;
}
.supreme-element.pipeline-section .pipeline-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.pipeline-section .pipeline-container {
  width: 100%;
}
.supreme-element.pipeline-section .pipeline-tiles {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .supreme-element.pipeline-section .pipeline-tiles {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-xl, 32px);
  }
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tiles {
    flex-direction: column;
    gap: var(--spacing-xl, 32px);
  }
}
.supreme-element.pipeline-section .pipeline-tile {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 356px;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: hidden;
}
@media (max-width: 1199px) {
  .supreme-element.pipeline-section .pipeline-tile {
    flex: 0 0 calc(50% - 16px);
    min-width: 300px;
  }
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tile {
    flex: 0 0 auto;
    width: 100%;
    min-width: unset;
    height: 300px;
  }
}
.supreme-element.pipeline-section .pipeline-tile:hover .tile-background {
  opacity: 0.2;
}
.supreme-element.pipeline-section .pipeline-tile .tile-background {
  position: absolute;
  inset: 0;
  opacity: 0.4;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.supreme-element.pipeline-section .pipeline-tile .tile-background img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.supreme-element.pipeline-section .pipeline-tile .tile-content {
  position: relative;
  z-index: 1;
  padding: var(--spacing-3xl, 40px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tile .tile-content {
    padding: var(--spacing-xl, 32px);
  }
}
.supreme-element.pipeline-section .pipeline-tile .tile-title {
  color: var(--Heading-Color-2, #ffffff);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.pipeline-section .pipeline-tile .tile-actions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  align-items: flex-start;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  text-decoration: none;
  padding: 5px 0;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-tile .tile-action {
    font-size: var(--Font-Size-f-size-lg);
    line-height: var(--Line-Height-Line-height-f-size-lg);
  }
}
.supreme-element.pipeline-section .pipeline-tile .tile-action::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
}
.supreme-element.pipeline-section .pipeline-tile .tile-action .tile-action-arrow {
  width: 0;
  height: 24px;
  margin-left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action .tile-action-arrow svg {
  width: 24px;
  height: 100%;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action .tile-action-arrow svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.pipeline-section .pipeline-tile .tile-action:hover {
  text-decoration: none;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action:hover::after {
  height: 3px;
}
.supreme-element.pipeline-section .pipeline-tile .tile-action:hover .tile-action-arrow {
  width: 24px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.supreme-element.pipeline-section .pipeline-arrow {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .supreme-element.pipeline-section .pipeline-arrow {
    display: none;
  }
}
.supreme-element.pipeline-section .pipeline-arrow svg {
  width: 31.5px;
  height: 82px;
  transform: rotate(180deg);
}
.supreme-element.pipeline-section .pipeline-arrow svg path {
  fill: url(#pipeline-gradient);
}
.supreme-element.pipeline-section .pipeline-arrow .gradient-defs {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}
.supreme-element.pipeline-section .pipeline-mobile-arrow {
  display: none;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 83px;
  height: 32px;
}
@media (max-width: 767px) {
  .supreme-element.pipeline-section .pipeline-mobile-arrow {
    display: flex;
  }
}
.supreme-element.pipeline-section .pipeline-mobile-arrow svg {
  width: 83px;
  height: 32px;
}

/* About Section Component */
.supreme-element.about-section {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  overflow: hidden;
}
.supreme-element.about-section .about-wrapper.about-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 700px;
  padding: 0 64px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 1439px) {
  .supreme-element.about-section .about-wrapper.about-wrapper {
    padding: 0 var(--spacing-xl, 32px);
  }
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-wrapper.about-wrapper {
    flex-direction: column;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .supreme-element.about-section .about-wrapper.about-wrapper {
    min-height: 698px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0;
  }
}
.supreme-element.about-section .about-inner-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding: var(--spacing-7xl, 160px) 0;
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-inner-container {
    padding: var(--spacing-7xl, 160px) var(--spacing-xl, 32px);
  }
}
@media (max-width: 767px) {
  .supreme-element.about-section .about-inner-container {
    padding: 0 var(--spacing-lg, 24px) var(--spacing-xxxl, 60px);
  }
}
.supreme-element.about-section .gradient-shape-mobile {
  display: none;
  position: absolute;
  width: 120vw;
  height: 395px;
  left: 0;
  top: -295px;
  z-index: 5;
  pointer-events: none;
}
.supreme-element.about-section .gradient-shape-mobile svg {
  width: 100%;
  height: auto;
}
.supreme-element.about-section .gradient-shape-mobile svg path:nth-child(2) {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 991px) {
  .supreme-element.about-section .gradient-shape-mobile {
    display: block;
  }
}
.supreme-element.about-section .gradient-shape {
  position: absolute;
  width: auto;
  height: 100%;
  left: 49%;
  top: 0;
  pointer-events: none;
  z-index: 2;
}
.supreme-element.about-section .gradient-shape svg {
  width: 100%;
  height: 100%;
}
.supreme-element.about-section .gradient-shape svg path:nth-child(2) {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 991px) {
  .supreme-element.about-section .gradient-shape {
    display: none;
  }
}
.supreme-element.about-section .about-bg-image {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.supreme-element.about-section .about-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}
@media (max-width: 1199px) {
  .supreme-element.about-section .about-bg-image {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-bg-image {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 50vh;
    top: 0;
    left: 0;
    right: 0;
    transform: none;
  }
}
.supreme-element.about-section .about-content {
  position: relative;
  width: 580px;
  max-width: 100%;
  z-index: 5;
}
@media (max-width: 991px) {
  .supreme-element.about-section .about-content {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .supreme-element.about-section .about-content {
    width: 100%;
    margin-top: 0;
    padding-top: 30px;
  }
}
.supreme-element.about-section .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .supreme-element.about-section .content-wrapper {
    gap: 28px;
  }
}
.supreme-element.about-section .text-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.about-section .section-heading {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xxxl, 56px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxxl, 64px);
  margin: 0;
}
@media (max-width: 991px) {
  .supreme-element.about-section .section-heading {
    color: var(--Brand-Colors-Primary-White, #fff);
    font-family: var(--Font-Family-Primary, Runda);
    font-size: var(--Font-Size-f-size-xxxl, 26px);
    font-style: normal;
    font-weight: var(--Font-Weight-Bold, 700);
    line-height: var(--Line-Height-Line-height-f-size-xxxl, 32px); /* 123.077% */
  }
}
@media (max-width: 575px) {
  .supreme-element.about-section .section-heading {
    font-size: 40px;
    line-height: 48px;
  }
}
.supreme-element.about-section .section-heading .heading-gray,
.supreme-element.about-section .section-heading .heading-white {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.about-section .about-inner-container .section-subtitle {
  color: var(--Brand-Colors-Primary-White, #fff);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-lg, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px); /* 141.667% */
  margin: 0;
}
@media (max-width: 575px) {
  .supreme-element.about-section .about-inner-container .section-subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
.supreme-element.about-section .section-description {
  color: var(--Brand-Colors-Primary-White, #fff);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.about-section .section-description {
    font-size: 14px;
    line-height: 23px;
  }
}
@media (max-width: 575px) {
  .supreme-element.about-section .section-description {
    font-size: 16px;
    line-height: 26px;
  }
}
.supreme-element.about-section .section-description p {
  color: var(--Brand-Colors-Primary-White, #fff);
  margin: 0 0 1em 0;
}
.supreme-element.about-section .section-description p:last-child {
  margin-bottom: 0;
}
.supreme-element.about-section .about-button {
  align-self: flex-start;
}
.supreme-element.about-section .about-button .button-icon,
.supreme-element.about-section .about-button svg {
  height: 24px;
  width: 24px;
}

/* Popular Products Section Component */
.supreme-element.popular-products {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.popular-products .products-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 991px) {
  .supreme-element.popular-products .products-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.popular-products .products-wrapper {
    padding-top: var(--spacing-xxxl, 60px);
    padding-bottom: var(--spacing-xxxl, 60px);
  }
}
.supreme-element.popular-products .products-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .supreme-element.popular-products .products-container {
    gap: var(--spacing-xl, 28px);
  }
}
@media (max-width: 767px) {
  .supreme-element.popular-products .products-container .section-title.headline-xxxl {
    color: var(--Heading-Color-1, #262626);
    font-family: var(--Font-Family-Primary, Runda);
    font-size: 26px;
    font-style: normal;
    font-weight: var(--Font-Weight-Bold, 700);
    line-height: 32px;
    text-align: left;
  }
}
.supreme-element.popular-products .products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.popular-products .products-grid .product-link {
  display: flex;
  text-decoration: none;
  color: inherit;
}
.supreme-element.popular-products .products-grid .product-link:hover, .supreme-element.popular-products .products-grid .product-link:focus, .supreme-element.popular-products .products-grid .product-link:active {
  text-decoration: none;
  color: inherit;
}
@media (max-width: 1199px) {
  .supreme-element.popular-products .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .supreme-element.popular-products .products-grid .product-card-large {
    grid-column: span 2;
  }
  .supreme-element.popular-products .products-grid .product-card-small {
    grid-column: span 1;
  }
}
@media (max-width: 767px) {
  .supreme-element.popular-products .products-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg, 20px);
  }
  .supreme-element.popular-products .products-grid .product-card-large,
  .supreme-element.popular-products .products-grid .product-card-small {
    grid-column: span 1;
  }
}
.supreme-element.popular-products .product-card-large {
  grid-column: span 2;
  background-color: var(--Very-Light-Green, #f0fff4);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xl, 24px);
  position: relative;
  min-height: 216px;
  text-decoration: none;
  overflow: visible;
  transition: all 0.3s ease;
}
.supreme-element.popular-products .product-card-large::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.popular-products .product-card-large > * {
  position: relative;
  z-index: 2;
}
.supreme-element.popular-products .product-card-large:hover {
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.supreme-element.popular-products .product-card-large:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-card-large {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    min-height: auto;
    padding: 30px 28px;
    gap: 28px;
  }
}
.supreme-element.popular-products .product-card-small {
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  min-height: 269px;
  text-decoration: none;
  overflow: visible;
  transition: all 0.3s ease;
}
.supreme-element.popular-products .product-card-small::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.popular-products .product-card-small > * {
  position: relative;
  z-index: 2;
}
.supreme-element.popular-products .product-card-small:hover {
  text-decoration: none;
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.supreme-element.popular-products .product-card-small:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-card-small {
    min-height: auto;
    padding: var(--spacing-lg, 20px);
    gap: var(--spacing-md, 16px);
  }
}
.supreme-element.popular-products .product-icon-large {
  display: block;
  width: 151px;
  height: 151px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  min-width: 151px;
  max-width: 151px;
  min-height: 151px;
  max-height: 151px;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-icon-large {
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
  }
}
.supreme-element.popular-products .product-icon-large svg {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.supreme-element.popular-products .product-icon-small {
  display: block;
  width: 70px;
  height: 70px;
  position: relative;
  overflow: hidden;
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
}
.supreme-element.popular-products .product-icon-small svg {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.supreme-element.popular-products .product-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-content {
    gap: 16px;
  }
}
.supreme-element.popular-products .product-title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xl, 28px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-xl, 42px);
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
  }
}
.supreme-element.popular-products .product-title-small {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-lg, 24px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-lg, 34px);
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-title-small {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.supreme-element.popular-products .product-description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .product-description {
    font-size: 14px;
    line-height: 24px;
  }
}
.supreme-element.popular-products .category-tag {
  position: absolute;
  top: var(--spacing-xl, 24px);
  right: var(--spacing-xl, 24px);
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  border-radius: var(--border-radius-border-radius-full, 20px);
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  text-transform: uppercase;
  line-height: normal;
}
@media (max-width: 767px) {
  .supreme-element.popular-products .category-tag {
    top: 30px;
    right: 28px;
    position: absolute;
  }
}
.supreme-element.popular-products .icon-gradient stop:first-child {
  stop-color: #20d340;
}
.supreme-element.popular-products .icon-gradient stop:last-child {
  stop-color: #00d1ed;
}
.supreme-element.popular-products .icon-gradient-gray stop:first-child {
  stop-color: #a6a8ab;
}
.supreme-element.popular-products .icon-gradient-gray stop:last-child {
  stop-color: #f1f1f2;
}
.supreme-element.popular-products .icon-gradient-light stop:first-child {
  stop-color: #cccccc;
}
.supreme-element.popular-products .icon-gradient-light stop:nth-child(2) {
  stop-color: #e6e6e6;
}
.supreme-element.popular-products .icon-gradient-light stop:last-child {
  stop-color: #f2f2f2;
}

.blog-cards-section {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
}

.blog-cards-section a.blog-card {
  text-decoration: none;
}

@media (max-width: 767px) {
  .blog-cards-container {
    overflow: visible;
  }
}

.blog-cards-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 768px) {
  .blog-cards-row {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--spacing-lg, 20px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: var(--spacing-sm, 12px);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .blog-cards-row::-webkit-scrollbar {
    display: none;
  }
}

.blog-card {
  position: relative;
  width: 450px;
  flex-shrink: 0;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: visible;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  color: inherit;
}
@media (min-width: 1201px) {
  .blog-card {
    flex: 1;
    width: auto;
  }
}
@media (max-width: 1200px) {
  .blog-card {
    width: calc(50% - 15px);
  }
}
@media (max-width: 768px) {
  .blog-card {
    width: calc(100vw - 60px);
    min-width: calc(100vw - 60px);
    flex-shrink: 0;
    scroll-snap-align: start;
  }
  .blog-card:not(:last-child) {
    width: calc(100vw - 80px);
    min-width: calc(100vw - 80px);
  }
}
.blog-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.blog-card > * {
  position: relative;
  z-index: 1;
}
.blog-card:hover {
  box-shadow: 0px 4px 24px 0px rgba(0, 209, 237, 0.25);
}
.blog-card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.blog-card:hover .blog-card-category span {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}

.blog-card-image {
  width: 100%;
  padding-top: 80.67%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: var(--border-radius-border-radius-full, 20px) var(--border-radius-border-radius-full, 20px) 0 0;
  overflow: hidden;
}
.blog-card-image.blog-card-placeholder {
  background-color: rgba(0, 0, 0, 0.1);
}

.blog-card-content {
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 0 0 var(--border-radius-border-radius-full, 20px) var(--border-radius-border-radius-full, 20px);
}

.blog-card-category {
  display: inline-flex;
  align-self: flex-start;
}
.blog-card-category span {
  display: inline-block;
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: normal;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-transform: uppercase;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.blog-card-text-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
}

.blog-card-title {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-lg);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-lg);
  color: var(--Heading-Color-1);
  margin: 0;
}

.blog-cards-section .blog-card-content .blog-card-excerpt {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xs);
  color: var(--Heading-Color-1);
  margin: 0;
}

.blog-cards-section .blog-card * {
  text-decoration: none;
}

.blog-card-empty {
  opacity: 0.5;
  pointer-events: none;
}
.blog-card-empty:hover {
  transform: none;
  box-shadow: none;
}
.blog-card-empty .blog-card-content {
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.blog-card-empty .blog-card-empty-text {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs);
  color: #666666;
  margin: 0;
}

.blog-cards-section .section-title {
  margin: 0 0 var(--spacing-3xl, 40px) 0;
}
@media (max-width: 768px) {
  .blog-cards-section .section-title {
    margin-bottom: var(--spacing-xl, 24px);
  }
}

/* Title, Text, Button Hero Component */
.supreme-element.title-text-button-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  overflow-x: hidden;
}
.supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-5xl, 100px);
  padding-bottom: var(--spacing-5xl, 100px);
}
@media (max-width: 1439px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-4xl, 80px);
  }
}
@media (max-width: 991px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-wrapper {
    padding-top: var(--spacing-5xl, 80px);
    padding-bottom: var(--spacing-5xl, 80px);
  }
}
.supreme-element.title-text-button-hero .title-text-button-hero-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 33%;
  gap: var(--spacing-5xl, 112px);
  align-items: center;
}
@media (max-width: 1439px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-container {
    gap: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 991px) {
  .supreme-element.title-text-button-hero .title-text-button-hero-container {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl, 40px);
  }
}
.supreme-element.title-text-button-hero .title-text-button-hero-container.reverse-layout .hero-content {
  order: 2;
}
.supreme-element.title-text-button-hero .title-text-button-hero-container.reverse-layout .hero-image {
  order: 1;
}
.supreme-element.title-text-button-hero .hero-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-content {
    text-align: left;
    align-items: flex-start;
  }
}
.supreme-element.title-text-button-hero .hero-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-title {
    font-size: var(--Font-Size-f-size-4xl, 3.75rem);
    line-height: 1em;
    font-weight: var(--Font-Weight-Bold, 700);
  }
}
.supreme-element.title-text-button-hero .hero-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.title-text-button-hero .hero-text br {
  display: block;
  content: "";
  margin-top: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element.title-text-button-hero .hero-text a {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.supreme-element.title-text-button-hero .hero-button {
  align-self: flex-start;
}
.supreme-element.title-text-button-hero .hero-button:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-button {
    align-self: flex-start;
  }
}
.supreme-element.title-text-button-hero .hero-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .supreme-element.title-text-button-hero .hero-image {
    display: none;
  }
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-image {
    display: none;
  }
}
.supreme-element.title-text-button-hero .hero-image img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: var(--border-radius-border-radius-full, 20px);
}
@media (max-width: 991px) {
  .supreme-element.title-text-button-hero .hero-image img {
    max-width: 200px;
  }
}
.supreme-element.title-text-button-hero .hero-graphic {
  width: 100%;
  max-width: 438px;
  height: 438px;
  position: relative;
  overflow: hidden;
}
.supreme-element.title-text-button-hero .hero-graphic .partner-logo-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.title-text-button-hero .hero-graphic .partner-logo-wrapper svg {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 991px) {
  .supreme-element.title-text-button-hero .hero-graphic {
    max-width: 350px;
    height: 350px;
  }
  .supreme-element.title-text-button-hero .hero-graphic .partner-logo-wrapper {
    width: 343px;
    height: 391px;
    left: 1px;
    top: -27px;
  }
  .supreme-element.title-text-button-hero .hero-graphic .partner-logo-wrapper svg {
    width: 268px;
    height: 334px;
  }
}
@media (max-width: 767px) {
  .supreme-element.title-text-button-hero .hero-graphic {
    max-width: 280px;
    height: 280px;
  }
  .supreme-element.title-text-button-hero .hero-graphic .partner-logo-wrapper {
    width: 275px;
    height: 313px;
    left: 1px;
    top: -22px;
  }
  .supreme-element.title-text-button-hero .hero-graphic .partner-logo-wrapper svg {
    width: 214px;
    height: 267px;
  }
}

/* Fifty-Fifty Hero Component */
.supreme-element.fifty-fifty-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-2, #F4F9FA);
  overflow-x: hidden;
}
.supreme-element.fifty-fifty-hero .fifty-fifty-hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-5xl, 120px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-wrapper {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-wrapper {
    padding-bottom: var(--spacing-5xl, 80px);
  }
}
.supreme-element.fifty-fifty-hero .fifty-fifty-hero-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: var(--spacing-3xl, 40px);
  align-items: flex-start;
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-container {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}
.supreme-element.fifty-fifty-hero .fifty-fifty-hero-container.reverse-layout {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .fifty-fifty-hero-container.reverse-layout {
    flex-direction: column;
  }
}
.supreme-element.fifty-fifty-hero .hero-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .hero-content {
    text-align: left;
    align-items: flex-start;
  }
}
.supreme-element.fifty-fifty-hero .hero-eyebrow {
  text-transform: uppercase;
  margin: 0;
}
.supreme-element.fifty-fifty-hero .hero-title {
  margin: 0;
}
.supreme-element.fifty-fifty-hero .hero-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.fifty-fifty-hero .hero-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.fifty-fifty-hero .hero-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.fifty-fifty-hero .hero-text a {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.supreme-element.fifty-fifty-hero .hero-button {
  align-self: flex-start;
  margin-top: var(--spacing-md, 8px);
}
.supreme-element.fifty-fifty-hero .hero-button:hover {
  box-shadow: none;
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .hero-button {
    align-self: flex-start;
  }
}
.supreme-element.fifty-fifty-hero .hero-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40%;
}
@media (max-width: 991px) {
  .supreme-element.fifty-fifty-hero .hero-image {
    display: none;
  }
}
@media (max-width: 767px) {
  .supreme-element.fifty-fifty-hero .hero-image {
    display: none;
  }
}
.supreme-element.fifty-fifty-hero .hero-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.fifty-fifty-hero .hero-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #E5E5E5);
  border-radius: var(--border-radius-border-radius-md, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.fifty-fifty-hero .hero-placeholder .placeholder-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  text-align: center;
}

/* One Button CTA Component */
.supreme-element.one-button-cta {
  position: relative;
  width: 100%;
}
.supreme-element.one-button-cta .one-button-cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  position: relative;
  overflow: hidden;
}
.supreme-element.one-button-cta .one-button-cta-wrapper.gradient-background {
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%);
}
@media (max-width: 991px) {
  .supreme-element.one-button-cta .one-button-cta-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .one-button-cta-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.supreme-element.one-button-cta .one-button-cta-container {
  width: 100%;
  position: relative;
}
.supreme-element.one-button-cta .cta-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-5xl, 112px);
}
@media (max-width: 991px) {
  .supreme-element.one-button-cta .cta-content-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .cta-content-wrapper {
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.one-button-cta .cta-text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
}
@media (max-width: 991px) {
  .supreme-element.one-button-cta .cta-text-container {
    align-items: center;
  }
}
.supreme-element.one-button-cta .cta-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .cta-title {
    font-family: var(--Font-Family-Primary, Runda);
    font-size: 22px;
    font-weight: var(--Font-Weight-Bold, 700);
    line-height: 28px;
    text-align: center;
    width: 273px;
    max-width: 100%;
  }
}
.supreme-element.one-button-cta .cta-description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.one-button-cta .cta-description {
    font-size: 16px;
    line-height: 26px;
  }
}
.supreme-element.one-button-cta .cta-button {
  flex-shrink: 0;
}

/* Simple CTA Component (No Description) */
.supreme-element.simple-cta {
  position: relative;
  width: 100%;
}
.supreme-element.simple-cta .simple-cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  position: relative;
  overflow: hidden;
}
.supreme-element.simple-cta .simple-cta-wrapper.gradient-background {
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green, #20d340) 0%, var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed) 100%);
}
@media (max-width: 991px) {
  .supreme-element.simple-cta .simple-cta-wrapper {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
.supreme-element.simple-cta .simple-cta-container {
  width: 100%;
  position: relative;
}
.supreme-element.simple-cta .cta-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-4xl, 80px);
}
@media (max-width: 1199px) {
  .supreme-element.simple-cta .cta-content-wrapper {
    flex-direction: column;
    gap: var(--spacing-xl, 24px);
    text-align: center;
  }
}
@media (max-width: 767px) {
  .supreme-element.simple-cta .cta-content-wrapper {
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.simple-cta .cta-title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .supreme-element.simple-cta .cta-title.headline-xxl, .supreme-element.simple-cta .supreme-element.synthego-hero .hero-stats .stat-column .cta-title.stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .supreme-element.simple-cta .cta-title.stat-value, .supreme-element.simple-cta .supreme-element.pipeline-section .pipeline-tile .cta-title.tile-title, .supreme-element.pipeline-section .pipeline-tile .supreme-element.simple-cta .cta-title.tile-title {
    font-size: 1.375rem;
  }
}
@media (max-width: 1199px) {
  .supreme-element.simple-cta .cta-title {
    text-align: center;
  }
}
.supreme-element.simple-cta .cta-button {
  flex-shrink: 0;
}

.testimonials-section {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
}
@media (max-width: 1024px) {
  .testimonials-section {
    padding-top: var(--spacing-4xl, 64px);
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .testimonials-section {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}
.testimonials-section.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 1400px) {
  .testimonials-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .testimonials-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .testimonials-section.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.testimonials-container {
  padding: 0;
}
.testimonials-container .section-title {
  text-align: left;
  margin-bottom: var(--spacing-3xl, 40px);
  font-size: var(--Font-Size-f-size-4xl, 60px);
  line-height: var(--Line-Height-Line-height-f-size-4xl, 65px);
}
@media (max-width: 767px) {
  .testimonials-container .section-title {
    margin-bottom: var(--spacing-sm, 10px);
  }
  .testimonials-container .section-title.headline-4xl {
    font-size: 26px;
  }
}

.testimonials-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-3xl, 40px);
}

.testimonial-card {
  background-color: transparent;
  padding: var(--spacing-3xl, 40px);
  border-left: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
  height: 100%;
}
@media (max-width: 767px) {
  .testimonial-card.visible {
    gap: var(--spacing-xl, 30px);
  }
}
.testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
  width: calc(31.4% - 9px);
}
@media (max-width: 1200px) {
  .testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
    width: calc(33.333% - 27px);
  }
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(1), .testimonial-card:nth-child(2), .testimonial-card:nth-child(3) {
    width: 100%;
  }
}
.testimonial-card:nth-child(4) {
  width: calc(54.8% - 22px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(4) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(4) {
    width: 100%;
  }
}
.testimonial-card:nth-child(5) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(5) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(5) {
    width: 100%;
  }
}
.testimonial-card:nth-child(6), .testimonial-card:nth-child(7) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(6), .testimonial-card:nth-child(7) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(6), .testimonial-card:nth-child(7) {
    width: 100%;
  }
}
.testimonial-card:nth-child(8) {
  width: calc(54.8% - 22px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(8) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(8) {
    width: 100%;
  }
}
.testimonial-card:nth-child(9) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(9) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(9) {
    width: 100%;
  }
}
.testimonial-card:nth-child(10) {
  width: calc(42.2% - 18px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(10) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(10) {
    width: 100%;
  }
}
.testimonial-card:nth-child(11) {
  width: calc(54.8% - 22px);
}
@media (max-width: 900px) {
  .testimonial-card:nth-child(11) {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .testimonial-card:nth-child(11) {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .testimonial-card {
    padding: var(--spacing-xl, 24px);
  }
}

.testimonial-icon {
  width: 60px;
  height: 44px;
  flex-shrink: 0;
}
.testimonial-icon svg {
  width: 100%;
  height: 100%;
}

.testimonial-content {
  flex: 1;
}
.testimonial-content p {
  margin: 0;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 12px);
  margin-top: auto;
}

.author-image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  padding: 3px;
  background: var(--Gradient-Horizontal);
}
.author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
}

.author-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  max-width: 288px;
}

.author-name {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
  margin-bottom: 2px;
}

.author-title {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxxs, 12px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xxxs, 20px);
  color: var(--text, #262626);
  text-transform: uppercase;
}

.load-more-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding-top: var(--spacing-3xl, 40px);
}

.load-more-button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.load-more-button svg {
  transition: transform 0.3s ease;
}
.load-more-button:hover svg {
  transform: translateY(2px);
}
.load-more-button.loading {
  pointer-events: none;
  opacity: 0.7;
}
.load-more-button.loading svg {
  animation: spin 1s linear infinite;
}

.load-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  width: 100%;
  max-width: 400px;
}

.info-text {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  color: var(--text, #262626);
  text-transform: uppercase;
}
.info-text .current-count {
  font-weight: var(--Font-Weight-Regular, 400);
  color: var(--text, #262626);
}

.progress-bar {
  width: 173px;
  height: 4px;
  background-color: var(--Brand-Colors-Light-Gray, #e0e0e0);
  border-radius: 0;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  background: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: 0;
  transition: width 0.5s ease;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.testimonial-card {
  animation: fadeIn 0.5s ease forwards;
  opacity: 0;
}
.testimonial-card.visible {
  opacity: 1;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.blog-hero-section {
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  width: 100%;
  overflow: hidden;
  padding-top: var(--spacing-5xl, 120px);
  padding-bottom: var(--spacing-5xl, 120px);
}

.bench-background {
  position: absolute;
  width: 1162px;
  height: 1191px;
  right: -225px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 0;
}
.bench-background svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 1439px) {
  .bench-background {
    right: -400px;
  }
}
@media (max-width: 1199px) {
  .bench-background {
    right: -600px;
  }
}
@media (max-width: 991px) {
  .bench-background {
    display: none;
  }
}

.blog-hero-container {
  position: relative;
  z-index: 1;
}

.blog-hero-section .section-title.headline-6xl {
  margin-bottom: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .blog-hero-section .section-title.headline-6xl {
    margin-bottom: var(--spacing-3xl, 48px);
    font-size: var(--Font-Size-f-size-4xl, 60px);
  }
}

.blog-articles-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 1439px) {
  .blog-articles-container {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .blog-articles-container {
    flex-direction: column;
    align-items: normal;
  }
}

.featured-post {
  width: 686px;
  position: relative;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: hidden;
  transition: all 0.3s ease;
}
@media (max-width: 1439px) {
  .featured-post {
    width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .featured-post {
    width: 100%;
  }
}
.featured-post::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-300, #aaaaaa);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.featured-post:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.featured-post:hover .featured-image-container img {
  transform: scale(1.1);
}
.featured-post:hover .category-tag {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.featured-post:hover .category-tag span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.featured-post .featured-image-container {
  height: 377px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.featured-post .featured-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 300ms ease;
}
.featured-post .featured-image-container.placeholder {
  background-color: var(--Brand-Colors-Neutrals-Gray-200, #eee);
}
.featured-post .featured-content {
  padding: var(--spacing-xl, 24px);
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 1;
}
.featured-post .featured-content .featured-text-content {
  margin-bottom: var(--spacing-xxl, 32px);
}
.featured-post .featured-content .headline-xxl, .featured-post .featured-content .supreme-element.synthego-hero .hero-stats .stat-column .stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .featured-post .featured-content .stat-value, .featured-post .featured-content .supreme-element.pipeline-section .pipeline-tile .tile-title, .supreme-element.pipeline-section .pipeline-tile .featured-post .featured-content .tile-title {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--Heading-Color-1, #262626);
}
.featured-post .featured-content .headline-xxl a, .featured-post .featured-content .supreme-element.synthego-hero .hero-stats .stat-column .stat-value a, .supreme-element.synthego-hero .hero-stats .stat-column .featured-post .featured-content .stat-value a, .featured-post .featured-content .supreme-element.pipeline-section .pipeline-tile .tile-title a, .supreme-element.pipeline-section .pipeline-tile .featured-post .featured-content .tile-title a {
  color: inherit;
  text-decoration: none;
}
.featured-post .featured-content .featured-excerpt {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
  margin: 0;
}
.featured-post .featured-content .featured-author {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xs, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xs, 26px);
  color: var(--text, #262626);
  text-transform: uppercase;
}
.featured-post .category-tag {
  position: absolute;
  top: var(--spacing-xl, 24px);
  left: var(--spacing-xl, 24px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  transition: all 0.3s ease;
  z-index: 2;
}
.featured-post .category-tag span {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: normal;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.side-posts-container {
  width: 690px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: var(--spacing-lg, 20px);
  height: 100%;
}
@media (max-width: 1439px) {
  .side-posts-container {
    width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  .side-posts-container {
    width: 100%;
    justify-content: flex-start;
    gap: var(--spacing-xl, 24px);
    height: auto;
  }
}

.side-post {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  overflow: visible;
  width: 690px;
  position: relative;
  transition: all 0.3s ease;
}
@media (max-width: 1439px) {
  .side-post {
    width: 100%;
  }
}
.side-post::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-full, 20px);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.side-post:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.side-post:hover .side-post-content .category-tag {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.side-post:hover .side-post-content .category-tag span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.side-post:hover .side-post-link {
  background-color: transparent;
}
.side-post .side-post-link {
  display: flex;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-xl, 24px);
  text-decoration: none;
  color: inherit;
  transition: background-color 0.3s ease;
  position: relative;
  z-index: 1;
}
.side-post .side-post-image {
  flex-shrink: 0;
  width: 102px;
  height: 102px;
  border-radius: var(--border-radius-border-radius-mid, 8px);
  overflow: hidden;
}
.side-post .side-post-image img,
.side-post .side-post-image .placeholder-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.side-post .side-post-image .placeholder-image {
  background-color: var(--Brand-Colors-Neutrals-Gray-200, #eee);
}
@media (max-width: 767px) {
  .side-post .side-post-image {
    width: 80px;
    height: 80px;
  }
}
.side-post .side-post-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
}
.side-post .side-post-content .category-tag {
  align-self: flex-start;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  transition: all 0.3s ease;
}
.side-post .side-post-content .category-tag span {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: normal;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.side-post .side-post-content .headline-lg {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.subscribe-cta {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxl, 32px);
}
.subscribe-cta .cta-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .subscribe-cta .cta-content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.subscribe-cta .cta-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
}
.subscribe-cta .cta-header .cta-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
}
.subscribe-cta .cta-header .cta-icon svg {
  width: 100%;
  height: 100%;
}
.subscribe-cta .cta-header .headline-xl, .subscribe-cta .cta-header .supreme-element.synthego-hero .hero-stats .stats-intro, .supreme-element.synthego-hero .hero-stats .subscribe-cta .cta-header .stats-intro {
  color: var(--Brand-Colors-Primary-White, #ffffff);
  margin: 0;
}
.subscribe-cta .subscribe-button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  background-color: transparent;
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 3px solid var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 10px;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  position: relative;
}
.subscribe-cta .subscribe-button:hover {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  transform: translateY(-2px);
  border: 3px solid transparent;
  background-image: linear-gradient(white, white), var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.subscribe-cta .subscribe-button:hover .button-icon svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.subscribe-cta .subscribe-button .button-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscribe-cta .subscribe-button .button-icon svg {
  width: 100%;
  height: 100%;
}
.subscribe-cta .subscribe-button .button-icon svg path {
  fill: var(--Brand-Colors-Primary-White, #ffffff);
  transition: fill 0.3s ease;
}
@media (max-width: 767px) {
  .subscribe-cta .subscribe-button {
    padding: var(--spacing-xs, 8px) var(--spacing-xl, 24px);
    width: 100%;
    justify-content: center;
  }
}

/* Post Hero Component */
.supreme-element.post-hero {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  overflow-x: hidden;
}
.supreme-element.post-hero .post-hero__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-5xl, 100px) 64px;
}
@media (max-width: 1439px) {
  .supreme-element.post-hero .post-hero__wrapper {
    padding: var(--spacing-4xl, 80px) var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .supreme-element.post-hero .post-hero__wrapper {
    padding: var(--spacing-3xl, 40px) var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .supreme-element.post-hero .post-hero__wrapper {
    padding: var(--spacing-5xl, 80px) var(--spacing-lg, 20px);
  }
}
.supreme-element.post-hero .post-hero__inner {
  width: 100%;
  display: flex;
  justify-content: center;
}
.supreme-element.post-hero .post-hero__container {
  width: 100%;
  max-width: 1400px;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3xl, 40px);
  align-items: flex-start;
}
@media (max-width: 991px) {
  .supreme-element.post-hero .post-hero__container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.supreme-element.post-hero .post-hero__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg, 16px);
  text-align: left;
}
.supreme-element.post-hero .post-hero__category {
  display: inline-flex;
}
.supreme-element.post-hero .post-hero__category .category-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: 20px;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.supreme-element.post-hero .post-hero__title {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.supreme-element.post-hero .post-hero__meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-lg, 20px);
}
@media (max-width: 767px) {
  .supreme-element.post-hero .post-hero__meta {
    flex-direction: column;
    gap: var(--spacing-sm, 8px);
    align-items: flex-start;
  }
}
.supreme-element.post-hero .post-hero__author {
  display: inline-block;
  color: var(--Base-Colors-Gray, #707070);
}
.supreme-element.post-hero .post-hero__read-time {
  display: inline-block;
  color: var(--Base-Colors-Gray, #707070);
}
.supreme-element.post-hero .post-hero__excerpt {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  max-width: 100%;
}
.supreme-element.post-hero .post-hero__image {
  flex-shrink: 0;
  width: 40%;
  overflow: hidden;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-hero .post-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .supreme-element.post-hero .post-hero__image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-hero .post-hero__image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991px) {
  .supreme-element.post-hero .post-hero__image {
    width: 100%;
  }
}

.synthego-extended-hero {
  padding-top: var(--spacing-5xl, 112px);
  padding-bottom: var(--spacing-5xl, 112px);
  position: relative;
  overflow: hidden;
}
@media (max-width: 1439px) {
  .synthego-extended-hero {
    padding-top: var(--spacing-4xl, 80px);
    padding-bottom: var(--spacing-4xl, 80px);
  }
}
@media (max-width: 991px) {
  .synthego-extended-hero {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .synthego-extended-hero {
    padding-top: var(--spacing-3xl, 40px);
    padding-bottom: var(--spacing-3xl, 40px);
  }
}
.synthego-extended-hero.background-gradient {
  background: linear-gradient(252deg, #20d340 -2.88%, #00d1ed 18.59%, #18d36b 44.56%, #01abf9 66.03%, #10d297 84.51%, #aebbfa 100.99%);
  padding-top: 80px;
  padding-bottom: 80px;
}
.synthego-extended-hero.background-none {
  background: transparent;
}
.synthego-extended-hero__container {
  position: relative;
  z-index: 2;
}
.synthego-extended-hero__wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-4xl, 80px);
}
@media (max-width: 1199px) {
  .synthego-extended-hero__wrapper {
    gap: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 991px) {
  .synthego-extended-hero__wrapper {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}
.synthego-extended-hero__wrapper.has-hero-image .synthego-extended-hero__content {
  flex: 1 1 auto;
  max-width: 905px;
}
.synthego-extended-hero__content {
  max-width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 991px) {
  .synthego-extended-hero__content {
    align-items: center;
    text-align: center;
    gap: var(--spacing-xl-alt, 30px);
  }
}
.synthego-extended-hero.align-left .synthego-extended-hero__content {
  align-items: flex-start;
  text-align: left;
}
.synthego-extended-hero.align-center .synthego-extended-hero__content {
  align-items: center;
  text-align: center;
}
.synthego-extended-hero.align-right .synthego-extended-hero__content {
  align-items: flex-end;
  text-align: right;
}
.synthego-extended-hero .hero-heading {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  max-width: 871px;
}
@media (max-width: 991px) {
  .synthego-extended-hero .hero-heading.headline-xxl, .synthego-extended-hero .supreme-element.synthego-hero .hero-stats .stat-column .hero-heading.stat-value, .supreme-element.synthego-hero .hero-stats .stat-column .synthego-extended-hero .hero-heading.stat-value, .synthego-extended-hero .supreme-element.pipeline-section .pipeline-tile .hero-heading.tile-title, .supreme-element.pipeline-section .pipeline-tile .synthego-extended-hero .hero-heading.tile-title {
    font-size: 1.375rem;
    line-height: 1.5;
  }
}
.synthego-extended-hero .hero-description {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-Paragraph-f-size);
  color: var(--Heading-Color-1);
  line-height: var(--Line-Height-Paragraph-line-height);
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-extended-hero .hero-description {
    font-size: var(--Font-Size-f-size-xs);
  }
}
.synthego-extended-hero .hero-description p {
  margin-bottom: var(--Paragraph-Spacing-paragraph-spacing);
}
.synthego-extended-hero .hero-description p:last-child {
  margin-bottom: 0;
}
.synthego-extended-hero .hero-button-wrapper {
  display: flex;
  gap: var(--spacing-sm, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .synthego-extended-hero .hero-button-wrapper {
    gap: var(--spacing-sm);
    width: 100%;
    justify-content: center;
  }
  .synthego-extended-hero .hero-button-wrapper .button-primary, .synthego-extended-hero .hero-button-wrapper .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button, .supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .synthego-extended-hero .hero-button-wrapper .hs-button, .synthego-extended-hero .hero-button-wrapper .resources-section .resources-footer .resources-load-more, .resources-section .resources-footer .synthego-extended-hero .hero-button-wrapper .resources-load-more, .synthego-extended-hero .hero-button-wrapper .synthego-load-more, .synthego-extended-hero .hero-button-wrapper .supreme-element.synthego-hero .btn-primary, .supreme-element.synthego-hero .synthego-extended-hero .hero-button-wrapper .btn-primary, .synthego-extended-hero .hero-button-wrapper .supreme-element.title-text-button-hero .hero-button, .supreme-element.title-text-button-hero .synthego-extended-hero .hero-button-wrapper .hero-button, .synthego-extended-hero .hero-button-wrapper .supreme-element.fifty-fifty-hero .hero-button, .supreme-element.fifty-fifty-hero .synthego-extended-hero .hero-button-wrapper .hero-button,
  .synthego-extended-hero .hero-button-wrapper .button-green-border,
  .synthego-extended-hero .hero-button-wrapper .supreme-element.one-button-cta .cta-button,
  .supreme-element.one-button-cta .synthego-extended-hero .hero-button-wrapper .cta-button {
    flex: 1;
    min-width: 140px;
    max-width: 200px;
  }
}
.align-left .synthego-extended-hero .hero-button-wrapper {
  justify-content: flex-start;
}
.align-center .synthego-extended-hero .hero-button-wrapper {
  justify-content: center;
}
.align-right .synthego-extended-hero .hero-button-wrapper {
  justify-content: flex-end;
}
.synthego-extended-hero.background-image {
  position: relative;
}
.synthego-extended-hero.background-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.85);
  z-index: 1;
}
.synthego-extended-hero.background-image .synthego-extended-hero__container {
  position: relative;
  z-index: 2;
}
.synthego-extended-hero__image-wrapper {
  flex-shrink: 0;
  width: 392px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .synthego-extended-hero__image-wrapper {
    width: 300px;
  }
}
@media (max-width: 991px) {
  .synthego-extended-hero__image-wrapper {
    display: none;
  }
}
.synthego-extended-hero__image {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}
.synthego-extended-hero__svg-decoration {
  width: 346px;
  height: 579px;
}
.synthego-extended-hero__svg-decoration svg {
  width: 100%;
  height: 100%;
  display: block;
}

.oxygen-builder-body .synthego-extended-hero {
  min-height: 400px;
  display: flex;
  align-items: center;
}

.partners-section {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding: var(--spacing-4xl, 80px) 0;
}
@media (max-width: 1199px) {
  .partners-section {
    padding: var(--spacing-3xl, 48px) 0;
  }
}
@media (max-width: 767px) {
  .partners-section {
    padding: var(--spacing-2xl, 32px) 0;
  }
}

.partners-section-wrapper {
  width: 100%;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 1199px) {
  .partners-section-wrapper {
    padding-top: var(--spacing-3xl, 48px);
    padding-bottom: var(--spacing-3xl, 48px);
  }
}
@media (max-width: 767px) {
  .partners-section-wrapper {
    padding-top: var(--spacing-2xl, 32px);
    padding-bottom: var(--spacing-2xl, 32px);
  }
}

.partners-header {
  text-align: center;
  margin-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .partners-header {
    margin-bottom: var(--spacing-3xl, 48px);
  }
}

.partners-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.partner-item {
  margin-bottom: var(--spacing-5xl, 120px);
}
.partner-item:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .partner-item {
    margin-bottom: var(--spacing-4xl, 80px);
  }
}
@media (max-width: 767px) {
  .partner-item {
    margin-bottom: var(--spacing-3xl, 48px);
  }
}

.partner-content-wrapper {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-4xl, 80px);
}
@media (max-width: 991px) {
  .partner-content-wrapper {
    flex-direction: column;
    gap: var(--spacing-3xl, 48px);
  }
}

.partner-left .partner-content-wrapper {
  flex-direction: row;
}
@media (max-width: 991px) {
  .partner-left .partner-content-wrapper {
    flex-direction: column;
  }
}

.partner-right .partner-content-wrapper {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .partner-right .partner-content-wrapper {
    flex-direction: column;
  }
}

.partner-images {
  flex: 0 0 35%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg, 20px);
}
@media (max-width: 1199px) {
  .partner-images {
    flex: 0 0 40%;
    padding: var(--spacing-lg, 20px);
  }
}
@media (max-width: 991px) {
  .partner-images {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .partner-images {
    padding: var(--spacing-md, 16px);
  }
}

.partner-logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-logo img {
  max-width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .partner-logo img {
    max-height: 150px;
  }
}

.partner-additional-images {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg, 20px);
  width: 100%;
}
.partner-additional-images img {
  max-width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .partner-additional-images img {
    max-height: 100px;
  }
}

.partner-text {
  flex: 1 1 65%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}

.partner-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.partner-description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
@media (max-width: 767px) {
  .partner-description {
    font-size: 16px;
    line-height: 26px;
  }
}
.partner-description p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.partner-description p:last-child {
  margin-bottom: 0;
}
.partner-description a {
  color: var(--Brand-Colors-Primary-Cytosine-Blue, #00d1ed);
  text-decoration: underline;
  transition: color 0.3s ease;
}
.partner-description a:hover {
  color: var(--Brand-Colors-Primary-Thymine-Purple, #751e98);
}
.partner-description ul,
.partner-description ol {
  margin: var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-xl, 24px);
}
.partner-description li {
  margin-bottom: var(--spacing-sm, 12px);
}
.partner-description li:last-child {
  margin-bottom: 0;
}

.partners-empty {
  text-align: center;
  padding: var(--spacing-4xl, 80px) 0;
}
.partners-empty p {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  color: var(--text, #262626);
  margin: 0;
}

.resources-section {
  padding: var(--spacing-5xl);
  padding-bottom: var(--spacing-4xl);
  background: var(--Brand-Colors-Primary-White);
}
@media (min-width: 1400px) {
  .resources-section {
    padding-top: var(--spacing-5xl);
    padding-bottom: var(--spacing-4xl);
  }
}
.resources-section .resources-header {
  padding-bottom: var(--spacing-lg);
}
.resources-section .resources-header .resources-content-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  margin-bottom: var(--spacing-xxl, 34px);
}
.resources-section .resources-header .resources-content-wrap .resources-text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.resources-section .resources-header .resources-content-wrap .resources-text h1 {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-6xl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-6xl);
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 767px) {
  .resources-section .resources-header .resources-content-wrap .resources-text h1 {
    font-size: var(--Font-Size-f-size-4xl);
    line-height: var(--Line-Height-Line-height-f-size-4xl);
  }
}
.resources-section .resources-header .resources-content-wrap .resources-text p {
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 767px) {
  .resources-section .resources-header .resources-content-wrap .resources-text p {
    font-size: var(--Font-Size-f-size-xxs, 14px);
  }
}
.resources-section .resources-header .resources-filter-row {
  width: 100%;
  border-bottom: 2px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  position: relative;
  margin-bottom: -2px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xxs);
  align-items: flex-start;
  padding: 4px 0 0px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: 0 0 0 0;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab span {
  font-family: var(--Font-Family-Secondary);
  font-weight: var(--Font-Weight-Bold);
  font-size: var(--Font-Size-Paragraph-f-size);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Brand-Colors-Primary-Black);
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab:hover {
  background: var(--Gray-100);
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab.active {
  background: var(--Brand-Colors-Primary-Black);
}
.resources-section .resources-header .resources-filter-row .resources-tabs-desktop .resources-tab.active span {
  color: var(--Brand-Colors-Primary-White);
}
.resources-section .resources-header .resources-filter-row .resources-tabs-mobile {
  display: none;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown {
  width: 100%;
  padding: 0 var(--spacing-xxl) 0 var(--spacing-xs);
  font-family: var(--Font-Family-Secondary);
  font-weight: var(--Font-Weight-Regular);
  font-size: var(--Font-Size-f-size-xxs);
  line-height: 34px;
  color: var(--Heading-Color-1);
  background: var(--Brand-Colors-Primary-White);
  background-image: url(/wp-content/uploads/2025/07/drop-down-arrow.png);
  background-repeat: no-repeat;
  background-size: 10px 7px;
  background-position: 98% 50%;
  border: var(--Stroke-Border-Width) solid var(--Brand-Colors-Neutrals-Gray-300);
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: var(--spacing-md);
  appearance: none;
  -webkit-appearance: none;
  height: 40px;
}
.resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown:focus {
  outline: none;
}
.resources-section .resources-header .resources-count {
  margin-top: var(--spacing-xl);
}
.resources-section .resources-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  justify-content: flex-start;
  padding: 0 1px;
  margin-bottom: var(--spacing-3xl);
}
.resources-section .resources-grid .resource-card {
  max-width: 450px;
  min-width: 30%;
  flex: 1;
  height: 632px;
  border-radius: var(--border-radius-border-radius-20);
  overflow: hidden;
  position: relative;
  background: var(--Brand-Colors-Primary-White);
  transition: all 0.3s ease;
}
.resources-section .resources-grid .resource-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-20);
  background: var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.resources-section .resources-grid .resource-card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.resources-section .resources-grid .resource-card:hover .resource-thumbnail {
  transform: scale(1.1);
}
.resources-section .resources-grid .resource-card:hover .resource-category {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.resources-section .resources-grid .resource-card:hover .resource-category span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.resources-section .resources-grid .resource-card .resource-thumbnail {
  width: 100%;
  height: 364px;
  background-color: var(--Gray-200);
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  transition: transform 300ms ease;
}
.resources-section .resources-grid .resource-card .resource-category {
  position: absolute;
  top: var(--spacing-xl);
  left: 23px;
  background: var(--Brand-Colors-Primary-White);
  border: 1px solid var(--Gray-200);
  border-radius: var(--border-radius-border-radius-20);
  padding: var(--spacing-xxxs) var(--spacing-sm);
  transition: all 0.3s ease;
  z-index: 2;
}
.resources-section .resources-grid .resource-card .resource-category span {
  color: var(--Brand-Colors-Primary-Black);
}
.resources-section .resources-grid .resource-card .resource-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--Brand-Colors-Primary-White);
  padding: var(--spacing-xxl) var(--spacing-xl) var(--spacing-xl);
  height: 291px;
  box-sizing: border-box;
  z-index: 1;
}
.resources-section .resources-grid .resource-card .resource-content .resource-content-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.resources-section .resources-grid .resource-card .resource-content .resource-content-wrap h3 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--Font-Weight-Medium);
  font-size: var(--Font-Size-f-size-lg);
  line-height: var(--Line-Height-Line-height-f-size-lg);
  color: var(--Heading-Color-1);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.resources-section .resources-grid .resource-card .resource-content .resource-content-wrap p {
  color: var(--Heading-Color-1);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: var(--Font-Size-f-size-xs, 14px);
}
.resources-section .resources-grid .resource-card .resource-content .resource-arrow {
  position: absolute;
  bottom: var(--spacing-xxl);
  left: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
}
.resources-section .resources-grid .resource-card .resource-content .resource-arrow svg {
  width: 100%;
  height: 100%;
}
.resources-section .resources-grid .resource-card .resource-content .resource-arrow svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.resources-section .resources-grid .resource-card:hover .resource-arrow {
  opacity: 1;
  left: var(--spacing-xl);
}
.resources-section .resources-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}
.resources-section .resources-footer .resources-load-more {
  padding: var(--spacing-sm) var(--spacing-xxl);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  min-width: 58px;
  min-height: 58px;
  border: none;
}
.resources-section .resources-footer .resources-load-more:hover {
  border: none;
  transform: none;
  box-shadow: none;
}
.resources-section .resources-footer .resources-load-more span {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--Font-Weight-Bold);
  font-size: var(--Font-Size-f-size-md);
  line-height: var(--Line-Height-Line-height-f-size-md);
}
.resources-section .resources-footer .resources-load-more .button-arrow {
  width: 24px;
  height: 24px;
}
.resources-section .resources-footer .resources-load-more .button-arrow svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.resources-section .resources-footer .resources-progress {
  width: 173px;
  height: 4px;
  background: var(--Brand-Colors-Light-Gray, #e0e0e0);
  overflow: hidden;
  position: relative;
}
.resources-section .resources-footer .resources-progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: var(--Brand-Colors-Primary-Black);
  transition: width 0.3s ease;
}
@media (max-width: 1199px) {
  .resources-section .resources-grid .resource-card {
    flex: none;
    width: calc(33.333% - 14px);
  }
}
@media (max-width: 991px) {
  .resources-section .resources-header .resources-filter-row .resources-tabs.resources-tabs-desktop {
    display: none;
  }
  .resources-section .resources-header .resources-filter-row .resources-tabs-mobile {
    display: block;
    width: 100%;
  }
  .resources-section .resources-header .resources-filter-row .resources-tabs-mobile .resources-dropdown {
    margin-top: var(--spacing-sm);
  }
  .resources-section .resources-grid .resource-card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .resources-section .resources-header .resources-tabs-desktop {
    flex-wrap: wrap;
  }
  .resources-section .resources-grid .resource-card {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .resources-section {
    padding-top: var(--spacing-4xl);
    padding-bottom: var(--spacing-4xl);
  }
}
@media (max-width: 600px) {
  .resources-section .resources-header .resources-tabs .resources-tab {
    padding: var(--spacing-xs) var(--spacing-sm);
  }
  .resources-section .resources-header .resources-tabs .resources-tab span {
    font-size: var(--Font-Size-f-size-xs);
  }
  .resources-section .resources-footer .resources-load-more {
    padding: 10px var(--spacing-xl);
  }
  .resources-section .resources-footer .resources-load-more span {
    font-size: var(--Font-Size-f-size-xs);
  }
}

.text-media-section {
  padding-top: var(--spacing-5xl, 112px);
  padding-bottom: var(--spacing-5xl, 112px);
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.text-media-section .text-media-container {
  padding: 0;
}
.text-media-section .text-media-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-4xl);
}
@media (max-width: 1200px) {
  .text-media-section .text-media-content {
    flex-direction: column;
    gap: var(--spacing-3xl);
  }
}
@media (max-width: 767px) {
  .text-media-section .text-media-content {
    font-size: var(--Font-Size-f-size-lg, 22px);
  }
}
.text-media-section .text-content {
  flex: 1;
}
@media (max-width: 1200px) {
  .text-media-section .text-content {
    width: 45%;
  }
}
@media (max-width: 1200px) {
  .text-media-section .text-content {
    width: 100%;
  }
}
.text-media-section .text-content .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.text-media-section .text-content .text-wrapper .text-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.text-media-section .text-content .text-wrapper .text-header h2 {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxl, 40px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxl, 54px);
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 1200px) {
  .text-media-section .text-content .text-wrapper .text-header h2 {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
@media (max-width: 767px) {
  .text-media-section .text-content .text-wrapper .text-header h2 {
    font-size: var(--Font-Size-f-size-xl);
    line-height: var(--Line-Height-Line-height-f-size-xl);
  }
}
.text-media-section .text-content .text-wrapper .text-header .subtitle {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-lg);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-lg);
  color: var(--Heading-Color-1);
  margin: 0;
}
.text-media-section .text-content .text-wrapper .text-body {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-Paragraph-f-size);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
@media (max-width: 767px) {
  .text-media-section .text-content .text-wrapper .text-body {
    font-size: var(--Font-Size-f-size-xxs, 14px);
    line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  }
}
.text-media-section .text-content .text-wrapper .text-body p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing) 0;
}
@media (max-width: 767px) {
  .text-media-section .text-content .text-wrapper .text-body p {
    font-size: var(--Font-Size-f-size-xxs, 14px);
  }
}
.text-media-section .text-content .text-wrapper .text-body p:last-child {
  margin-bottom: 0;
}
.text-media-section .media-content {
  width: 42%;
  flex-shrink: 0;
  min-width: 0;
}
@media (max-width: 479px) {
  .text-media-section .media-content {
    width: 100%;
    margin: 0 auto;
  }
}
.text-media-section .media-content .media-wrapper {
  width: 100%;
  height: 452px;
  border-radius: 12px;
  overflow: hidden;
  background: var(--Gray-200);
  position: relative;
}
@media (max-width: 767px) {
  .text-media-section .media-content .media-wrapper {
    height: 300px;
  }
}
.text-media-section .media-content .media-wrapper.media-youtube .youtube-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.text-media-section .media-content .media-wrapper.media-youtube .youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.text-media-section .media-content .media-wrapper.media-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text-media-section .media-content .media-wrapper.media-html .html-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: var(--spacing-xl);
  box-sizing: border-box;
  background: var(--Brand-Colors-Primary-White);
}
.text-media-section.reverse-layout .text-media-content {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  .text-media-section.reverse-layout .text-media-content {
    flex-direction: column;
  }
}
.text-media-section.dark-background {
  background: var(--Brand-Colors-Primary-Black);
}
.text-media-section.dark-background .text-content .text-header h2,
.text-media-section.dark-background .text-content .text-header .subtitle,
.text-media-section.dark-background .text-content .text-body {
  color: var(--Brand-Colors-Primary-White);
}

.team-section {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
  background: var(--Brand-Colors-Primary-White);
}
.team-section .team-container {
  padding: 0;
}
.team-section .team-header {
  margin-bottom: var(--spacing-3xl);
}
.team-section .team-header h2 {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-xxxl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-xxxl);
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 991px) {
  .team-section .team-header h2 {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
@media (max-width: 767px) {
  .team-section .team-header h2 {
    font-size: var(--Font-Size-f-size-xl);
    line-height: var(--Line-Height-Line-height-f-size-xl);
  }
}
.team-section .team-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxl);
  justify-content: flex-start;
}
.team-section .team-member {
  width: 22%;
  max-width: 326px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
}
@media (max-width: 1200px) {
  .team-section .team-member {
    width: 326px;
  }
}
@media (max-width: 375px) {
  .team-section .team-member {
    width: 100%;
    max-width: 326px;
  }
}
.team-section .team-member .member-image {
  width: 258px;
  height: 258px;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  background: linear-gradient(90deg, var(--Brand-Colors-Primary-Adenine-Green) 0%, var(--Brand-Colors-Primary-Cytosine-Blue) 100%);
  padding: 4px;
}
.team-section .team-member .member-image img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 50%;
  background: var(--Brand-Colors-Primary-White);
}
.team-section .team-member .member-image .placeholder {
  width: 250px;
  height: 250px;
  background: var(--Gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.team-section .team-member .member-image .placeholder svg {
  width: 60px;
  height: 60px;
  fill: var(--Gray-400);
}
.team-section .team-member .member-info {
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.team-section .team-member .member-info .member-name {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-lg);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-lg);
  color: var(--Heading-Color-1);
  margin: 0;
}
.team-section .team-member .member-info .member-title {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-f-size-xs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xs);
  color: var(--text);
  margin: 0;
}
.team-section .no-team-members {
  text-align: center;
  padding: var(--spacing-4xl) 0;
}
.team-section .no-team-members p {
  font-family: var(--Font-Family-Secondary);
  font-size: var(--Font-Size-Paragraph-f-size);
  color: var(--text);
  margin: 0;
}

.testimonials-slider {
  background: var(--Brand-Colors-Light-grayish-cyan);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  overflow: hidden;
}
.testimonials-slider .slider-container {
  padding: 0;
}
@media (max-width: 767px) {
  .testimonials-slider .slider-container {
    position: relative;
    padding-bottom: 80px;
  }
}
.testimonials-slider .slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-3xl);
}
@media (max-width: 767px) {
  .testimonials-slider .slider-header {
    flex-direction: column;
    gap: var(--spacing-xl);
    align-items: flex-start;
  }
}
.testimonials-slider .slider-header h2 {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-4xl);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Line-height-f-size-4xl);
  color: var(--Heading-Color-1);
  margin: 0;
}
@media (max-width: 991px) {
  .testimonials-slider .slider-header h2 {
    font-size: var(--Font-Size-f-size-xxl);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
@media (max-width: 767px) {
  .testimonials-slider .slider-header h2 {
    font-size: var(--Font-Size-f-size-xxl, 32px);
    line-height: var(--Line-Height-Line-height-f-size-xxl);
  }
}
.testimonials-slider .slider-header .slider-controls {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
}
@media (max-width: 767px) {
  .testimonials-slider .slider-header .slider-controls {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    justify-content: space-between;
  }
}
.testimonials-slider .slider-header .slider-controls .slider-counter {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-md);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-md);
  color: var(--Heading-Color-1);
}
.testimonials-slider .slider-header .slider-controls .slider-arrows {
  display: flex;
  gap: var(--spacing-xs);
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--Brand-Colors-Primary-Black);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 0;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button:hover {
  background: var(--Brand-Colors-Primary-Black);
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button:hover svg path {
  fill: white;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button svg {
  width: 24px;
  height: 24px;
}
.testimonials-slider .slider-header .slider-controls .slider-arrows button svg path {
  fill: var(--Brand-Colors-Primary-Black);
  transition: fill 0.3s ease;
}
.testimonials-slider .slider-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1400px;
}
.testimonials-slider .slider-track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  width: max-content;
}
.testimonials-slider .testimonial-slide-group {
  display: flex;
  gap: var(--spacing-3xl);
  flex-shrink: 0;
  width: 1400px;
}
@media (max-width: 1439px) {
  .testimonials-slider .testimonial-slide-group {
    width: calc(100vw - var(--spacing-xl) * 2);
  }
}
@media (max-width: 767px) {
  .testimonials-slider .testimonial-slide-group {
    width: calc(100vw - var(--spacing-lg) * 2);
  }
}
.testimonials-slider .testimonial-card {
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-left: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  padding: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl);
  flex-shrink: 0;
}
.testimonials-slider .testimonial-card.first-card {
  width: 591px;
}
.testimonials-slider .testimonial-card.second-card {
  width: 768px;
}
@media (max-width: 1439px) {
  .testimonials-slider .testimonial-card.testimonial-card.first-card, .testimonials-slider .testimonial-card.testimonial-card.second-card {
    width: calc(50% - var(--spacing-3xl) / 2);
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .testimonials-slider .testimonial-card {
    padding: var(--spacing-xl);
  }
  .testimonials-slider .testimonial-card.testimonial-card.first-card, .testimonials-slider .testimonial-card.testimonial-card.second-card {
    width: calc(100vw - var(--spacing-3xl) * 2);
  }
  .testimonials-slider .testimonial-card.second-card {
    display: none;
  }
}
.testimonials-slider .testimonial-card .testimonial-icon {
  width: 60px;
  height: 44px;
  flex-shrink: 0;
}
.testimonials-slider .testimonial-card .testimonial-icon svg {
  width: 100%;
  height: 100%;
}
.testimonials-slider .testimonial-card .testimonial-quote {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-f-size-md);
  font-weight: var(--Font-Weight-Medium);
  line-height: var(--Line-Height-Line-height-f-size-md);
  color: var(--Heading-Color-1);
  flex-grow: 1;
  margin: 0;
}
.testimonials-slider .testimonial-card .testimonial-author {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl);
}
.testimonials-slider .testimonial-card .testimonial-author .author-image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.testimonials-slider .testimonial-card .testimonial-author .author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonials-slider .testimonial-card .testimonial-author .author-image.placeholder {
  background: var(--Gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonials-slider .testimonial-card .testimonial-author .author-image.placeholder svg {
  width: 40px;
  height: 40px;
}
.testimonials-slider .testimonial-card .testimonial-author .author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.testimonials-slider .testimonial-card .testimonial-author .author-info .author-name {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Bold);
  line-height: var(--Line-Height-Paragraph-line-height);
  color: var(--Heading-Color-1);
}
.testimonials-slider .testimonial-card .testimonial-author .author-info .author-title {
  font-family: var(--Font-Family-Special-Case);
  font-size: var(--Font-Size-f-size-xxxs);
  font-weight: var(--Font-Weight-Regular);
  line-height: var(--Line-Height-Line-height-f-size-xxxs);
  text-transform: uppercase;
  color: var(--text);
}
.testimonials-slider .slider-wrapper.grabbing {
  cursor: grabbing;
}
.testimonials-slider .slider-wrapper.grabbable {
  cursor: grab;
}
.testimonials-slider.white-background {
  background: var(--Brand-Colors-Primary-White);
}

.testimonials-slider.white-background .testimonial-card {
  background: var(--Brand-Colors-Primary-White);
}

.synthego-articles-section {
  padding-bottom: var(--spacing-5xl, 112px);
  padding-top: var(--spacing-5xl, 112px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-articles-section__title {
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-3xl, 64px);
  text-align: left;
}
@media (max-width: 991px) {
  .synthego-articles-section__title {
    margin-bottom: var(--spacing-2xl, 48px);
  }
}
@media (max-width: 767px) {
  .synthego-articles-section__title {
    margin-bottom: var(--spacing-xl, 24px);
  }
}
.synthego-articles-section__layout {
  display: grid;
  grid-template-columns: 334px 1fr;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-articles-section__layout {
    grid-template-columns: 280px 1fr;
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-articles-section__layout {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 991px) {
  .synthego-articles-section__sidebar {
    margin-bottom: var(--spacing-xl, 24px);
  }
}
.synthego-articles-section__sidebar-title {
  color: var(--Heading-Color-1, #262626);
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .synthego-articles-section__sidebar-title {
    margin-bottom: var(--spacing-md, 16px);
  }
}
.synthego-articles-section__categories {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
  width: 334px;
  position: relative;
}
@media (max-width: 1199px) {
  .synthego-articles-section__categories {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .synthego-articles-section__categories {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm, 12px);
    background-color: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
  }
}
.synthego-articles-section__category-item {
  margin: 0;
  position: relative;
  overflow: hidden;
}
.synthego-articles-section__category-item:not(:last-child) {
  border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:not(:last-child) {
    border-bottom: none;
  }
}
.synthego-articles-section__category-item:first-child .synthego-articles-section__category-button {
  border-radius: var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px) 0 0;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:first-child .synthego-articles-section__category-button {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:first-child::after {
  border-radius: var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px) 0 0;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:first-child::after {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:last-child .synthego-articles-section__category-button {
  border-radius: 0 0 var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:last-child .synthego-articles-section__category-button {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:last-child::after {
  border-radius: 0 0 var(--border-radius-border-radius-20, 20px) var(--border-radius-border-radius-20, 20px);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item:last-child::after {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:only-child .synthego-articles-section__category-button {
  border-radius: var(--border-radius-border-radius-20, 20px);
}
.synthego-articles-section__category-item:only-child::after {
  border-radius: var(--border-radius-border-radius-20, 20px);
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item {
    flex: 1;
    min-width: 25%;
  }
}
@media (max-width: 767px) {
  .synthego-articles-section__category-item {
    min-width: 40%;
  }
}
.synthego-articles-section__category-item::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-item::after {
    border-radius: var(--border-radius-border-radius-20, 20px);
  }
}
.synthego-articles-section__category-item:hover::after {
  opacity: 1;
}
.synthego-articles-section__category-item.active .synthego-articles-section__category-button {
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
}
.synthego-articles-section__category-item.active .synthego-articles-section__category-button svg {
  opacity: 0;
}
.synthego-articles-section__category-button {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: var(--spacing-md, 16px);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  color: var(--Heading-Color-1, #262626);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  text-align: left;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-button {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
    border-radius: 20px;
    background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  }
}
.synthego-articles-section__category-button svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 991px) {
  .synthego-articles-section__category-button svg {
    display: none;
  }
}
.synthego-articles-section__category-button:hover svg {
  opacity: 1;
}
.synthego-articles-section__content {
  width: 100%;
}
.synthego-articles-section__active-categories-label, .synthego-articles-section__active-categories-list, .synthego-articles-section__active-categories-suffix {
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xl, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-xl, 42px);
}
.synthego-articles-section__grid {
  display: grid;
  margin-top: var(--spacing-xl, 24px);
  margin-bottom: var(--spacing-xl, 24px);
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-xl, 24px);
}
@media (max-width: 1199px) {
  .synthego-articles-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .synthego-articles-section__grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl, 24px);
  }
}
.synthego-articles-section__card {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: var(--border-radius-border-radius-20, 20px);
  border: 1px solid var(--Gray-200, #d1d1d1);
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.synthego-articles-section__card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: var(--border-radius-border-radius-20, 20px);
  background: var(--Gray-200, #d1d1d1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}
.synthego-articles-section__card:hover::after {
  padding: 4px;
  background: var(--Gradient-Vertical, linear-gradient(0deg, #00d1ed 0%, #20d340 100%));
  z-index: 2;
}
.synthego-articles-section__card:hover .synthego-articles-section__card-image img {
  transform: scale(1.1);
}
.synthego-articles-section__card:hover .synthego-articles-section__card-category-tag {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.synthego-articles-section__card:hover .synthego-articles-section__card-category-tag span {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-articles-section__card-link {
  text-decoration: none !important;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 1;
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
}
.synthego-articles-section__card-link:hover {
  text-decoration: none !important;
}
.synthego-articles-section__card-link * {
  text-decoration: none !important;
}
.synthego-articles-section__card-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #eee;
  flex-shrink: 0;
  position: relative;
}
.synthego-articles-section__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.synthego-articles-section__card-content {
  padding: var(--spacing-xl, 24px);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 16px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-top: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  position: relative;
}
.synthego-articles-section__card-category-tag {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xxxs, 2px) var(--spacing-sm, 12px);
  display: inline-block;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.synthego-articles-section__card-category-tag span {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: normal;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.synthego-articles-section__card-title {
  margin: 0;
  text-decoration: none !important;
  color: var(--Heading-Color-1, #262626);
}
.synthego-articles-section__loadmore {
  text-align: center;
}
.synthego-articles-section__loadmore-button {
  margin-bottom: var(--spacing-md, 16px);
}
.synthego-articles-section__loadmore-button[data-loading=true] {
  opacity: 0.6;
  pointer-events: none;
}
.synthego-articles-section__pagination {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  color: var(--Heading-Color-1-Alt, #707070);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.synthego-articles-section__pagination span {
  font-weight: var(--Font-Weight-Bold, 700);
}
.synthego-articles-section__no-posts {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  color: var(--Heading-Color-1-Alt, #707070);
  text-align: center;
  padding: var(--spacing-4xl, 80px) 0;
}

.synthego-articles-loading {
  opacity: 0.5;
  pointer-events: none;
}

.synthego-full-width-text {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.synthego-full-width-text--gradient {
  background: linear-gradient(252deg, #20d340 0%, #00d1ed 20.67%, #18d36b 45.67%, #01abf9 66.35%, #10d297 84.13%, #aebbfa 100%);
}
.synthego-full-width-text--transparent {
  background: transparent;
}
.synthego-full-width-text__container {
  position: relative;
  padding: var(--spacing-5xl, 112px) 0;
}
@media (max-width: 1439px) {
  .synthego-full-width-text__container {
    padding: var(--spacing-4xl, 80px) 0;
  }
}
@media (max-width: 767px) {
  .synthego-full-width-text__container {
    padding: var(--spacing-3xl, 40px) 0;
  }
}
.synthego-full-width-text__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.synthego-full-width-text__wrapper--left {
  align-items: flex-start;
}
.synthego-full-width-text__wrapper--left .synthego-full-width-text__content {
  text-align: left;
}
.synthego-full-width-text__wrapper--left .synthego-full-width-text__heading,
.synthego-full-width-text__wrapper--left .synthego-full-width-text__text {
  text-align: left;
}
.synthego-full-width-text__wrapper--center {
  align-items: center;
}
.synthego-full-width-text__wrapper--center .synthego-full-width-text__content {
  text-align: center;
  align-items: center;
}
.synthego-full-width-text__wrapper--center .synthego-full-width-text__heading,
.synthego-full-width-text__wrapper--center .synthego-full-width-text__text {
  text-align: center;
}
.synthego-full-width-text__wrapper--right {
  align-items: flex-end;
}
.synthego-full-width-text__wrapper--right .synthego-full-width-text__content {
  text-align: right;
}
.synthego-full-width-text__wrapper--right .synthego-full-width-text__heading,
.synthego-full-width-text__wrapper--right .synthego-full-width-text__text {
  text-align: right;
}
.synthego-full-width-text__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  align-items: center;
  width: 100%;
  max-width: 1008px;
}
@media (max-width: 991px) {
  .synthego-full-width-text__content {
    gap: var(--spacing-xl, 24px);
  }
}
.synthego-full-width-text__heading {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  width: 100%;
}
.synthego-full-width-text__heading.headline-xxxl {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xxxl, 56px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxxl, 64px);
}
@media (max-width: 991px) {
  .synthego-full-width-text__heading.headline-xxxl.headline-xxxl {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}
@media (max-width: 767px) {
  .synthego-full-width-text__heading.headline-xxxl.headline-xxxl {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}
.synthego-full-width-text__text {
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  width: 100%;
}
.synthego-full-width-text__text.headline-xxl, .supreme-element.synthego-hero .hero-stats .stat-column .synthego-full-width-text__text.stat-value, .supreme-element.pipeline-section .pipeline-tile .synthego-full-width-text__text.tile-title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xxl, 40px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-xxl, 54px);
}
@media (max-width: 991px) {
  .synthego-full-width-text__text.headline-xxl.headline-xxl, .supreme-element.synthego-hero .hero-stats .stat-column .synthego-full-width-text__text.stat-value, .supreme-element.pipeline-section .pipeline-tile .synthego-full-width-text__text.tile-title {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 767px) {
  .synthego-full-width-text__text.headline-xxl.headline-xxl, .supreme-element.synthego-hero .hero-stats .stat-column .synthego-full-width-text__text.stat-value, .supreme-element.pipeline-section .pipeline-tile .synthego-full-width-text__text.tile-title {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}

.synthego-full-width-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.synthego-full-width-image__container {
  position: relative;
  padding: var(--spacing-4xl, 80px) 0;
}
.synthego-full-width-image__image-wrapper {
  width: 100%;
  height: 304px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .synthego-full-width-image__image-wrapper {
    height: 250px;
  }
}
@media (max-width: 767px) {
  .synthego-full-width-image__image-wrapper {
    height: 200px;
  }
}
.synthego-full-width-image__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
.synthego-full-width-image__placeholder {
  width: 100%;
  height: 304px;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.synthego-full-width-image__placeholder span {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  color: var(--Heading-Color-1-Alt, #707070);
  text-align: center;
}
@media (max-width: 991px) {
  .synthego-full-width-image__placeholder {
    height: 250px;
  }
}
@media (max-width: 767px) {
  .synthego-full-width-image__placeholder {
    height: 200px;
  }
}

.oxy-supreme-elements-full-width-image {
  width: 100%;
  max-width: 100%;
}

.synthego-image-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.synthego-image-slider button.synthego-image-slider__arrow {
  border-radius: 50%;
}
.synthego-image-slider__container {
  width: 100%;
  max-width: 1620px;
  margin: 0 auto;
  position: relative;
  padding: 0 var(--spacing-xxl, 32px);
}
@media (max-width: 1199px) {
  .synthego-image-slider__container {
    padding: 0 var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-image-slider__container {
    padding: 0 var(--spacing-lg, 20px);
  }
}
.synthego-image-slider__wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.synthego-image-slider__track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.synthego-image-slider__track--desktop {
  display: flex;
}
@media (max-width: 991px) {
  .synthego-image-slider__track--desktop {
    display: none;
  }
}
.synthego-image-slider__track--mobile {
  display: none;
}
@media (max-width: 991px) {
  .synthego-image-slider__track--mobile {
    display: flex;
  }
}
.synthego-image-slider__slide {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  gap: var(--image-gap, 30px);
}
@media (max-width: 991px) {
  .synthego-image-slider__slide {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .synthego-image-slider__slide {
    gap: 15px;
  }
}
.synthego-image-slider__image-wrapper {
  flex: 1;
  height: 727px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1199px) {
  .synthego-image-slider__image-wrapper {
    height: 500px;
  }
}
@media (max-width: 991px) {
  .synthego-image-slider__image-wrapper {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .synthego-image-slider__image-wrapper {
    height: 300px;
  }
}
.synthego-image-slider__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.synthego-image-slider__placeholder {
  width: 100%;
  height: 100%;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.synthego-image-slider__placeholder span {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  color: var(--Heading-Color-1-Alt, #707070);
  text-align: center;
  padding: var(--spacing-lg, 20px);
}
.synthego-image-slider__controls {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-top-left-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-lg, 20px);
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
  z-index: 10;
}
@media (max-width: 767px) {
  .synthego-image-slider__controls {
    padding: var(--spacing-md, 16px);
    gap: var(--spacing-md, 16px);
  }
}
.synthego-image-slider__counter {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  color: var(--text, #262626);
  white-space: nowrap;
}
.synthego-image-slider__arrows {
  display: flex;
  gap: var(--spacing-xs, 8px);
}
.synthego-image-slider__arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--Brand-Colors-Primary-Black, #000000);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
@media (max-width: 767px) {
  .synthego-image-slider__arrow {
    width: 40px;
    height: 40px;
  }
  .synthego-image-slider__arrow svg {
    width: 20px;
    height: 20px;
  }
}
.synthego-image-slider__arrow:hover:not(:disabled) {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
.synthego-image-slider__arrow:hover:not(:disabled) svg {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-image-slider__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.synthego-image-slider__arrow svg {
  width: 24px;
  height: 24px;
  color: var(--Brand-Colors-Primary-Black, #000000);
  transition: color 0.3s ease;
}

.oxy-supreme-elements-image-slider {
  width: 100%;
  max-width: 100%;
}

.synthego-benefits-section {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-section__header {
  margin-bottom: var(--spacing-3xl, 40px);
  max-width: 1099px;
}
@media (max-width: 991px) {
  .synthego-benefits-section__header {
    margin-bottom: var(--spacing-xxl, 32px);
  }
}
.synthego-benefits-section__title {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.synthego-benefits-section__subtitle {
  color: var(--text, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .synthego-benefits-section__subtitle.headline-xl.headline-xl, .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__subtitle.stats-intro {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.synthego-benefits-section__intro {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-section__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-benefits-section__grid {
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-section__grid {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-benefits-section__grid {
    gap: 34px;
  }
}
.synthego-benefits-section__card {
  flex: 0 0 calc(33.333% - 27px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  padding-right: var(--spacing-xxl, 32px);
}
@media (max-width: 1199px) {
  .synthego-benefits-section__card {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-section__card {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.synthego-benefits-section__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
}
.synthego-benefits-section__icon {
  width: 75px;
  height: 75px;
  border-radius: 150px;
  background: linear-gradient(220.426deg, rgb(32, 211, 64) 13.386%, rgb(0, 209, 237) 85.477%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.synthego-benefits-section__icon svg {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-section__icon--balance svg {
  width: 37px;
  height: 39px;
}
.synthego-benefits-section__icon--parental svg {
  width: 31px;
  height: 31px;
}
.synthego-benefits-section__icon--medical svg {
  width: 38px;
  height: 32px;
}
.synthego-benefits-section__icon--401k svg {
  width: 49px;
  height: 44px;
}
.synthego-benefits-section__icon--food svg {
  width: 45px;
  height: 30px;
}
.synthego-benefits-section__icon--engagement svg {
  width: 30px;
  height: 25px;
}
@media (max-width: 767px) {
  .synthego-benefits-section__icon {
    width: 60px;
    height: 60px;
  }
  .synthego-benefits-section__icon svg {
    max-width: 36px;
    max-height: 36px;
  }
}
.synthego-benefits-section__card-title {
  flex: 1;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-benefits-section__card .synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-section__card-description.synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-benefits-section__card-title.headline-xl.headline-xl, .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__card-title.stats-intro {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}

.synthego-benefits-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
.synthego-benefits-wrapper .synthego-benefits-section__header {
  margin-bottom: var(--spacing-3xl, 40px);
  max-width: 1099px;
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper .synthego-benefits-section__header {
    margin-bottom: var(--spacing-xxl, 32px);
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__title {
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__subtitle {
  color: var(--text, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__subtitle.headline-xl.headline-xl, .synthego-benefits-wrapper .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__subtitle.stats-intro, .supreme-element.synthego-hero .hero-stats .synthego-benefits-wrapper .synthego-benefits-section__subtitle.stats-intro {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__intro {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper .synthego-benefits-section__grid {
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper .synthego-benefits-section__grid {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__grid {
    gap: 34px;
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__card {
  flex: 0 0 calc(33.333% - 27px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  padding-right: var(--spacing-xxl, 32px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper .synthego-benefits-section__card {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper .synthego-benefits-section__card {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
}
.synthego-benefits-wrapper .synthego-benefits-section__icon {
  width: 75px;
  height: 75px;
  border-radius: 150px;
  background: linear-gradient(220.426deg, rgb(32, 211, 64) 13.386%, rgb(0, 209, 237) 85.477%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon svg {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--balance svg {
  width: 37px;
  height: 39px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--parental svg {
  width: 31px;
  height: 31px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--medical svg {
  width: 38px;
  height: 32px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--401k svg {
  width: 49px;
  height: 44px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--food svg {
  width: 45px;
  height: 30px;
}
.synthego-benefits-wrapper .synthego-benefits-section__icon--engagement svg {
  width: 30px;
  height: 25px;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__icon {
    width: 60px;
    height: 60px;
  }
  .synthego-benefits-wrapper .synthego-benefits-section__icon svg {
    max-width: 36px;
    max-height: 36px;
  }
}
.synthego-benefits-wrapper .synthego-benefits-section__card-title {
  flex: 1;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__card .synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-wrapper .synthego-benefits-section__card-description.synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper .synthego-benefits-section__card-title.headline-xl.headline-xl, .synthego-benefits-wrapper .supreme-element.synthego-hero .hero-stats .synthego-benefits-section__card-title.stats-intro, .supreme-element.synthego-hero .hero-stats .synthego-benefits-wrapper .synthego-benefits-section__card-title.stats-intro {
    font-size: var(--Font-Size-f-size-md, 20px);
    line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  }
}
.synthego-benefits-wrapper__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper__grid {
    gap: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper__grid {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper__grid {
    gap: 34px;
  }
}
.synthego-benefits-wrapper__card {
  flex: 0 0 calc(33.333% - 27px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  padding-right: var(--spacing-xxl, 32px);
}
@media (max-width: 1199px) {
  .synthego-benefits-wrapper__card {
    flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .synthego-benefits-wrapper__card {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.synthego-benefits-wrapper__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl, 24px);
}
.synthego-benefits-wrapper__icon {
  width: 75px;
  height: 75px;
  border-radius: 150px;
  background: linear-gradient(220.426deg, rgb(32, 211, 64) 13.386%, rgb(0, 209, 237) 85.477%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.synthego-benefits-wrapper__icon svg {
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.synthego-benefits-wrapper__icon--balance svg {
  width: 37px;
  height: 39px;
}
.synthego-benefits-wrapper__icon--parental svg {
  width: 31px;
  height: 31px;
}
.synthego-benefits-wrapper__icon--medical svg {
  width: 38px;
  height: 32px;
}
.synthego-benefits-wrapper__icon--401k svg {
  width: 49px;
  height: 44px;
}
.synthego-benefits-wrapper__icon--food svg {
  width: 45px;
  height: 30px;
}
.synthego-benefits-wrapper__icon--engagement svg {
  width: 30px;
  height: 25px;
}
@media (max-width: 767px) {
  .synthego-benefits-wrapper__icon {
    width: 60px;
    height: 60px;
  }
  .synthego-benefits-wrapper__icon svg {
    max-width: 36px;
    max-height: 36px;
  }
}
.synthego-benefits-wrapper__card-title {
  flex: 1;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.synthego-benefits-wrapper__card .synthego-benefits-wrapper__card-description {
  color: var(--text, #262626);
  margin: 0;
}
.synthego-benefits-wrapper__card-description.synthego-benefits-section__card-description {
  color: var(--text, #262626);
  margin: 0;
}

.oxy-supreme-elements-benefits-section {
  width: 100%;
  max-width: 100%;
}

.supreme-element.article-content-section {
  width: 100%;
  background: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.article-content-section .article-wrapper {
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .article-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}
.supreme-element.article-content-section .article-inner {
  max-width: 660px;
  margin: 0 auto;
}
.supreme-element.article-content-section .article-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-xxl, 32px);
}
.supreme-element.article-content-section .article-back-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm, 12px);
  padding: 5px 0;
  margin-bottom: 5px;
  background: transparent;
  border: none;
  border-bottom: 2px solid #20d340;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  font-family: var(--Font-Family-Primary, "Runda", sans-serif);
  font-size: var(--Font-Size-f-size-md, 18px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.556em;
  transition: all 0.3s ease;
  position: relative;
  width: fit-content;
}
.supreme-element.article-content-section .article-back-link:hover {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.article-content-section .article-back-link:hover .link-icon {
  transform: translateX(-2px);
}
.supreme-element.article-content-section .article-back-link .link-icon {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.supreme-element.article-content-section .article-back-link .link-icon path {
  stroke: currentColor;
}
.supreme-element.article-content-section .article-back-link .link-text {
  font-weight: var(--Font-Weight-Bold);
  font-size: var(--Font-Size-Paragraph-f-size);
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .article-back-link .link-text {
    font-size: 16px;
  }
}
.supreme-element.article-content-section .article-title {
  font-family: var(--Font-Family-Primary, "Runda", sans-serif);
  font-size: var(--Font-Size-f-size-xxl, 40px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.35em;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  max-width: 670px;
}
.supreme-element.article-content-section .article-subtitle {
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-Line-height-f-size-md, 30px); /* 150% */
  color: var(--text, #262626);
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .article-subtitle {
    font-size: var(--Font-Size-f-size-md, 18px);
    line-height: var(--Line-Height-Line-height-f-size-md, 27px);
  }
}
.supreme-element.article-content-section .article-body {
  display: flex;
  flex-direction: column;
}
.supreme-element.article-content-section .rich-text .content-block {
  border-bottom: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  padding-bottom: var(--spacing-xxl, 32px);
}
.supreme-element.article-content-section .rich-text p {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.article-content-section .rich-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.article-content-section .rich-text h1,
.supreme-element.article-content-section .rich-text h2,
.supreme-element.article-content-section .rich-text h3,
.supreme-element.article-content-section .rich-text h4,
.supreme-element.article-content-section .rich-text h5,
.supreme-element.article-content-section .rich-text h6 {
  font-family: var(--Font-Family-Primary, "Runda", sans-serif);
  color: var(--Heading-Color-1, #262626);
  margin: var(--spacing-xl, 24px) 0 var(--spacing-md, 16px) 0;
  font-weight: var(--Font-Weight-Bold, 700);
}
.supreme-element.article-content-section .rich-text h1:first-child,
.supreme-element.article-content-section .rich-text h2:first-child,
.supreme-element.article-content-section .rich-text h3:first-child,
.supreme-element.article-content-section .rich-text h4:first-child,
.supreme-element.article-content-section .rich-text h5:first-child,
.supreme-element.article-content-section .rich-text h6:first-child {
  margin-top: 0;
}
.supreme-element.article-content-section .rich-text h2 {
  font-size: var(--Font-Size-f-size-xl, 32px);
  line-height: 1.3em;
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .rich-text h2 {
    font-size: var(--Font-Size-f-size-lg, 24px);
  }
}
.supreme-element.article-content-section .rich-text h3 {
  font-size: var(--Font-Size-f-size-lg, 24px);
  line-height: 1.4em;
  font-weight: var(--Font-Weight-Medium, 500);
}
@media (max-width: 767px) {
  .supreme-element.article-content-section .rich-text h3 {
    font-size: var(--Font-Size-f-size-md, 20px);
  }
}
.supreme-element.article-content-section .rich-text h4 {
  font-size: var(--Font-Size-f-size-md, 20px);
  line-height: 1.5em;
  font-weight: var(--Font-Weight-Medium, 500);
}
.supreme-element.article-content-section .rich-text ul,
.supreme-element.article-content-section .rich-text ol {
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-xl, 24px);
}
.supreme-element.article-content-section .rich-text ul li,
.supreme-element.article-content-section .rich-text ol li {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
  margin-bottom: var(--spacing-xs, 8px);
}
.supreme-element.article-content-section .rich-text blockquote {
  border-left: 4px solid var(--Brand-Colors-Primary-Black, #000000);
  margin: var(--spacing-xl, 24px) 0;
  padding: var(--spacing-md, 16px) 0 var(--spacing-md, 16px) var(--spacing-lg, 20px);
  font-style: italic;
}
.supreme-element.article-content-section .rich-text blockquote p {
  font-size: var(--Font-Size-f-size-lg, 20px);
  color: var(--Heading-Color-1, #262626);
  margin-bottom: 0;
}
.supreme-element.article-content-section .rich-text img {
  max-width: 100%;
  height: auto;
  border-radius: var(--border-radius-border-radius-8, 8px);
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.article-content-section .rich-text a {
  color: var(--Heading-Color-1);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.supreme-element.article-content-section .rich-text a:hover {
  opacity: 0.8;
}
.supreme-element.article-content-section .rich-text code {
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
  padding: var(--spacing-xxxs, 2px) var(--spacing-xs, 4px);
  border-radius: var(--border-radius-border-radius-4, 4px);
  font-family: "Monaco", "Consolas", monospace;
  font-size: 0.9em;
}
.supreme-element.article-content-section .rich-text pre {
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
  padding: var(--spacing-md, 16px);
  border-radius: var(--border-radius-border-radius-8, 8px);
  overflow-x: auto;
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.article-content-section .rich-text pre code {
  background: none;
  padding: 0;
}
.supreme-element.article-content-section .rich-text table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--spacing-lg, 20px) 0;
}
.supreme-element.article-content-section .rich-text table th,
.supreme-element.article-content-section .rich-text table td {
  padding: var(--spacing-sm, 12px);
  text-align: left;
  border-bottom: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  font-family: var(--Font-Family-Secondary, "Open Sans", sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 16px);
}
.supreme-element.article-content-section .rich-text table th {
  font-weight: var(--Font-Weight-Bold, 700);
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
}
.supreme-element.article-content-section .rich-text hr {
  border: none;
  border-top: 1px solid var(--Brand-Colors-Light-Gray, #e0e0e0);
  margin: var(--spacing-xxl, 32px) 0;
}
.supreme-element.article-content-section .article-lower-content .content-block {
  border-bottom: none;
  padding-bottom: 0;
  padding-top: var(--spacing-xxl, 32px);
}

.supreme-element.article-form {
  width: 100%;
}
.supreme-element.article-form .article-form-wrapper {
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}
.supreme-element.article-form .article-form-wrapper.no-top-padding {
  padding-top: 0;
}
.supreme-element.article-form .article-form-wrapper.no-bottom-padding {
  padding-bottom: 0;
}
.supreme-element.article-form .article-form-inner {
  border-radius: var(--border-radius-border-radius-mid, 8px);
  background: var(--Brand-Colors-Neutrals-Gray-100, #eaeaea);
  padding: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-inner {
    padding: var(--spacing-xl, 24px);
  }
}
.supreme-element.article-form .article-form-image {
  margin: calc(-1 * var(--spacing-xxl, 32px)) calc(-1 * var(--spacing-xxl, 32px)) var(--spacing-xl, 24px) calc(-1 * var(--spacing-xxl, 32px));
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-image {
    margin: calc(-1 * var(--spacing-xl, 24px)) calc(-1 * var(--spacing-xl, 24px)) var(--spacing-xl, 24px) calc(-1 * var(--spacing-xl, 24px));
  }
}
.supreme-element.article-form .article-form-image img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-border-radius-mid, 8px) var(--border-radius-border-radius-mid, 8px) 0 0;
  object-fit: cover;
}
.supreme-element.article-form .article-form-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.article-form .article-form-title {
  font-family: var(--Font-Family-Primary, sans-serif);
  font-size: var(--Font-Size-f-size-xl, 1.5rem);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xl, 1.4);
  color: var(--Heading-Color-1, #262626);
  margin: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .supreme-element.article-form .article-form-title {
    font-size: var(--Font-Size-f-size-lg, 1.25rem);
  }
}
.supreme-element.article-form .article-form-description {
  font-family: var(--Font-Family-Primary, sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 0.875rem);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5);
  color: var(--text, #262626);
}
.supreme-element.article-form .article-form-description p {
  margin: 0 0 var(--spacing-sm, 12px) 0;
}
.supreme-element.article-form .article-form-description p:last-child {
  margin-bottom: 0;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field {
  margin-bottom: var(--spacing-md, 16px);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field > label {
  font-family: var(--Font-Family-Primary, sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 0.875rem);
  font-weight: var(--Font-Weight-Medium, 500);
  color: var(--Heading-Color-1, #262626);
  margin-bottom: var(--spacing-xs, 8px);
  display: block;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=text],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=email],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=tel],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea {
  width: 100%;
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  border: 1px solid var(--Brand-Colors-Neutrals-Gray-200, #d1d1d1);
  border-radius: var(--border-radius-border-radius-8, 8px);
  font-family: var(--Font-Family-Primary, sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 0.875rem);
  font-weight: var(--Font-Weight-Regular, 400);
  color: var(--text, #262626);
  background: var(--Brand-Colors-Primary-White, #ffffff);
  transition: all 0.3s ease;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=text]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=email]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=tel]:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select:focus,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea:focus {
  outline: none;
  border-color: var(--Brand-Colors-Primary-Black, #000000);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=text]::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=email]::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=tel]::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select::placeholder,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea::placeholder {
  color: var(--Brand-Colors-Neutrals-Gray-400, #a0a0a0);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field textarea {
  min-height: 100px;
  resize: vertical;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field select {
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
  padding-right: 40px;
  appearance: none;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.error input[type=text],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.error input[type=email],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.error input[type=tel],
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.error select,
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field.error textarea {
  border-color: #e74c3c;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field .hs-error-msgs {
  margin-top: var(--spacing-xs, 8px);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field .hs-error-msgs .hs-error-msg {
  color: #e74c3c;
  font-size: var(--Font-Size-f-size-xs, 0.75rem);
  font-weight: var(--Font-Weight-Regular, 400);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit {
  margin-top: var(--spacing-lg, 20px);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button {
  width: 100%;
  padding: var(--spacing-md, 16px) var(--spacing-xl, 24px);
  border: none;
  border-radius: var(--border-radius-border-radius-8, 8px);
  font-family: var(--Font-Family-Primary, sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 0.875rem);
  font-weight: var(--Font-Weight-Bold, 700);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  background: var(--Brand-Colors-Primary-Black, #000000);
  cursor: pointer;
  transition: all 0.3s ease;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button:hover {
  background: var(--Brand-Colors-Primary-Black, #000000);
  opacity: 0.9;
  transform: translateY(-2px);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button:active {
  transform: translateY(0);
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-submit .hs-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field .hs-field-desc {
  font-size: var(--Font-Size-f-size-xs, 0.75rem);
  color: var(--Brand-Colors-Neutrals-Gray-500, #666666);
  margin-top: var(--spacing-xs, 8px);
  line-height: 1.4;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field .hs-field-desc a {
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: underline;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field .hs-field-desc a:hover {
  opacity: 0.8;
}
.supreme-element.article-form .article-form-hubspot .hs-form .hs-form-field input[type=checkbox] {
  width: auto;
  margin-right: var(--spacing-xs, 8px);
  accent-color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.article-form .article-form-placeholder {
  padding: var(--spacing-xl, 24px);
  text-align: center;
  background: var(--Brand-Colors-Light-Gray, #f5f5f5);
  border-radius: var(--border-radius-border-radius-8, 8px);
}
.supreme-element.article-form .article-form-placeholder p {
  font-family: var(--Font-Family-Primary, sans-serif);
  font-size: var(--Font-Size-Paragraph-f-size, 0.875rem);
  color: var(--Brand-Colors-Neutrals-Gray-500, #666666);
  margin: 0;
}

.single-testimonial-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 1120px) {
  .single-testimonial-wrapper {
    padding: var(--spacing-xxl, 112px) 0 var(--spacing-4xl, 80px) 0;
  }
}
.single-testimonial-wrapper .testimonial-card {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  opacity: 1;
  animation: none;
}
@media (max-width: 767px) {
  .single-testimonial-wrapper .testimonial-card {
    padding: var(--spacing-xl, 24px);
  }
}
.single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
  width: 100%;
}
@media (min-width: 1201px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}

.single-testimonial-white {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-4xl, 80px) 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .single-testimonial-white {
    padding: var(--spacing-4xl, 64px) 0;
  }
}
@media (max-width: 767px) {
  .single-testimonial-white {
    padding: var(--spacing-4xl, 60px) 0;
  }
}
.single-testimonial-white.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .single-testimonial-white.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .single-testimonial-white.no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 991px) {
  .single-testimonial-wrapper .testimonial-card {
    padding: var(--spacing-xxl, 32px);
    width: 100%;
  }
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .single-testimonial-wrapper .testimonial-card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-xl, 24px);
    width: 100%;
  }
  .single-testimonial-wrapper .testimonial-card:nth-child(1), .single-testimonial-wrapper .testimonial-card:nth-child(2), .single-testimonial-wrapper .testimonial-card:nth-child(3), .single-testimonial-wrapper .testimonial-card:nth-child(4), .single-testimonial-wrapper .testimonial-card:nth-child(5), .single-testimonial-wrapper .testimonial-card:nth-child(6), .single-testimonial-wrapper .testimonial-card:nth-child(7), .single-testimonial-wrapper .testimonial-card:nth-child(8), .single-testimonial-wrapper .testimonial-card:nth-child(9), .single-testimonial-wrapper .testimonial-card:nth-child(10), .single-testimonial-wrapper .testimonial-card:nth-child(11), .single-testimonial-wrapper .testimonial-card:nth-child(12) {
    width: 100%;
  }
}
.hero-grid-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .hero-grid-wrapper {
    padding-top: var(--spacing-4xl, 64px);
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .hero-grid-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}

.hero-grid-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-xl, 24px);
  position: relative;
}
@media (max-width: 1199px) {
  .hero-grid-container {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}

.hero-grid-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  flex: 1;
  max-width: 843px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .hero-grid-content {
    max-width: none;
  }
}

.hero-grid-header {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xl, 24px);
  flex: 1;
}
@media (max-width: 1199px) {
  .hero-grid-header {
    align-self: auto;
    flex: none;
  }
}

.hero-grid-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.hero-grid-description {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.hero-grid-main {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  width: 832px;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .hero-grid-main {
    width: 100%;
    flex-shrink: initial;
  }
}

.hero-grid-cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxl, 32px);
}
@media (max-width: 991px) {
  .hero-grid-cards {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .hero-grid-cards {
    flex-direction: column;
    gap: var(--spacing-lg, 20px);
  }
}

.contact-card {
  width: calc(50% - 16px);
  border: 1px solid var(--Brand-Colors-Light-Gray, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
@media (max-width: 767px) {
  .contact-card {
    width: 100%;
  }
}

.contact-card-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-2xs, 8px);
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .contact-card-content {
    padding: var(--spacing-xl, 24px) var(--spacing-lg, 20px);
  }
}

.contact-card-text {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xs, 12px);
}

.contact-card-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.contact-card-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.contact-card-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.contact-card-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.contact-card-button:hover::after {
  height: 3px;
}
.contact-card-button:hover .contact-card-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.contact-card-button .contact-card-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-card-button .contact-card-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.hero-grid-quote {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-20, 20px);
  padding: var(--spacing-xxl, 32px);
}
@media (max-width: 767px) {
  .hero-grid-quote {
    padding: var(--spacing-xl, 24px);
  }
}

.quote-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-lg, 20px);
}

.quote-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}

.quote-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.quote-text {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.quote-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.quote-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.quote-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.quote-button:hover::after {
  height: 3px;
}
.quote-button:hover .quote-button-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.quote-button .quote-button-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-button .quote-button-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.hero-grid-graphic {
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .hero-grid-graphic {
    display: none;
  }
}
.hero-grid-graphic svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 991px) {
  .hero-grid-main {
    gap: var(--spacing-xxl, 32px);
  }
  .hero-grid-header {
    gap: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .hero-grid-content {
    gap: var(--spacing-xxl, 32px);
  }
  .hero-grid-main {
    gap: var(--spacing-xl, 24px);
  }
  .hero-grid-header {
    gap: var(--spacing-md, 16px);
  }
}
.simple-grid-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-4xl, 80px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .simple-grid-wrapper {
    padding-top: var(--spacing-4xl, 64px);
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .simple-grid-wrapper {
    padding-top: var(--spacing-4xl, 60px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}

.simple-grid-container {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
}

.simple-grid-main-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.simple-grid-sidebar {
  background-color: #f4f9fa;
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px) 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  row-gap: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .simple-grid-sidebar {
    flex-direction: column;
    padding: var(--spacing-xl, 24px);
    column-gap: var(--spacing-lg, 20px);
  }
}

.contact-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 16px);
  padding: 0 var(--spacing-3xl, 40px);
  padding-right: 20px;
  flex: 1;
  min-width: 40%;
  max-width: 50%;
  position: relative;
}
.contact-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e0e0e0;
}
.contact-item:nth-child(2)::after {
  display: none;
}
@media (max-width: 1439px) {
  .contact-item {
    padding: var(--spacing-lg, 20px) var(--spacing-xl, 24px);
  }
  .contact-item:nth-child(odd)::after {
    display: block;
  }
  .contact-item:nth-child(even)::after {
    display: none;
  }
  .contact-item:nth-child(-n+2) {
    padding-bottom: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .contact-item {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: var(--spacing-lg, 20px) 0;
    gap: var(--spacing-md, 16px);
  }
  .contact-item:not(:last-child)::after {
    display: none;
  }
  .contact-item:last-child {
    padding-bottom: 0;
  }
}

.contact-info {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-2xs, 8px);
}

.contact-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: var(--spacing-xs, 12px);
}

.contact-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.contact-icon svg {
  width: 100%;
  height: 100%;
  fill: var(--Brand-Colors-Primary-Black, #000000);
}

.contact-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.contact-description {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}

.contact-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  gap: 10px;
}

.contact-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.contact-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.contact-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.contact-button:hover::after {
  height: 3px;
}
.contact-button:hover .contact-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.contact-button .contact-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-button .contact-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}
.contact-button:has(span:only-child) .contact-arrow {
  display: none;
}

.hero-form-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: 112px;
  padding-bottom: 80px;
  width: 100%;
}
@media (max-width: 991px) {
  .hero-form-wrapper {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .hero-form-wrapper {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

.hero-form-main {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-6xl, 80px);
}
@media (max-width: 1199px) {
  .hero-form-main {
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
  }
}

.hero-form-main-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 40px);
  max-width: 855px;
}

.hero-form-main-right {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6xl, 80px);
  max-width: 453px;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .hero-form-main-right {
    max-width: none;
    width: 100%;
    margin: 0;
  }
}

.hero-form-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}

.hero-form-form-container {
  background-color: #eaeaea;
  border-radius: var(--border-radius-border-radius-sm, 8px);
  padding: var(--spacing-xxl, 32px);
  max-width: 652px;
}
@media (max-width: 767px) {
  .hero-form-form-container {
    padding: var(--spacing-xl, 24px);
  }
}

.hero-form-main-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.hero-form-description {
  margin: 0;
}

.hero-form-graphic {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .hero-form-graphic {
    display: none;
  }
}
.hero-form-graphic svg,
.hero-form-graphic img {
  width: 100%;
  height: auto;
  max-width: 376px;
}

.hero-form-title {
  color: var(--Heading-Color-1);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}

.hero-form-hubspot .hs-form .hs-form-field {
  margin-bottom: var(--spacing-md, 16px);
}
.hero-form-hubspot .hs-form .hs-form-field label {
  display: block;
  color: var(--Heading-Color-1);
  margin-bottom: var(--spacing-xs, 8px);
}
.hero-form-hubspot .hs-form .hs-form-field input[type=text],
.hero-form-hubspot .hs-form .hs-form-field input[type=email],
.hero-form-hubspot .hs-form .hs-form-field input[type=tel],
.hero-form-hubspot .hs-form .hs-form-field textarea,
.hero-form-hubspot .hs-form .hs-form-field select {
  width: 100%;
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  color: var(--Heading-Color-1);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  transition: border-color 0.3s ease;
}
.hero-form-hubspot .hs-form .hs-form-field input[type=text]:focus,
.hero-form-hubspot .hs-form .hs-form-field input[type=email]:focus,
.hero-form-hubspot .hs-form .hs-form-field input[type=tel]:focus,
.hero-form-hubspot .hs-form .hs-form-field textarea:focus,
.hero-form-hubspot .hs-form .hs-form-field select:focus {
  outline: none;
  border-color: var(--Brand-Colors-Primary-Green, #20d340);
}
.hero-form-hubspot .hs-form .hs-form-field input[type=text]::placeholder,
.hero-form-hubspot .hs-form .hs-form-field input[type=email]::placeholder,
.hero-form-hubspot .hs-form .hs-form-field input[type=tel]::placeholder,
.hero-form-hubspot .hs-form .hs-form-field textarea::placeholder,
.hero-form-hubspot .hs-form .hs-form-field select::placeholder {
  color: #999999;
}
.hero-form-hubspot .hs-form .hs-form-field textarea {
  min-height: 120px;
  resize: vertical;
}
.hero-form-hubspot .hs-form .hs-form-field .hs-error-msgs {
  margin-top: var(--spacing-xs, 8px);
}
.hero-form-hubspot .hs-form .hs-form-field .hs-error-msgs label {
  color: #dc3545;
  margin-bottom: 0;
}
.hero-form-hubspot .hs-form .hs-submit {
  margin-top: var(--spacing-lg, 20px);
}
.hero-form-hubspot .hs-form .hs-submit input[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  background-color: #000000;
  border: 3px solid #000000;
  border-radius: 10px;
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.5em;
  color: var(--Brand-Colors-Primary-White, #ffffff);
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 588px;
}
.hero-form-hubspot .hs-form .hs-submit input[type=submit]:hover {
  background-color: transparent;
  color: #000000;
}
.hero-form-hubspot .hs-form .hs-submit input[type=submit]:active {
  transform: translateY(1px);
}
@media (max-width: 767px) {
  .hero-form-hubspot .hs-form .hs-submit input[type=submit] {
    min-width: 100%;
    width: 100%;
  }
}

.hero-form-placeholder {
  padding: var(--spacing-xl, 24px);
  background-color: #f5f5f5;
  border-radius: var(--border-radius-border-radius-sm, 8px);
  text-align: center;
}
.hero-form-placeholder p {
  margin: 0;
  color: #666666;
}

.hero-form-sidebar {
  background-color: #f4f9fa;
  border-radius: var(--border-radius-border-radius-full, 20px);
  padding: var(--spacing-xl, 24px) 0;
}
@media (max-width: 767px) {
  .hero-form-sidebar {
    padding: var(--spacing-xl, 24px);
  }
}

.hero-form-sidebar-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 767px) {
  .hero-form-sidebar-container {
    gap: var(--spacing-lg, 20px);
  }
}

.hero-form-sidebar-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 var(--spacing-3xl, 40px);
  position: relative;
}
@media (max-width: 767px) {
  .hero-form-sidebar-item {
    padding: 0;
    gap: var(--spacing-md, 16px);
  }
}

.hero-form-sidebar-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hero-form-sidebar-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.hero-form-sidebar-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
  color: #000000;
}

.hero-form-sidebar-title {
  color: var(--Heading-Color-1);
  margin: 0;
}

.hero-form-sidebar-description {
  margin: 0;
  margin-top: -4px;
}

.hero-form-sidebar-button {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 3px 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.hero-form-sidebar-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.hero-form-sidebar-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.hero-form-sidebar-button:hover::after {
  height: 3px;
}
.hero-form-sidebar-button:hover .hero-form-sidebar-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.hero-form-sidebar-button .hero-form-sidebar-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-form-sidebar-button .hero-form-sidebar-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.simple-flex-wrapper {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  padding-top: var(--spacing-xxl, 32px);
  padding-bottom: var(--spacing-4xl, 80px);
  width: 100%;
}
@media (max-width: 1024px) {
  .simple-flex-wrapper {
    padding-top: var(--spacing-xxl, 32px);
    padding-bottom: var(--spacing-4xl, 64px);
  }
}
@media (max-width: 767px) {
  .simple-flex-wrapper {
    padding-top: var(--spacing-xxl, 32px);
    padding-bottom: var(--spacing-4xl, 60px);
  }
}

.simple-flex-container {
  padding: 0;
}

.simple-flex-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0 0 var(--spacing-3xl, 40px) 0;
}
@media (max-width: 767px) {
  .simple-flex-title {
    margin-bottom: var(--spacing-xxl, 32px);
  }
}

.simple-flex-main {
  width: 100%;
}

.simple-flex-cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl, 40px);
}
.simple-flex-cards.simple-flex-cards-1 .contact-card {
  width: 100%;
  max-width: 600px;
}
.simple-flex-cards.simple-flex-cards-1 .contact-card:first-child {
  width: 100%;
}
.simple-flex-cards.simple-flex-cards-2 .contact-card, .simple-flex-cards.simple-flex-cards-3 .contact-card, .simple-flex-cards.simple-flex-cards-4 .contact-card {
  width: auto;
}
.simple-flex-cards.simple-flex-cards-2 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-3 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-4 .contact-card:first-child {
  width: 37%;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .simple-flex-cards.simple-flex-cards-2 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-3 .contact-card:first-child, .simple-flex-cards.simple-flex-cards-4 .contact-card:first-child {
    width: 100%;
  }
}
.simple-flex-cards.simple-flex-cards-2 .contact-card:not(:first-child), .simple-flex-cards.simple-flex-cards-3 .contact-card:not(:first-child), .simple-flex-cards.simple-flex-cards-4 .contact-card:not(:first-child) {
  flex: 1;
}
@media (max-width: 991px) {
  .simple-flex-cards {
    gap: var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .simple-flex-cards {
    flex-direction: column;
    gap: var(--spacing-lg, 20px);
  }
}
.simple-flex-cards .contact-card {
  border: 1px solid var(--Brand-Colors-Light-Gray, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.simple-flex-cards .contact-card:first-child {
  width: 37%;
  flex-shrink: 0;
  background: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-full, 20px);
  border: none;
}
@media (max-width: 991px) {
  .simple-flex-cards .contact-card:first-child {
    width: 100%;
  }
}
.simple-flex-cards .contact-card:not(:first-child) {
  flex: 1;
}
.simple-flex-cards .contact-card-content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-2xs, 8px);
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
}
@media (max-width: 767px) {
  .simple-flex-cards .contact-card-content {
    padding: var(--spacing-xl, 24px) var(--spacing-lg, 20px);
  }
}
.simple-flex-cards .contact-card-text {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--spacing-xs, 12px);
}
.simple-flex-cards .contact-card-title {
  color: var(--Brand-Colors-Primary-Black, #262626);
  margin: 0;
}
.simple-flex-cards .contact-card-button {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 0 var(--spacing-xs, 3px) 0;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000);
  font-family: var(--Font-Family-Primary, Runda);
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px);
  position: relative;
  align-self: flex-start;
  transition: all 0.3s ease;
}
.simple-flex-cards .contact-card-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #20d340 0%, #00d1ed 100%);
  transition: height 0.3s ease;
}
.simple-flex-cards .contact-card-button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}
.simple-flex-cards .contact-card-button:hover::after {
  height: 3px;
}
.simple-flex-cards .contact-card-button:hover .contact-card-arrow {
  width: 14px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.simple-flex-cards .contact-card-button .contact-card-arrow {
  width: 0;
  opacity: 0;
  margin-left: 0;
  transition: all 0.3s ease;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.simple-flex-cards .contact-card-button .contact-card-arrow svg {
  width: 14px;
  height: 14px;
  fill: #20d340;
}

.supreme-element.post-content-container {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  --block-spacing: 60px;
}
.supreme-element.post-content-container .post-content-container__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.supreme-element.post-content-container .post-content-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
.supreme-element.post-content-container .post-content-wrapper--narrow {
  max-width: 900px;
  margin: 0 auto;
}
.supreme-element.post-content-container .post-content-wrapper--full {
  max-width: 100%;
}
.supreme-element.post-content-container .content-block {
  width: 100%;
}
.supreme-element.post-content-container .content-block--first {
  margin-top: 0;
}
.supreme-element.post-content-container .content-block--last {
  margin-bottom: 0;
}
.supreme-element.post-content-container .content-block--paragraph {
  padding: 0;
}
.supreme-element.post-content-container .paragraph-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  text-align: left;
}
.supreme-element.post-content-container .subparagraph-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  text-align: left;
}
.supreme-element.post-content-container .post-image-block {
  width: 100%;
}
.supreme-element.post-content-container .post-image-block__figure {
  margin: 0;
  width: 100%;
}
.supreme-element.post-content-container .post-image-block__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .post-image-block__caption {
  margin-top: var(--spacing-xs, 8px);
  padding-left: var(--spacing-xs, 8px);
  border-left: 2px solid var(--Brand-Colors-Neutrals-Gray-300, #aaa);
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-align: left;
}
.supreme-element.post-content-container .post-testimonial-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
}
.supreme-element.post-content-container .post-testimonial-block__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-content-container .post-testimonial-block__card {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-testimonial-block__card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-content-container .post-testimonial-block__icon {
  width: 60px;
  height: 44px;
}
.supreme-element.post-content-container .post-testimonial-block__icon svg {
  width: 100%;
  height: 100%;
}
.supreme-element.post-content-container .post-testimonial-block__content {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-content-container .post-testimonial-block__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.supreme-element.post-content-container .post-testimonial-block__content p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .post-testimonial-block__content > *:first-child {
  margin-top: 0;
}
.supreme-element.post-content-container .post-testimonial-block__content > *:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .post-testimonial-block__author {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  margin-top: var(--spacing-md, 16px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-testimonial-block__author {
    gap: var(--spacing-sm, 12px);
  }
}
.supreme-element.post-content-container .post-testimonial-block__author-image {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
}
.supreme-element.post-content-container .post-testimonial-block__author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-testimonial-block__author-image {
    width: 50px;
    height: 50px;
  }
}
.supreme-element.post-content-container .post-testimonial-block__author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  text-align: left;
}
.supreme-element.post-content-container .post-testimonial-block__author-name {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
}
.supreme-element.post-content-container .post-cta-block {
  width: 100%;
}
.supreme-element.post-content-container .post-cta-block__container {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.post-content-container .post-cta-block__container--with-image {
  justify-content: space-between;
}
.supreme-element.post-content-container .post-cta-block__container--no-image {
  justify-content: center;
  text-align: center;
}
.supreme-element.post-content-container .post-cta-block__container--no-image .post-cta-block__content {
  align-items: center;
  max-width: 600px;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-cta-block__container {
    flex-direction: column;
    padding: var(--spacing-xl, 24px);
  }
  .supreme-element.post-content-container .post-cta-block__container--with-image {
    text-align: center;
  }
  .supreme-element.post-content-container .post-cta-block__container--with-image .post-cta-block__content {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-cta-block__container {
    padding: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-content-container .post-cta-block__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  flex: 1;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-cta-block__content {
    width: 100%;
  }
}
.supreme-element.post-content-container .post-cta-block__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-lg, 28px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: 1.5;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-cta-block__heading {
    font-size: var(--Font-Size-f-size-md, 24px);
  }
}
.supreme-element.post-content-container .post-cta-block__text {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
}
.supreme-element.post-content-container .post-cta-block__text p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-content-container .post-cta-block__text p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .post-cta-block__text strong,
.supreme-element.post-content-container .post-cta-block__text b {
  font-weight: 700;
}
.supreme-element.post-content-container .post-cta-block__text em,
.supreme-element.post-content-container .post-cta-block__text i {
  font-style: italic;
}
.supreme-element.post-content-container .post-cta-block__text a {
  color: var(--text, #262626);
  text-decoration: underline;
}
.supreme-element.post-content-container .post-cta-block__text a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-cta-block__text {
    font-size: var(--Font-Size-f-size-base, 16px);
  }
}
.supreme-element.post-content-container .post-cta-block__buttons {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-cta-block__buttons {
    flex-direction: column;
    width: 100%;
  }
  .supreme-element.post-content-container .post-cta-block__buttons .post-cta-block__button {
    width: 100%;
    justify-content: center;
  }
}
.supreme-element.post-content-container .post-cta-block__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  text-decoration: none;
  border-radius: 10px;
  position: relative;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.post-content-container .post-cta-block__button--primary {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: none;
}
.supreme-element.post-content-container .post-cta-block__button--primary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Black, #000000);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.supreme-element.post-content-container .post-cta-block__button--primary::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: 7px;
  z-index: -1;
  transition: all 0.3s ease;
}
.supreme-element.post-content-container .post-cta-block__button--primary:hover {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.supreme-element.post-content-container .post-cta-block__button--primary:hover::before {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-cta-block__button--primary:hover::after {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  z-index: 1;
}
.supreme-element.post-content-container .post-cta-block__button--primary:hover .post-cta-block__button-icon {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.post-content-container .post-cta-block__button--secondary {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  border: none;
}
.supreme-element.post-content-container .post-cta-block__button--secondary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.supreme-element.post-content-container .post-cta-block__button--secondary::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 7px;
  z-index: -1;
  transition: all 0.3s ease;
}
.supreme-element.post-content-container .post-cta-block__button--secondary:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.supreme-element.post-content-container .post-cta-block__button--secondary:hover::before {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-cta-block__button {
    font-size: var(--Font-Size-f-size-sm, 18px);
    padding: var(--spacing-xs, 10px) var(--spacing-xl, 24px);
  }
}
.supreme-element.post-content-container .post-cta-block__button-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-cta-block__button-icon {
    width: 20px;
    height: 20px;
  }
}
.supreme-element.post-content-container .post-cta-block__image {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-cta-block__image {
    display: none;
  }
}
.supreme-element.post-content-container .post-cta-block__image img {
  width: 260px;
  height: auto;
  display: block;
}
.supreme-element.post-content-container .text-block {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-content-container .text-block h1,
.supreme-element.post-content-container .text-block h2,
.supreme-element.post-content-container .text-block h3,
.supreme-element.post-content-container .text-block h4,
.supreme-element.post-content-container .text-block h5,
.supreme-element.post-content-container .text-block h6 {
  margin-top: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-xl, 24px);
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, "Runda");
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.2;
}
.supreme-element.post-content-container .text-block h1 {
  font-size: var(--Font-Size-f-size-6xl, 4.5rem);
}
.supreme-element.post-content-container .text-block h2 {
  font-size: var(--Font-Size-f-size-5xl, 3.75rem);
}
.supreme-element.post-content-container .text-block h3 {
  font-size: var(--Font-Size-f-size-4xl, 3rem);
}
.supreme-element.post-content-container .text-block h4 {
  font-size: var(--Font-Size-f-size-3xl, 2.25rem);
}
.supreme-element.post-content-container .text-block h5 {
  font-size: var(--Font-Size-f-size-2xl, 1.875rem);
}
.supreme-element.post-content-container .text-block h6 {
  font-size: var(--Font-Size-f-size-xl, 1.5rem);
}
.supreme-element.post-content-container .text-block p {
  margin-bottom: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element.post-content-container .text-block p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .text-block ul,
.supreme-element.post-content-container .text-block ol {
  margin: var(--spacing-lg, 20px) 0;
  padding-left: var(--spacing-xl, 30px);
}
.supreme-element.post-content-container .text-block li {
  margin-bottom: var(--spacing-sm, 10px);
}
.supreme-element.post-content-container .text-block a {
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
}
.supreme-element.post-content-container .text-block blockquote {
  margin: var(--spacing-xl, 30px) 0;
  padding-left: var(--spacing-xl, 30px);
  border-left: 4px solid var(--Brand-Colors-Primary-Green, #59ed9f);
  font-style: italic;
}
.supreme-element.post-content-container .image-block {
  text-align: center;
}
.supreme-element.post-content-container .image-block__img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .image-block__caption {
  margin-top: var(--spacing-md, 16px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 14px);
  color: var(--Base-Colors-Gray, #707070);
  font-style: italic;
}
.supreme-element.post-content-container .quote-block {
  margin: var(--spacing-3xl, 40px) 0;
  padding: var(--spacing-xl, 30px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-left: 4px solid var(--Brand-Colors-Primary-Green, #59ed9f);
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .quote-block__text {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xl, 24px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: 1.4;
  color: var(--Heading-Color-1, #262626);
  margin: 0;
}
.supreme-element.post-content-container .quote-block__author {
  display: block;
  margin-top: var(--spacing-md, 16px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Base-Colors-Gray, #707070);
  font-style: normal;
}
.supreme-element.post-content-container .quote-block__author:before {
  content: "— ";
}
.supreme-element.post-content-container .video-block {
  position: relative;
  margin: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-content-container .video-block iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .code-block {
  margin: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-content-container .code-block pre {
  background-color: var(--Base-Colors-Nero, #1e1e1e);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  padding: var(--spacing-xl, 30px);
  border-radius: var(--border-radius-border-radius-md, 8px);
  overflow-x: auto;
  font-family: var(--Font-Family-Tertiary, "Roboto Mono");
  font-size: var(--Font-Size-f-size-sm, 14px);
  line-height: 1.6;
}
.supreme-element.post-content-container .code-block code {
  font-family: inherit;
  font-size: inherit;
  background: none;
  padding: 0;
}
.supreme-element.post-content-container .gallery-block {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-lg, 20px);
  margin: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-content-container .gallery-block__item {
  overflow: hidden;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .gallery-block__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .gallery-block {
    grid-template-columns: 1fr;
  }
}
.supreme-element.post-content-container .cta-block {
  margin: var(--spacing-3xl, 40px) 0;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-content-container .cta-block__title {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-3xl, 2.25rem);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: 1.2;
  color: var(--Heading-Color-1, #262626);
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-content-container .cta-block__text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
  margin: 0 0 var(--spacing-xl, 24px) 0;
}
.supreme-element.post-content-container .cta-block__button {
  display: inline-block;
  padding: 12px 24px;
  background-color: var(--Brand-Colors-Primary-Green, #59ed9f);
  color: var(--Brand-Colors-Primary-Black, #000000);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-base, 16px);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: none;
  border-radius: var(--border-radius-border-radius-full, 100px);
  transition: all 0.3s ease;
}
.supreme-element.post-content-container .cta-block__button:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .content-block--wysiwyg {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-content-container .content-block--wysiwyg h1,
.supreme-element.post-content-container .content-block--wysiwyg h2,
.supreme-element.post-content-container .content-block--wysiwyg h3,
.supreme-element.post-content-container .content-block--wysiwyg h4,
.supreme-element.post-content-container .content-block--wysiwyg h5,
.supreme-element.post-content-container .content-block--wysiwyg h6 {
  margin-top: var(--spacing-3xl, 40px);
  margin-bottom: var(--spacing-xl, 24px);
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-content-container .content-block--wysiwyg p {
  margin-bottom: var(--Paragraph-Spacing-paragraph-spacing, 15px);
}
.supreme-element.post-content-container .content-block--wysiwyg p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-content-container .content-block--wysiwyg img {
  max-width: 100%;
  height: auto;
  margin: var(--spacing-xl, 30px) 0;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-content-container .debug-info {
  font-family: var(--Font-Family-Tertiary, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xs, 12px);
  line-height: 1.4;
}
.supreme-element.post-content-container .debug-info h4 {
  margin: 0 0 10px 0;
  font-size: var(--Font-Size-f-size-sm, 14px);
}
.supreme-element.post-content-container .debug-info pre {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.supreme-element.post-content-container .post-meta-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-xxl, 32px) 0;
  border-top: 1px solid var(--Base-Colors-Gainsboro-Light, #e0e0e0);
  margin-top: var(--spacing-3xl, 40px);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-meta-data {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md, 16px);
    padding: var(--spacing-xl, 24px) 0;
  }
}
.supreme-element.post-content-container .post-meta-data__filed-in {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.supreme-element.post-content-container .post-meta-data__label {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-transform: uppercase;
  color: var(--text, #262626);
}
.supreme-element.post-content-container .post-meta-data__categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs, 8px);
}
.supreme-element.post-content-container .post-meta-data__category-tag {
  display: inline-block;
  padding: 2px 12px;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: 20px;
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.3188476563;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--Brand-Colors-Primary-Black, #000000);
  transition: all 0.3s ease;
}
.supreme-element.post-content-container .post-meta-data__category-tag:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border-color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.post-content-container .post-meta-data__date {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-transform: uppercase;
  color: var(--text, #262626);
}
.supreme-element.post-content-container .post-author {
  width: 100%;
  display: flex;
  gap: var(--spacing-xl, 24px);
  align-items: center;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  margin-top: var(--spacing-3xl, 40px);
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-author {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-author {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-content-container .post-author__avatar {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-content-container .post-author__avatar {
    margin: 0 auto;
  }
}
.supreme-element.post-content-container .post-author__avatar-image {
  width: 172px;
  height: 172px;
  border-radius: 50%;
  border: 3px solid transparent;
  background: linear-gradient(var(--Brand-Colors-Primary-Black, #000000), var(--Brand-Colors-Primary-Black, #000000)) padding-box, linear-gradient(180deg, #20d340 0%, #00d1ed 100%) border-box;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-author__avatar-image {
    width: 120px;
    height: 120px;
  }
}
.supreme-element.post-content-container .post-author__wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.supreme-element.post-content-container .post-author__label {
  font-family: var(--Font-Family-Special-Case, "Roboto Mono");
  font-size: var(--Font-Size-f-size-sm, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.625;
  text-transform: uppercase;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__name {
  margin: 0;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-xl, 24px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: 1.4166666667;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
@media (max-width: 767px) {
  .supreme-element.post-content-container .post-author__name {
    font-size: var(--Font-Size-f-size-lg, 20px);
  }
}
.supreme-element.post-content-container .post-author__bio {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-sm, 16px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: 1.625;
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__bio * {
  color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-content-container .post-author__bio p {
  margin: 0;
  color: inherit;
}
.supreme-element.post-content-container .post-author__bio p:not(:last-child) {
  margin-bottom: var(--spacing-md, 16px);
}
.supreme-element.post-content-container .post-author__bio a {
  color: var(--Brand-Colors-Primary-Green, #59ed9f);
  text-decoration: underline;
}
.supreme-element.post-content-container .post-author__bio a:hover {
  text-decoration: none;
}

/* Post Sidebar CTA Component */
.supreme-element.post-sidebar-cta {
  position: relative;
  width: 100%;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
  padding-right: var(--spacing-3xl, 40px);
}
@media (min-width: 1440px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: 0;
  }
}
@media (max-width: 1441px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: var(--spacing-xxl, 32px);
  }
}
@media (max-width: 991px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: var(--spacing-xl, 24px);
    padding-left: var(--spacing-xl, 24px);
    margin-top: var(--spacing-3xl, 40px);
  }
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__wrapper {
    padding-right: var(--spacing-lg, 20px);
    padding-left: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__inner {
  background-color: #EAEAEA;
  border-radius: 20px;
  padding: var(--spacing-xxl, 32px);
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  text-align: center;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__heading {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5em;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__heading {
    font-size: 24px;
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  color: #262626;
  margin: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__description {
    font-size: 14px;
  }
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__image {
  width: 100%;
  max-width: 200px;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  border-radius: 10px;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--primary {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: none;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--primary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Black, #000000);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--primary::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: 7px;
  z-index: -1;
  transition: all 0.3s ease;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--primary:hover {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--primary:hover::before {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--primary:hover::after {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  z-index: 1;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--secondary {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  border: none;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--secondary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--secondary::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 7px;
  z-index: -1;
  transition: all 0.3s ease;
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--secondary:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.supreme-element.post-sidebar-cta .post-sidebar-cta__button--secondary:hover::before {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__button {
    font-size: var(--Font-Size-f-size-sm, 18px);
    padding: var(--spacing-xs, 10px) var(--spacing-xl, 24px);
  }
}
@media (max-width: 767px) {
  .supreme-element.post-sidebar-cta .post-sidebar-cta__container {
    gap: 16px;
  }
}
.ct-sidebar .supreme-element.post-sidebar-cta {
  margin-bottom: var(--spacing-xl, 30px);
}

/* Content Spacing Component */
.supreme-element.content-spacing {
  position: relative;
  width: 100%;
}
.supreme-element.content-spacing--xxxs {
  height: var(--spacing-xxxs, 0.125rem);
}
.supreme-element.content-spacing--xxs {
  height: var(--spacing-xxs, 0.25rem);
}
.supreme-element.content-spacing--xs {
  height: var(--spacing-xs, 0.5rem);
}
.supreme-element.content-spacing--sm {
  height: var(--spacing-sm, 0.75rem);
}
.supreme-element.content-spacing--md {
  height: var(--spacing-md, 1rem);
}
.supreme-element.content-spacing--lg {
  height: var(--spacing-lg, 1.25rem);
}
.supreme-element.content-spacing--xl {
  height: var(--spacing-xl, 1.5rem);
}
.supreme-element.content-spacing--xxl {
  height: var(--spacing-xxl, 2rem);
}
.supreme-element.content-spacing--3xl {
  height: var(--spacing-3xl, 2.5rem);
}
.supreme-element.content-spacing--4xl {
  height: var(--spacing-4xl, 5rem);
}
.supreme-element.content-spacing--5xl {
  height: var(--spacing-5xl, 7rem);
}
.supreme-element.content-spacing--7xl {
  height: var(--spacing-7xl, 10rem);
}
@media (max-width: 767px) {
  .supreme-element.content-spacing--4xl {
    height: var(--spacing-4xl, 3.75rem);
  }
  .supreme-element.content-spacing--5xl {
    height: var(--spacing-5xl, 5rem);
  }
}

/* Post Paragraph Component */
.supreme-element.post-paragraph {
  position: relative;
  width: 100%;
  padding: var(--spacing-3xl, 40px) 0;
}
.supreme-element.post-paragraph .post-paragraph__container {
  max-width: 816px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
}
.supreme-element.post-paragraph .post-paragraph__heading {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-4xl, 48px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: var(--Line-Height-Line-height-f-size-4xl, 1.2);
  color: var(--Brand-Colors-Primary-Black, #000000);
  margin: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-paragraph .post-paragraph__heading {
    font-size: var(--Font-Size-f-size-3xl, 36px);
    line-height: var(--Line-Height-Line-height-f-size-3xl, 1.3);
  }
}
@media (max-width: 767px) {
  .supreme-element.post-paragraph .post-paragraph__heading {
    font-size: var(--Font-Size-f-size-2xl, 30px);
    line-height: var(--Line-Height-Line-height-f-size-2xl, 1.3);
  }
}
.supreme-element.post-paragraph .post-paragraph__content p {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Line-height-f-size-md, 1.6);
  color: #4B5563;
  margin: 0 0 1em;
}
.supreme-element.post-paragraph .post-paragraph__content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-paragraph .post-paragraph__content p {
    font-size: var(--Font-Size-f-size-base, 18px);
    line-height: var(--Line-Height-Line-height-f-size-base, 1.6);
  }
}
.supreme-element.post-paragraph .post-paragraph__content strong, .supreme-element.post-paragraph .post-paragraph__content b {
  font-weight: var(--Font-Weight-Bold, 700);
}
.supreme-element.post-paragraph .post-paragraph__content em, .supreme-element.post-paragraph .post-paragraph__content i {
  font-style: italic;
}
.supreme-element.post-paragraph .post-paragraph__content a {
  color: var(--Brand-Colors-Primary-Green, #59ED9F);
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.supreme-element.post-paragraph .post-paragraph__content a:hover {
  opacity: 0.8;
}
.supreme-element.post-paragraph--align-left .post-paragraph__container {
  text-align: left;
}
.supreme-element.post-paragraph--align-center .post-paragraph__container {
  text-align: center;
}
.supreme-element.post-paragraph--align-right .post-paragraph__container {
  text-align: right;
}
@media (max-width: 991px) {
  .supreme-element.post-paragraph {
    padding: var(--spacing-xxl, 32px) 0;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-paragraph {
    padding: var(--spacing-xl, 24px) 0;
  }
  .supreme-element.post-paragraph .post-paragraph__container {
    gap: var(--spacing-md, 16px);
  }
}

/* Post Subparagraph Component */
.supreme-element.post-subparagraph {
  position: relative;
  width: 100%;
}
.supreme-element.post-subparagraph .post-subparagraph__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  max-width: 816px;
  margin: 0 auto;
}
.post-subparagraph--align-left .supreme-element.post-subparagraph .post-subparagraph__container {
  text-align: left;
  align-items: flex-start;
}
.post-subparagraph--align-center .supreme-element.post-subparagraph .post-subparagraph__container {
  text-align: center;
  align-items: center;
}
.post-subparagraph--align-right .supreme-element.post-subparagraph .post-subparagraph__container {
  text-align: right;
  align-items: flex-end;
}

/* Post Image Component */
.supreme-element.post-image {
  position: relative;
  width: 100%;
}
.supreme-element.post-image .post-image__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md, 16px);
}
.supreme-element.post-image .post-image__heading {
  margin: 0 0 var(--spacing-xs, 8px) 0;
  color: var(--Heading-Color-1, #262626);
  width: 100%;
  text-align: center;
}
.supreme-element.post-image .post-image__figure {
  margin: 0;
  width: 100%;
  max-width: 1400px;
}
.post-image--size-small .supreme-element.post-image .post-image__figure {
  max-width: 600px;
}
.post-image--size-medium .supreme-element.post-image .post-image__figure {
  max-width: 900px;
}
.post-image--size-large .supreme-element.post-image .post-image__figure {
  max-width: 1200px;
}
.post-image--size-full .supreme-element.post-image .post-image__figure {
  max-width: 100%;
}
.supreme-element.post-image .post-image__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.post-image .post-image__caption {
  margin-top: var(--spacing-xs, 8px);
  padding-left: var(--spacing-xs, 8px);
  border-left: 2px solid var(--Brand-Colors-Neutrals-Gray-300, #aaa);
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
  text-align: left;
}
.supreme-element.post-image--align-left .post-image__container {
  align-items: flex-start;
}
.supreme-element.post-image--align-left .post-image__heading {
  text-align: left;
}
.supreme-element.post-image--align-center .post-image__container {
  align-items: center;
}
.supreme-element.post-image--align-center .post-image__heading {
  text-align: center;
}
.supreme-element.post-image--align-right .post-image__container {
  align-items: flex-end;
}
.supreme-element.post-image--align-right .post-image__heading {
  text-align: right;
}
.supreme-element.post-image .post-image__placeholder {
  width: 100%;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-image .post-image__placeholder p {
  margin: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Base-Colors-Gray, #707070);
}

/* Post Testimonial Component */
.supreme-element.post-testimonial {
  position: relative;
  width: 100%;
}
.supreme-element.post-testimonial .post-testimonial__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 24px);
  max-width: 900px;
  margin: 0 auto;
}
.post-testimonial--align-left .supreme-element.post-testimonial .post-testimonial__container {
  align-items: flex-start;
  text-align: left;
}
.post-testimonial--align-center .supreme-element.post-testimonial .post-testimonial__container {
  align-items: center;
  text-align: center;
}
.post-testimonial--align-right .supreme-element.post-testimonial .post-testimonial__container {
  align-items: flex-end;
  text-align: right;
}
.supreme-element.post-testimonial .post-testimonial__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.post-testimonial .post-testimonial__card {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 20px);
  width: 100%;
}
@media (max-width: 767px) {
  .supreme-element.post-testimonial .post-testimonial__card {
    padding: var(--spacing-xl, 24px);
    gap: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-testimonial.post-testimonial--bg-white .post-testimonial__card {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-testimonial.post-testimonial--bg-grayish_cyan .post-testimonial__card {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.post-testimonial .post-testimonial__icon {
  width: 60px;
  height: 44px;
}
.supreme-element.post-testimonial .post-testimonial__icon svg {
  width: 100%;
  height: 100%;
}
.supreme-element.post-testimonial .post-testimonial__content {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.post-testimonial .post-testimonial__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.supreme-element.post-testimonial .post-testimonial__content p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-testimonial .post-testimonial__content > *:first-child {
  margin-top: 0;
}
.supreme-element.post-testimonial .post-testimonial__content > *:last-child {
  margin-bottom: 0;
}
.supreme-element.post-testimonial .post-testimonial__author {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  margin-top: var(--spacing-md, 16px);
}
@media (max-width: 767px) {
  .supreme-element.post-testimonial .post-testimonial__author {
    gap: var(--spacing-sm, 12px);
  }
}
.supreme-element.post-testimonial .post-testimonial__author-image {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
}
.supreme-element.post-testimonial .post-testimonial__author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
@media (max-width: 767px) {
  .supreme-element.post-testimonial .post-testimonial__author-image {
    width: 50px;
    height: 50px;
  }
}
.supreme-element.post-testimonial .post-testimonial__author-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  text-align: left;
}
.supreme-element.post-testimonial .post-testimonial__author-name {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-xxs, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxs, 22px); /* 157.143% */
}
.supreme-element.post-testimonial .post-testimonial__author-title {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Quaternary, "Roboto Mono");
  font-size: var(--Font-Size-f-size-xxxs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Line-height-f-size-xxxs, 20px); /* 166.667% */
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-image {
  position: relative;
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-image::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: linear-gradient(135deg, #20D340 0%, #00D1ED 100%);
  border-radius: 50%;
  z-index: -1;
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-image img {
  position: relative;
  z-index: 1;
  border: 4px solid var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-testimonial .post-testimonial__author--team .post-testimonial__author-name {
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 28px); /* 155.556% */
}
.supreme-element.post-testimonial .post-testimonial__placeholder {
  width: 100%;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-testimonial .post-testimonial__placeholder p {
  margin: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Base-Colors-Gray, #707070);
}
.supreme-element.post-testimonial.post-testimonial--bg-white .post-testimonial__placeholder {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-testimonial.post-testimonial--bg-grayish_cyan .post-testimonial__placeholder {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}

/* Post CTA Component */
.supreme-element.post-cta {
  position: relative;
  width: 100%;
}
.supreme-element.post-cta .post-cta__container {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-radius: var(--border-radius-border-radius-md, 8px);
  padding: var(--spacing-xxl, 32px);
  display: flex;
  align-items: center;
  gap: var(--spacing-lg, 20px);
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.supreme-element.post-cta .post-cta__container--with-image {
  justify-content: space-between;
}
.supreme-element.post-cta .post-cta__container--no-image {
  justify-content: center;
  text-align: center;
}
.supreme-element.post-cta .post-cta__container--no-image .post-cta__content {
  align-items: center;
  max-width: 600px;
}
@media (max-width: 991px) {
  .supreme-element.post-cta .post-cta__container {
    flex-direction: column;
    padding: var(--spacing-xl, 24px);
  }
  .supreme-element.post-cta .post-cta__container--with-image {
    text-align: center;
  }
  .supreme-element.post-cta .post-cta__container--with-image .post-cta__content {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__container {
    padding: var(--spacing-lg, 20px);
  }
}
.supreme-element.post-cta .post-cta__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  flex: 1;
}
@media (max-width: 991px) {
  .supreme-element.post-cta .post-cta__content {
    width: 100%;
  }
}
.supreme-element.post-cta .post-cta__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-lg, 28px);
  font-weight: var(--Font-Weight-Medium, 500);
  line-height: 1.5;
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__heading {
    font-size: var(--Font-Size-f-size-md, 24px);
  }
}
.supreme-element.post-cta .post-cta__text {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
}
.supreme-element.post-cta .post-cta__text p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.post-cta .post-cta__text p:last-child {
  margin-bottom: 0;
}
.supreme-element.post-cta .post-cta__text strong,
.supreme-element.post-cta .post-cta__text b {
  font-weight: 700;
}
.supreme-element.post-cta .post-cta__text em,
.supreme-element.post-cta .post-cta__text i {
  font-style: italic;
}
.supreme-element.post-cta .post-cta__text a {
  color: var(--text, #262626);
  text-decoration: underline;
}
.supreme-element.post-cta .post-cta__text a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__text {
    font-size: var(--Font-Size-f-size-base, 16px);
  }
}
.supreme-element.post-cta .post-cta__buttons {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__buttons {
    flex-direction: column;
    width: 100%;
  }
  .supreme-element.post-cta .post-cta__buttons .post-cta__button {
    width: 100%;
    justify-content: center;
  }
}
.supreme-element.post-cta .post-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-xxl, 32px);
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  text-decoration: none;
  border-radius: 10px;
  position: relative;
  transition: all 0.3s ease;
  z-index: 1;
}
.supreme-element.post-cta .post-cta__button--primary {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  border: none;
}
.supreme-element.post-cta .post-cta__button--primary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Black, #000000);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.supreme-element.post-cta .post-cta__button--primary::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  border-radius: 7px;
  z-index: -1;
  transition: all 0.3s ease;
}
.supreme-element.post-cta .post-cta__button--primary:hover {
  background-color: transparent;
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.supreme-element.post-cta .post-cta__button--primary:hover::before {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.post-cta .post-cta__button--primary:hover::after {
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
  z-index: 1;
}
.supreme-element.post-cta .post-cta__button--primary:hover .post-cta__button-icon {
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.post-cta .post-cta__button--secondary {
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  border: none;
}
.supreme-element.post-cta .post-cta__button--secondary::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: var(--Brand-Colors-Primary-Adenine-Green, #20d340);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 0;
}
.supreme-element.post-cta .post-cta__button--secondary::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  border-radius: 7px;
  z-index: -1;
  transition: all 0.3s ease;
}
.supreme-element.post-cta .post-cta__button--secondary:hover {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
  color: var(--Brand-Colors-Primary-White, #ffffff);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(32, 211, 64, 0.3);
}
.supreme-element.post-cta .post-cta__button--secondary:hover::before {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__button {
    font-size: var(--Font-Size-f-size-sm, 18px);
    padding: var(--spacing-xs, 10px) var(--spacing-xl, 24px);
  }
}
.supreme-element.post-cta .post-cta__button-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .supreme-element.post-cta .post-cta__button-icon {
    width: 20px;
    height: 20px;
  }
}
.supreme-element.post-cta .post-cta__image {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .supreme-element.post-cta .post-cta__image {
    display: none;
  }
}
.supreme-element.post-cta .post-cta__image img {
  width: 260px;
  height: auto;
  display: block;
}
.supreme-element.post-cta .post-cta__placeholder {
  width: 100%;
  padding: var(--spacing-3xl, 40px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
}
.supreme-element.post-cta .post-cta__placeholder p {
  margin: 0;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Base-Colors-Gray, #707070);
}

/* Block Full Width Text Component */
.supreme-element.block-full-width-text {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.block-full-width-text .block-full-width-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.supreme-element.block-full-width-text .block-full-width-text-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxl, 32px);
}
.supreme-element.block-full-width-text .text-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  width: 100%;
}
.supreme-element.block-full-width-text .text-section.sub-section .section-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
}
.supreme-element.block-full-width-text .section-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.block-full-width-text .section-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.block-full-width-text .section-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.block-full-width-text .section-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.block-full-width-text .section-text ul,
.supreme-element.block-full-width-text .section-text ol {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
  padding-left: 1.5em;
}
.supreme-element.block-full-width-text .section-text ul:last-child,
.supreme-element.block-full-width-text .section-text ol:last-child {
  margin-bottom: 0;
}
.supreme-element.block-full-width-text .section-text ul li,
.supreme-element.block-full-width-text .section-text ol li {
  margin-bottom: 0.5em;
}
.supreme-element.block-full-width-text .section-text ul li:last-child,
.supreme-element.block-full-width-text .section-text ol li:last-child {
  margin-bottom: 0;
}
.supreme-element.block-full-width-text .section-text a {
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
}

/* Block Fifty Fifty Component */
.supreme-element.block-fifty-fifty {
  position: relative;
  width: 100%;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-xxl, 32px);
  align-items: stretch;
}
@media (max-width: 991px) {
  .supreme-element.block-fifty-fifty .block-fifty-fifty-container {
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl, 40px);
  }
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-content {
  order: 2;
}
.supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-image {
  order: 1;
}
@media (max-width: 991px) {
  .supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-content {
    order: 1;
  }
  .supreme-element.block-fifty-fifty .block-fifty-fifty-container.reverse-layout .block-image {
    order: 2;
  }
}
.supreme-element.block-fifty-fifty .block-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  padding: 0;
}
.supreme-element.block-fifty-fifty .block-title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.block-fifty-fifty .block-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 28px);
  color: var(--text, #262626);
}
.supreme-element.block-fifty-fifty .block-text p {
  margin: 0 0 var(--Paragraph-Spacing-paragraph-spacing, 15px) 0;
}
.supreme-element.block-fifty-fifty .block-text p:last-child {
  margin-bottom: 0;
}
.supreme-element.block-fifty-fifty .block-text a {
  color: var(--text, #262626);
  font-weight: var(--Font-Weight-Bold, 700);
  text-decoration: underline;
}
.supreme-element.block-fifty-fifty .block-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
@media (max-width: 991px) {
  .supreme-element.block-fifty-fifty .block-image {
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .supreme-element.block-fifty-fifty .block-image {
    min-height: 250px;
  }
}
.supreme-element.block-fifty-fifty .block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.supreme-element.block-fifty-fifty .block-image .image-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #e5e5e5);
  border-radius: var(--border-radius-border-radius-md, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.block-fifty-fifty .block-image .image-placeholder .placeholder-text {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  text-align: center;
}

/* Post Driver Component */
.supreme-element.post-driver {
  position: relative;
  width: 100%;
}
.supreme-element.post-driver .post-driver-wrapper {
  padding: var(--spacing-4xl, 80px) 20px;
  width: 100%;
}
@media (min-width: 1440px) {
  .supreme-element.post-driver .post-driver-wrapper {
    padding: var(--spacing-4xl, 80px) 64px;
  }
}
@media (max-width: 767px) {
  .supreme-element.post-driver .post-driver-wrapper {
    padding: var(--spacing-3xl, 40px) 12px;
  }
}
.supreme-element.post-driver .post-driver-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
.supreme-element.post-driver .post-driver-heading {
  margin: 0;
  text-align: left;
}
.supreme-element.post-driver .post-driver-link {
  text-decoration: none;
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.supreme-element.post-driver .post-driver-link:hover .post-driver-card {
  transform: translateY(-2px);
}
.supreme-element.post-driver .post-driver-card {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Brand-Colors-Light-Gray, #D1D1D1);
  border-radius: 20px;
  overflow: visible;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1px;
  position: relative;
  width: 100%;
  max-width: 998.67px;
}
@media (max-width: 991px) {
  .supreme-element.post-driver .post-driver-card {
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
  }
}
.supreme-element.post-driver .post-thumbnail {
  width: 411.67px;
  height: 332.08px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  border-radius: 20px 0 0 20px;
}
.supreme-element.post-driver .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.supreme-element.post-driver .post-thumbnail.placeholder {
  background-color: var(--Brand-Colors-Neutral-Background-Color-3, #E5E5E5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.supreme-element.post-driver .post-thumbnail.placeholder span {
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
}
@media (max-width: 991px) {
  .supreme-element.post-driver .post-thumbnail {
    width: 100%;
    height: 250px;
    border-radius: 20px 20px 0 0;
  }
}
.supreme-element.post-driver .post-content {
  padding: var(--spacing-xxl, 32px) var(--spacing-xl, 24px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 16px);
  justify-content: center;
  flex: 1;
}
@media (max-width: 991px) {
  .supreme-element.post-driver .post-content {
    width: 100%;
  }
}
.supreme-element.post-driver .post-category {
  position: absolute;
  top: 24px;
  left: 23px;
  display: inline-block;
  background-color: var(--Brand-Colors-Primary-White, #ffffff);
  color: var(--Brand-Colors-Primary-Black, #000000);
  padding: 2px 12px;
  border: 1px solid var(--Brand-Colors-Light-Gray, #D1D1D1);
  border-radius: 20px;
  z-index: 1;
}
.supreme-element.post-driver .post-title {
  margin: 0;
}
.supreme-element.post-driver .post-excerpt {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.supreme-element.post-driver .post-button {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  position: relative;
  font-family: var(--Font-Family-Primary, "Runda");
  font-size: var(--Font-Size-f-size-md, 20px);
  font-weight: var(--Font-Weight-Bold, 700);
  line-height: var(--Line-Height-Line-height-f-size-md, 30px);
  color: var(--Brand-Colors-Primary-Black, #000000);
  text-decoration: none;
  padding: 5px 0;
  transition: all 0.3s ease;
  cursor: pointer;
  width: auto;
}
@media (max-width: 767px) {
  .supreme-element.post-driver .post-button {
    font-size: 18px;
    line-height: 26px;
  }
}
.supreme-element.post-driver .post-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--Gradient-Horizontal, linear-gradient(180deg, #20d340 0%, #00d1ed 100%));
}
.supreme-element.post-driver .post-button .button-arrow {
  width: 0;
  height: 24px;
  margin-left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
.supreme-element.post-driver .post-button .button-arrow svg {
  width: 24px;
  height: 100%;
}
.supreme-element.post-driver .post-button .button-arrow svg path {
  fill: var(--Brand-Colors-Primary-Black, #000000);
}
.supreme-element.post-driver .post-button:hover {
  text-decoration: none;
}
.supreme-element.post-driver .post-button:hover::after {
  height: 3px;
}
.supreme-element.post-driver .post-button:hover .button-arrow {
  width: 24px;
  opacity: 1;
  margin-left: var(--spacing-xs, 8px);
}
.supreme-element.post-driver .post-driver-placeholder {
  padding: var(--spacing-4xl, 80px) var(--spacing-xl, 24px);
  text-align: center;
  background-color: var(--Brand-Colors-Neutral-Background-Color-2, #F4F9FA);
  border-radius: 8px;
}
.supreme-element.post-driver .post-driver-placeholder p {
  margin: 0;
  color: var(--Brand-Colors-Neutral-Text-Color-3, #999999);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
}

/* Block Table Component */
.supreme-element.block-table {
  position: relative;
  width: 100%;
}
.supreme-element.block-table .block-table__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
}
.supreme-element.block-table .block-table__title {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}
.supreme-element.block-table .block-table__description {
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: var(--Font-Weight-Regular, 400);
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
}
.supreme-element.block-table .block-table__description p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.supreme-element.block-table .block-table__description p:last-child {
  margin-bottom: 0;
}
.supreme-element.block-table .block-table__wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__wrapper {
    position: relative;
  }
  .supreme-element.block-table .block-table__wrapper::before, .supreme-element.block-table .block-table__wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .supreme-element.block-table .block-table__wrapper::before {
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
  }
  .supreme-element.block-table .block-table__wrapper::after {
    right: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
  }
  .supreme-element.block-table .block-table__wrapper.is-scrollable-left::before {
    opacity: 1;
  }
  .supreme-element.block-table .block-table__wrapper.is-scrollable-right::after {
    opacity: 1;
  }
}
.supreme-element.block-table .block-table__table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 800px;
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__table {
    min-width: 700px;
  }
}
@media (max-width: 991px) {
  .supreme-element.block-table .block-table__table {
    min-width: 600px;
  }
}
.supreme-element.block-table .block-table__header-row {
  background-color: var(--Brand-Colors-Primary-Black, #000000);
}
.block-table--header-light .supreme-element.block-table .block-table__header-row {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.block-table .block-table__header {
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  text-align: left;
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 700;
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border-bottom: 1px solid var(--Base-Colors-Silver, #e0e0e0);
}
.block-table--header-light .supreme-element.block-table .block-table__header {
  color: var(--text, #262626);
}
.supreme-element.block-table .block-table__header--col1 {
  width: 129px;
  min-width: 100px;
}
.supreme-element.block-table .block-table__header--col2 {
  width: 182px;
  min-width: 140px;
}
.supreme-element.block-table .block-table__header--col3 {
  width: 269px;
  min-width: 200px;
}
.supreme-element.block-table .block-table__header--col4 {
  width: 260px;
  min-width: 180px;
}
.supreme-element.block-table .block-table__header--col5 {
  width: 124px;
  min-width: 100px;
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__header {
    font-size: var(--Font-Size-f-size-base, 16px);
    padding: var(--spacing-xs, 8px);
  }
}
.supreme-element.block-table .block-table__row {
  border-bottom: 1px solid var(--Base-Colors-Silver, #e0e0e0);
  transition: background-color 0.2s ease;
}
.supreme-element.block-table .block-table__row:hover {
  background-color: rgba(244, 249, 250, 0.5);
}
.block-table--striped .supreme-element.block-table .block-table__row--alt {
  background-color: rgba(244, 249, 250, 0.5);
}
.block-table--striped .supreme-element.block-table .block-table__row--alt:hover {
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.supreme-element.block-table .block-table__row--empty:hover {
  background-color: transparent;
}
.supreme-element.block-table .block-table__cell {
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-Paragraph-f-size, 18px);
  font-weight: 400;
  line-height: var(--Line-Height-Paragraph-line-height, 1.5555555556em);
  color: var(--text, #262626);
  vertical-align: top;
}
.supreme-element.block-table .block-table__cell--col1 {
  width: 129px;
}
.supreme-element.block-table .block-table__cell--col2 {
  width: 182px;
}
.supreme-element.block-table .block-table__cell--col3 {
  width: 269px;
}
.supreme-element.block-table .block-table__cell--col4 {
  width: 260px;
}
.supreme-element.block-table .block-table__cell--col5 {
  width: 124px;
}
.supreme-element.block-table .block-table__cell--empty {
  text-align: center;
  padding: var(--spacing-3xl, 40px) var(--spacing-xl, 24px);
}
.supreme-element.block-table .block-table__cell--empty p {
  margin: 0;
  color: var(--Base-Colors-Gray, #707070);
  font-style: italic;
}
@media (max-width: 1199px) {
  .supreme-element.block-table .block-table__cell {
    font-size: var(--Font-Size-f-size-base, 16px);
    padding: var(--spacing-xs, 8px);
  }
}
@media (max-width: 991px) {
  .supreme-element.block-table .block-table__cell {
    font-size: var(--Font-Size-f-size-xxs, 14px);
    line-height: 1.4;
  }
}
@media (max-width: 991px) {
  .supreme-element.block-table .block-table__container {
    gap: var(--spacing-sm, 12px);
  }
  .supreme-element.block-table .block-table__title {
    font-size: var(--Font-Size-Heading-h2, 32px);
  }
}

/* Custom Driver Component */
.supreme-element.custom-driver {
  width: 100%;
}

.custom-driver-wrapper {
  width: 100%;
}

.custom-driver-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  max-width: 1000px;
  margin: 0 auto;
}

.custom-driver-heading {
  margin: 0 0 var(--spacing-xs, 8px) 0;
  color: var(--Heading-Color-1, #262626);
}

.custom-driver-link {
  text-decoration: none;
  color: inherit;
  display: block;
}
.custom-driver-link:hover, .custom-driver-link:focus {
  text-decoration: none;
  color: inherit;
}

.custom-driver-card {
  background: var(--Brand-Colors-Primary-White, #ffffff);
  border: 1px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-20, 20px);
  overflow: hidden;
  position: relative;
}
.custom-driver-card.custom-driver-card--horizontal {
  display: flex;
  align-items: stretch;
}
.custom-driver-card.custom-driver-card--horizontal .custom-driver-image {
  flex-shrink: 0;
  width: 290px;
  height: auto;
}
.custom-driver-card.custom-driver-card--horizontal .custom-driver-content {
  flex: 1;
  padding: var(--spacing-xxl, 32px);
}
.custom-driver-card.custom-driver-card--horizontal.custom-driver-card--image-right {
  flex-direction: row-reverse;
}
.custom-driver-card.custom-driver-card--vertical {
  display: flex;
  flex-direction: column;
}
.custom-driver-card.custom-driver-card--vertical .custom-driver-image {
  width: 100%;
  height: 300px;
}
.custom-driver-card.custom-driver-card--vertical .custom-driver-content {
  padding: var(--spacing-xxl, 32px);
}

.custom-driver-image {
  position: relative;
  overflow: hidden;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.custom-driver-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.custom-driver-image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
}
.custom-driver-image-placeholder span {
  color: var(--Base-Colors-Gray, #707070);
  font-style: italic;
}

.custom-driver-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}

.custom-driver-title {
  margin: 0;
  color: var(--text, #262626);
}

.custom-driver-description {
  margin: 0;
  color: var(--text, #262626);
}

.custom-driver-arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  color: var(--Brand-Colors-Primary-Black, #000000);
}
.custom-driver-arrow svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px) {
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-image {
    width: 250px;
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-content {
    padding: var(--spacing-xl, 24px);
  }
}
@media (max-width: 991px) {
  .custom-driver-container {
    gap: var(--spacing-sm, 12px);
  }
  .custom-driver-card.custom-driver-card--horizontal {
    flex-direction: column;
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-image {
    width: 100%;
    height: 200px;
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-content {
    padding: var(--spacing-lg, 20px);
  }
  .custom-driver-card.custom-driver-card--horizontal.custom-driver-card--image-right {
    flex-direction: column;
  }
  .custom-driver-card.custom-driver-card--vertical .custom-driver-image {
    height: 200px;
  }
  .custom-driver-card.custom-driver-card--vertical .custom-driver-content {
    padding: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .custom-driver-card {
    border-radius: var(--border-radius-border-radius-md, 12px);
  }
  .custom-driver-card.custom-driver-card--horizontal .custom-driver-content, .custom-driver-card.custom-driver-card--vertical .custom-driver-content {
    padding: var(--spacing-md, 16px);
  }
}
/* Block References Component */
.supreme-element.block-references {
  width: 100%;
}

.block-references__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  max-width: 1000px;
  margin: 0 auto;
}

.block-references__heading {
  margin: 0;
  color: var(--Heading-Color-1, #262626);
}

.block-references__content {
  color: var(--text, #262626);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  line-height: var(--Line-Height-Line-height-f-size-base, 26px);
}
.block-references__content ol, .block-references__content ul {
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-xl, 24px);
}
.block-references__content ol:last-child, .block-references__content ul:last-child {
  margin-bottom: 0;
}
.block-references__content ol li, .block-references__content ul li {
  margin-bottom: var(--spacing-xs, 8px);
  padding-left: var(--spacing-xs, 8px);
}
.block-references__content ol li:last-child, .block-references__content ul li:last-child {
  margin-bottom: 0;
}
.block-references__content p {
  margin: 0 0 var(--spacing-md, 16px) 0;
}
.block-references__content p:last-child {
  margin-bottom: 0;
}
.block-references__content a {
  color: var(--Brand-Colors-Link-Color, #0066cc);
  text-decoration: underline;
}
.block-references__content a:hover {
  text-decoration: none;
}
.block-references__content blockquote {
  margin: var(--spacing-md, 16px) 0;
  padding-left: var(--spacing-lg, 20px);
  border-left: 3px solid var(--Base-Colors-Gainsboro, #d1d1d1);
  font-style: italic;
}

.block-references__empty {
  padding: var(--spacing-xxl, 32px);
  background-color: var(--Brand-Colors-Light-grayish-cyan, #f4f9fa);
  border: 2px dashed var(--Base-Colors-Gainsboro, #d1d1d1);
  border-radius: var(--border-radius-border-radius-md, 8px);
  text-align: center;
  color: var(--Base-Colors-Gray, #707070);
  font-family: var(--Font-Family-Secondary, "Open Sans");
  font-size: var(--Font-Size-f-size-base, 16px);
  margin: 0;
}

@media (max-width: 991px) {
  .block-references__container {
    gap: var(--spacing-sm, 12px);
  }
  .block-references__content ol, .block-references__content ul {
    padding-left: var(--spacing-lg, 20px);
  }
}
@media (max-width: 767px) {
  .block-references__content ol, .block-references__content ul {
    padding-left: var(--spacing-md, 16px);
  }
  .block-references__content ol li, .block-references__content ul li {
    padding-left: var(--spacing-xxs, 4px);
  }
  .block-references__content blockquote {
    padding-left: var(--spacing-md, 16px);
  }
}
.supreme-element.image-slider button.synthego-image-slider__arrow {
  border-radius: 50%;
}

/*# sourceMappingURL=style.css.map */