@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");@import url("https://fonts.googleapis.com/css2?family=Sora&display=swap");@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css");


:root,
.light {
  --red: 208, 0, 3;
  --orange: 235, 95, 0;
  --green: 36, 173, 12;
  --blue: 24, 56, 224;
  --yellow: 255, 168, 0;
  --purple: 152, 110, 226;
  --gold: 174, 159, 52;
  --white: 255, 255, 255;
  --light: 244, 244, 244;
  --medium: 144, 144, 144;
  --dark: 16, 25, 38;
  --pro: 0,195,90;
  --ris: 112,24,224;
  --val: 255,92,0;
  --sign-shadow: var(--yellow);
  --accent: var(--orange);
  --backColor: var(--white);
  --fontColor: var(--dark);
}
:root .dark,
.light .dark {
  --white: 16, 25, 38;
  --light: 144, 144, 144;
  --medium: 244, 244, 244;
  --dark: 255, 255, 255;
}
.orange {
  color: rgba(var(--orange), 1) !important;
}
.purple {
  color: rgba(var(--purple), 1) !important;
}
.gold {
  color: rgba(var(--gold), 1) !important;
}
.green {
  color: rgba(var(--green), 1) !important;
}
.white {
  color: rgba(var(--white), 1) !important;
}
.dark {
  color: rgba(var(--dark), 1) !important;
}
.grey {
  color: rgba(var(--medium), 1) !important;
}
.blue {
  color: rgba(var(--blue), 1) !important;
}
.red {
  color: rgba(var(--red), 1) !important;
}
.pro {
  color: rgba(var(--pro), 1) !important;
}
.ris {
  color: rgba(var(--ris), 1) !important;
}
.val {
  color: rgba(var(--val), 1) !important;
}
.method-ris {
  --accent: var(--ris);
}
.method-val {
  --accent: var(--val);
}
.method-pro {
  --accent: var(--pro);
}
.background-blue {
  --backColor: var(--blue);
  --fontColor: var(--white);
}
.background-dark {
  --backColor: var(--dark);
  --fontColor: var(--white);
}
.background-orange {
  --backColor: var(--orange);
  --fontColor: var(--white);
}
html {
  -webkit-text-size-adjust: 100%;
}
html:focus-within {
  scroll-behavior: smooth;
}
body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  position: relative;
  text-rendering: optimizeSpeed;
  width: 100%;
}
*, :after, :before {
  box-sizing: border-box;
}
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, br, button, canvas, caption, center, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, link, main, map, mark, menu, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, pre, progress, q, rb, rp, rt, rtc, ruby, s, samp, script, section, select, small, source, span, strong, style, sub, summary, sup, svg, table, tbody, td, template, textarea, tfoot, th, thead, time, title, tr, track, tt, u, ul, var, video, wbr {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
article, aside, details, embed, figcaption, figure, footer, header, hgroup, main, menu, nav, object, section {
  display: block;
}
canvas, iframe {
  display: block;
  height: auto;
  max-width: 100%;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input:focus {
  outline: 0;
}
video {
  background: #000;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
a:active, a:hover {
  outline: 0;
}
audio, img, picture, svg, video {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
button, input {
  line-height: normal;
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  background: 0 0;
  border: 0;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
[aria-disabled=true], [disabled=true], [disabled] {
  pointer-events: none;
}
input[type=checkbox], input[type=radio] {
  padding: 0;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button {
  background: 0 0;
  border: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}
hr {
  background: #000;
  border: 0;
  box-sizing: content-box;
  height: 1px;
  line-height: 0;
  margin: 0;
  overflow: visible;
  padding: 0;
  page-break-after: always;
  width: 100%;
}
pre {
  font-family: monospace, monospace;
  font-size: 100%;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
}
small, sub, sup {
  font-size: 75%;
}
sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -5px;
}
sup {
  top: -5px;
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  outline: 0;
  padding: 0;
}
legend {
  border: 0;
  color: inherit;
  display: block;
  max-width: 100%;
  white-space: normal;
  width: 100%;
}
fieldset {
  min-width: 0;
}
body:not(:-moz-handler-blocked) fieldset {
  display: block;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
template {
  display: none;
}
input[type=number]::-webkit-inner-spin-button {
  display: none;
}
a {
  text-decoration: none;
}
.cols {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (min-width: 480px) {
  .cols {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .cols {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.cols.max {
  max-width: 88rem;
}
@media (min-width: 480px) {
  .cols.col-2 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}
.cols.right {
  flex-direction: row-reverse;
}
@media (min-width: 480px) {
  .cols.right-sm {
    flex-direction: row-reverse;
  }
}
.cols .col {
  padding-left: 2rem;
  padding-right: 2rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .cols .col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .cols .col.sm-12 + .col.sm-12, .cols .col.sm-12 + .col.md-12, .cols .col.md-12 + .col.sm-12, .cols .col.md-12 + .col.md-12 {
    margin-top: 1rem;
  }
}
.cols .cols {
  padding-left: 0;
  padding-right: 0;
}
.cols .col.padding {
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .cols .col.padding {
    padding-top: 2.5rem;
  }
}
.cols .col .col-inner {
  width: 100%;
  padding: 2rem 1.5rem 2rem;
  box-sizing: border-box;
  border-radius: 0.5rem;
  background: rgba(var(--backColor), 1);
  color: rgba(var(--fontColor), 1);
}
@media (max-width: 767px) {
  .cols .col .col-inner {
    padding: 1.5rem 1rem;
  }
}
@media (max-width: 479px) {
  .cols .col .col-inner {
    margin-bottom: 2.5rem;
  }
}
.cols .col .col-inner .buttons .button {
  font-size: 0.9375rem;
}
.cols .col .col-inner > *:first-child {
  margin-top: 0;
}
.cols .col .col-inner > *:last-child {
  margin-bottom: 0;
}
.cols .col .col-inner + .col-inner {
  margin-top: 2rem;
}
.cols .col .col-inner.shadow {
  --backColor: var(--white);
  --fontColor: var(--dark);
  background: rgba(var(--white), 1);
  box-shadow: 0 0.25rem 0.75rem rgba(var(--dark), 0.12);
}
.cols .col .col-inner.blueprint {
  background: linear-gradient(to bottom, rgba(var(--backColor), 0.64) 0%, rgba(var(--backColor), 0.8) 100%), url("data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%201C2%201.55228%201.55228%202%201%202C0.447715%202%200%201.55228%200%201C0%200.447715%200.447715%200%201%200C1.55228%200%202%200.447715%202%201Z'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='4'%20width='74'%20height='2'%20rx='1'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='2'%20y='4'%20width='74'%20height='2'%20rx='1'%20transform='rotate(90%202%204)'%20fill='%23ffffff'/%3e%3c/svg%3e") repeat center top fixed, rgba(var(--backColor), 1);
}
@media (min-width: 1024px) {
  .cols .col.sticky {
    position: sticky;
    top: 2.5rem;
  }
}
.cols .col.np {
  padding-left: 0;
  padding-right: 0;
}
.cols .col.np-right {
  padding-right: 0;
}
.cols .col.np-left {
  padding-right: 0;
}
.cols .col.sm-1 {
  width: 8.3333333333%;
}
.cols .col.sm-2 {
  width: 16.6666666667%;
}
.cols .col.sm-3 {
  width: 25%;
}
.cols .col.sm-4 {
  width: 33.3333333333%;
}
.cols .col.sm-5 {
  width: 41.6666666667%;
}
.cols .col.sm-6 {
  width: 50%;
}
.cols .col.sm-7 {
  width: 58.3333333333%;
}
.cols .col.sm-8 {
  width: 66.6666666667%;
}
.cols .col.sm-9 {
  width: 75%;
}
.cols .col.sm-10 {
  width: 83.3333333333%;
}
.cols .col.sm-11 {
  width: 91.6666666667%;
}
.cols .col.sm-12 {
  width: 100%;
}
@media (min-width: 480px) {
  .cols .col.md-1 {
    width: 8.3333333333%;
  }
  .cols .col.md-2 {
    width: 16.6666666667%;
  }
  .cols .col.md-3 {
    width: 25%;
  }
  .cols .col.md-4 {
    width: 33.3333333333%;
  }
  .cols .col.md-5 {
    width: 41.6666666667%;
  }
  .cols .col.md-6 {
    width: 50%;
  }
  .cols .col.md-7 {
    width: 58.3333333333%;
  }
  .cols .col.md-8 {
    width: 66.6666666667%;
  }
  .cols .col.md-9 {
    width: 75%;
  }
  .cols .col.md-10 {
    width: 83.3333333333%;
  }
  .cols .col.md-11 {
    width: 91.6666666667%;
  }
  .cols .col.md-12 {
    width: 100%;
  }
  .cols .col.md-24 {
    width: 20%;
  }
  .cols .col.md-35 {
    width: 29.1666666667%;
  }
  .cols .col.md-55 {
    width: 45.8333333333%;
  }
}
@media (min-width: 768px) {
  .cols .col.lg-1 {
    width: 8.3333333333%;
  }
  .cols .col.lg-2 {
    width: 16.6666666667%;
  }
  .cols .col.lg-3 {
    width: 25%;
  }
  .cols .col.lg-4 {
    width: 33.3333333333%;
  }
  .cols .col.lg-5 {
    width: 41.6666666667%;
  }
  .cols .col.lg-6 {
    width: 50%;
  }
  .cols .col.lg-7 {
    width: 58.3333333333%;
  }
  .cols .col.lg-8 {
    width: 66.6666666667%;
  }
  .cols .col.lg-9 {
    width: 75%;
  }
  .cols .col.lg-10 {
    width: 83.3333333333%;
  }
  .cols .col.lg-11 {
    width: 91.6666666667%;
  }
  .cols .col.lg-12 {
    width: 100%;
  }
  .cols .col.lg-35 {
    width: 29.1666666667%;
  }
  .cols .col.lg-55 {
    width: 45.8333333333%;
  }
}
@media (min-width: 1024px) {
  .cols .col.xl-1 {
    width: 8.3333333333%;
  }
  .cols .col.xl-2 {
    width: 16.6666666667%;
  }
  .cols .col.xl-3 {
    width: 25%;
  }
  .cols .col.xl-4 {
    width: 33.3333333333%;
  }
  .cols .col.xl-5 {
    width: 41.6666666667%;
  }
  .cols .col.xl-6 {
    width: 50%;
  }
  .cols .col.xl-7 {
    width: 58.3333333333%;
  }
  .cols .col.xl-8 {
    width: 66.6666666667%;
  }
  .cols .col.xl-9 {
    width: 75%;
  }
  .cols .col.xl-10 {
    width: 83.3333333333%;
  }
  .cols .col.xl-11 {
    width: 91.6666666667%;
  }
  .cols .col.xl-12 {
    width: 100%;
  }
}
.np {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 480px) {
  .np.sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 479px) {
  .np.sm-down {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.nm {
  margin: 0;
}
.br {
  border-radius: 0.5rem !important;
}
.p-y {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .p-y {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (min-width: 768px) {
  .p-y-sm {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (max-width: 767px) {
  .p-y-sm-down {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.p-y-top {
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .p-y-top {
    padding-top: 6rem;
  }
}
@media (min-width: 768px) {
  .p-y-top-sm {
    padding-top: 6rem;
  }
}
@media (max-width: 767px) {
  .p-y-top-sm-down {
    padding-top: 2rem;
  }
}
.p-y-bottom {
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .p-y-bottom {
    padding-bottom: 6rem;
  }
}
@media (min-width: 768px) {
  .p-y-bottom-sm {
    padding-bottom: 6rem;
  }
}
@media (max-width: 767px) {
  .p-y-bottom-sm-down {
    padding-bottom: 2rem;
  }
}
.p-x {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .p-x {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.p-x-left {
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .p-x-left {
    padding-left: 6rem;
  }
}
@media (min-width: 768px) {
  .p-x-left-sm {
    padding-left: 6rem;
  }
}
.p-x-right {
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .p-x-right {
    padding-right: 6rem;
  }
}
@media (min-width: 768px) {
  .p-x-right-sm {
    padding-right: 6rem;
  }
}
section.light + section.dark {
  padding-top: 7.5rem;
  position: relative;
}
section.light + section.dark:before, section.light + section.dark:after {
  content: "";
  height: 1.5rem;
  width: 100%;
  background: rgba(var(--white), 1);
  position: absolute;
  top: 0;
  z-index: 0;
}
section.light + section.dark:before {
  border-radius: 0 0 1.5rem 1.5rem;
  background: rgba(var(--dark), 1);
  z-index: 1;
}
section.light + section.dark.oh:before {
  box-shadow: 0 0 0.75rem rgba(var(--light), 1);
}
.m-grid {
  margin-bottom: 1.5rem;
}
.m-y {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 480px) {
  .m-y {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}
.m-y-top {
  margin-top: 2rem;
}
@media (min-width: 480px) {
  .m-y-top {
    margin-top: 6rem;
  }
}
.m-y-bottom {
  margin-bottom: 2rem;
}
@media (min-width: 480px) {
  .m-y-bottom {
    margin-bottom: 6rem;
  }
}
.m-x {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media (min-width: 480px) {
  .m-x {
    margin-left: 6rem;
    margin-right: 6rem;
  }
}
.m-x-left {
  margin-left: 1rem;
}
@media (min-width: 480px) {
  .m-x-left {
    margin-left: 6rem;
  }
}
.m-x-right {
  margin-right: 1rem;
}
@media (min-width: 480px) {
  .m-x-right {
    margin-right: 6rem;
  }
}
@media (min-width: 480px) {
  .hide-sm {
    display: none !important;
  }
}
@media (max-width: 479px) {
  .hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hide-md {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hide-md-down {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .hide-lg {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .hide-lg-down {
    display: none !important;
  }
}
.rw {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-shrink: 0;
}
.rw.even {
  justify-content: space-evenly;
}
.rw.reverse {
  flex-flow: row-reverse wrap;
}
@media (min-width: 480px) {
  .rw.reverse-sm {
    flex-flow: row-reverse wrap;
  }
}
.rw.grow > * {
  flex-grow: 2;
}
.rw.nw {
  flex-wrap: nowrap;
}
.rw.center {
  justify-content: center;
}
.rw.middle {
  align-items: center;
}
.rw.stretch {
  align-items: stretch;
}
.rw.base {
  align-items: baseline;
}
.rw.space {
  justify-content: space-between;
}
.rw.space-a {
  justify-content: space-around;
}
.rw.space-e {
  justify-content: space-evenly;
}
.rw.end {
  justify-content: flex-end;
}
.rw.bottom {
  align-items: end;
}
.cl {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-shrink: 2;
  position: relative;
  text-align: left;
}
.cl.center {
  align-items: center;
}
.cl.start {
  justify-content: flex-start;
  text-align: left;
}
.cl.middle {
  justify-content: center;
}
.cl.space {
  justify-content: space-between;
}
.cl.reverse {
  flex-direction: column-reverse;
}
.cl.stretch {
  align-items: stretch;
}
.cl.end {
  justify-content: flex-end;
}
.cl.bottom {
  align-items: bottom;
}
.cl.rtl {
  align-items: flex-end;
}
.op-1 {
  opacity: 1%;
}
.op-2 {
  opacity: 2%;
}
.op-3 {
  opacity: 3%;
}
.op-4 {
  opacity: 4%;
}
.op-5 {
  opacity: 5%;
}
.op-6 {
  opacity: 6%;
}
.op-7 {
  opacity: 7%;
}
.op-8 {
  opacity: 8%;
}
.op-9 {
  opacity: 9%;
}
.op-10 {
  opacity: 10%;
}
.op-11 {
  opacity: 11%;
}
.op-12 {
  opacity: 12%;
}
.op-13 {
  opacity: 13%;
}
.op-14 {
  opacity: 14%;
}
.op-15 {
  opacity: 15%;
}
.op-16 {
  opacity: 16%;
}
.op-17 {
  opacity: 17%;
}
.op-18 {
  opacity: 18%;
}
.op-19 {
  opacity: 19%;
}
.op-20 {
  opacity: 20%;
}
.op-21 {
  opacity: 21%;
}
.op-22 {
  opacity: 22%;
}
.op-23 {
  opacity: 23%;
}
.op-24 {
  opacity: 24%;
}
.op-25 {
  opacity: 25%;
}
.op-26 {
  opacity: 26%;
}
.op-27 {
  opacity: 27%;
}
.op-28 {
  opacity: 28%;
}
.op-29 {
  opacity: 29%;
}
.op-30 {
  opacity: 30%;
}
.op-31 {
  opacity: 31%;
}
.op-32 {
  opacity: 32%;
}
.op-33 {
  opacity: 33%;
}
.op-34 {
  opacity: 34%;
}
.op-35 {
  opacity: 35%;
}
.op-36 {
  opacity: 36%;
}
.op-37 {
  opacity: 37%;
}
.op-38 {
  opacity: 38%;
}
.op-39 {
  opacity: 39%;
}
.op-40 {
  opacity: 40%;
}
.op-41 {
  opacity: 41%;
}
.op-42 {
  opacity: 42%;
}
.op-43 {
  opacity: 43%;
}
.op-44 {
  opacity: 44%;
}
.op-45 {
  opacity: 45%;
}
.op-46 {
  opacity: 46%;
}
.op-47 {
  opacity: 47%;
}
.op-48 {
  opacity: 48%;
}
.op-49 {
  opacity: 49%;
}
.op-50 {
  opacity: 50%;
}
.op-51 {
  opacity: 51%;
}
.op-52 {
  opacity: 52%;
}
.op-53 {
  opacity: 53%;
}
.op-54 {
  opacity: 54%;
}
.op-55 {
  opacity: 55%;
}
.op-56 {
  opacity: 56%;
}
.op-57 {
  opacity: 57%;
}
.op-58 {
  opacity: 58%;
}
.op-59 {
  opacity: 59%;
}
.op-60 {
  opacity: 60%;
}
.op-61 {
  opacity: 61%;
}
.op-62 {
  opacity: 62%;
}
.op-63 {
  opacity: 63%;
}
.op-64 {
  opacity: 64%;
}
.op-65 {
  opacity: 65%;
}
.op-66 {
  opacity: 66%;
}
.op-67 {
  opacity: 67%;
}
.op-68 {
  opacity: 68%;
}
.op-69 {
  opacity: 69%;
}
.op-70 {
  opacity: 70%;
}
.op-71 {
  opacity: 71%;
}
.op-72 {
  opacity: 72%;
}
.op-73 {
  opacity: 73%;
}
.op-74 {
  opacity: 74%;
}
.op-75 {
  opacity: 75%;
}
.op-76 {
  opacity: 76%;
}
.op-77 {
  opacity: 77%;
}
.op-78 {
  opacity: 78%;
}
.op-79 {
  opacity: 79%;
}
.op-80 {
  opacity: 80%;
}
.op-81 {
  opacity: 81%;
}
.op-82 {
  opacity: 82%;
}
.op-83 {
  opacity: 83%;
}
.op-84 {
  opacity: 84%;
}
.op-85 {
  opacity: 85%;
}
.op-86 {
  opacity: 86%;
}
.op-87 {
  opacity: 87%;
}
.op-88 {
  opacity: 88%;
}
.op-89 {
  opacity: 89%;
}
.op-90 {
  opacity: 90%;
}
.op-91 {
  opacity: 91%;
}
.op-92 {
  opacity: 92%;
}
.op-93 {
  opacity: 93%;
}
.op-94 {
  opacity: 94%;
}
.op-95 {
  opacity: 95%;
}
.op-96 {
  opacity: 96%;
}
.op-97 {
  opacity: 97%;
}
.op-98 {
  opacity: 98%;
}
.op-99 {
  opacity: 99%;
}
.op-100 {
  opacity: 100%;
}
.oh {
  overflow: hidden !important;
}
.ov {
  overflow: visible !important;
}
.nm {
  margin: 0 !important;
}
.hidden {
  display: none !important;
}
:root {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  color: rgba(var(--fontColor), 1);
  font-optical-sizing: auto;
}
a {
  color: currentColor;
}
._serif {
  font-size: 1.375rem;
  opacity: 1;
}
._lspace {
  letter-spacing: -1.5px;
}
._sans {
  font-family: "Inter";
}
._code {
  font-family: "Space Mono";
  letter-spacing: -4%;
}
pre {
  font-size: 0.875rem;
}
.ct {
  text-align: center;
}
h1, h2, h3, h4 {
  line-height: 112%;
  font-family: "Sora", "Nanum Myeongjo", serif;
  font-weight: 400;
}
h1 i, h2 i, h3 i, h4 i {
  color: rgba(var(--accent), 1);
}
h1 {
  font-size: 2.25rem;
  line-height: 112%;
}
@media (min-width: 480px) {
  h1 {
    margin-bottom: 2.5rem;
    font-size: 3.5rem;
  }
}
h1._hero {
  font-size: 2.5rem;
}
@media (min-width: 480px) {
  h1._hero {
    font-size: 3rem;
  }
}
h2 {
  margin-bottom: 1.5rem;
  font-weight: 400;
  font-size: 3rem;
}
@media (max-width: 479px) {
  h2 {
    margin-bottom: 1rem;
    font-size: 2.25rem;
  }
}
h3 {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 116%;
}
@media (max-width: 479px) {
  h3 {
    margin-bottom: 1rem;
    font-size: 1.75rem;
  }
}
h4 {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 116%;
}
@media (max-width: 479px) {
  h4 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }
}
._small {
  font-size: 1rem;
}
p {
  margin-bottom: 1rem;
  line-height: 144%;
  font-size: 1.125rem;
  font-family: "Inter";
}
@media (max-width: 479px) {
  p {
    font-size: 1.0625rem;
  }
}
p strong, p b {
  font-weight: 500;
}
@media (max-width: 479px) {
  p strong, p b {
    font-weight: 500;
  }
}
p.serif {
  font-size: 1.375rem;
}
p a:not(.button) {
  color: rgba(var(--accent), 1);
  text-decoration: underline;
  transition: 120ms ease;
}
p a:not(.button):hover {
  background: rgba(var(--accent), 1);
  color: rgba(var(--white), 1);
  text-decoration: underline;
}
p a:hover {
  color: rgba(var(--accent), 1);
}
i {
  font-style: italic;
}
._centered {
  text-align: center;
}
._intro_p,
._intro_p * {
  line-height: 128%;
  font-family: "Sora", "Nanum Myeongjo", serif;
  font-size: 1.375rem;
  opacity: 1;
}
@media (min-width: 480px) {
  ._intro_p,
  ._intro_p * {
    font-size: 1.375rem;
  }
}
@media (min-width: 768px) {
  ._intro_p,
  ._intro_p * {
    font-size: 1.625rem;
  }
}
._content a,
.content-page a {
  color: rgba(var(--accent), 1);
  text-decoration: underline;
  opacity: 1;
}
._content p,
.content-page p {
  margin: 0.5rem 0 0.25rem;
}
._content p + h2, ._content p + h3, ._content p + h4, ._content p + h5,
.content-page p + h2,
.content-page p + h3,
.content-page p + h4,
.content-page p + h5 {
  margin-top: 2.5rem;
}
._content ul, ._content ol,
.content-page ul,
.content-page ol {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  padding: 1rem 0;
  counter-reset: section;
}
._content ul li, ._content ol li,
.content-page ul li,
.content-page ol li {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0.375rem;
  padding-left: 1.25rem;
  font-size: 1.125rem;
  line-height: 160%;
  list-style: none;
  color: rgba(var(--dark), 0.8);
  position: relative;
}
@media (max-width: 479px) {
  ._content ul li, ._content ol li,
  .content-page ul li,
  .content-page ol li {
    font-size: 1.0625rem;
  }
}
._content ul li:before, ._content ol li:before,
.content-page ul li:before,
.content-page ol li:before {
  content: "";
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.625rem 0.75rem 0 0;
  border-radius: 1rem;
  background: rgba(var(--accent), 1);
  position: absolute;
  left: 0;
}
._content ul li:marker, ._content ol li:marker,
.content-page ul li:marker,
.content-page ol li:marker {
  display: none;
}
._content ol li,
.content-page ol li {
  margin-bottom: 0.75rem;
  padding-left: 2.75rem;
  align-items: baseline;
}
._content ol li:before,
.content-page ol li:before {
  content: counter(section);
  counter-increment: section;
  width: 2rem;
  height: 2rem;
  margin: 0 1rem 0 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: rgba(var(--white), 1);
}
._content h2,
.content-page h2 {
  margin: 1.5rem 0 1.25rem;
  font-size: 3rem;
}
@media (max-width: 479px) {
  ._content h2,
  .content-page h2 {
    margin: 0.5rem 0 1rem;
    font-size: 2.25rem;
  }
}
._content h3,
.content-page h3 {
  margin: 1.5rem 0 0.75rem;
  font-size: 1.875rem;
}
@media (max-width: 479px) {
  ._content h3,
  .content-page h3 {
    margin: 1rem 0 0.5rem;
    font-size: 1.625rem;
  }
}
._content h4,
.content-page h4 {
  margin: 1.25rem 0 0.75rem;
  font-size: 1.5rem;
}
@media (max-width: 479px) {
  ._content h4,
  .content-page h4 {
    margin: 0.5rem 0 1rem;
    font-size: 1.25rem;
  }
}
pre {
  font-size: inherit;
}
/**
 * Swiper 12.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 24, 2026
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}
/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.input-item, input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=password],
textarea,
select {
  all: unset;
  appearance: none;
  width: 100%;
  max-width: 100%;
  min-height: 3.5rem;
  padding: 1rem;
  border-radius: 0.25rem;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 0.0625rem rgba(var(--dark), 0.12);
  line-height: 100%;
  font-size: 1.125rem;
  color: rgba(var(--dark), 1);
}
.input-item:hover, input[type=text]:hover,
input[type=number]:hover,
input[type=tel]:hover,
input[type=email]:hover,
input[type=password]:hover,
textarea:hover,
select:hover {
  box-shadow: inset 0 0 0 0.0625rem rgba(var(--accent), 0.64), 0 0 0 rgba(var(--accent), 0.04) !important;
}
.input-item:focus, input[type=text]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  box-shadow: inset 0 0 0 0.125rem rgba(var(--accent), 1), 0 0.125rem 0.25rem rgba(var(--accent), 0.12) !important;
  background: rgba(var(--dark), 0);
}
.input-item:focus ~ span.label, input[type=text]:focus ~ span.label,
input[type=number]:focus ~ span.label,
input[type=tel]:focus ~ span.label,
input[type=email]:focus ~ span.label,
input[type=password]:focus ~ span.label,
textarea:focus ~ span.label,
select:focus ~ span.label {
  color: rgba(var(--accent), 1);
}
label {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  position: relative;
  cursor: text;
  padding-top: 1rem;
}
label:has(.invalid-feedback.shown) {
  --accent: var(--red);
}
label:has(.invalid-feedback.shown) input, label:has(.invalid-feedback.shown) textarea, label:has(.invalid-feedback.shown) select {
  box-shadow: inset 0 0 0 0.0625rem rgba(var(--accent), 1), 0 0 0 rgba(var(--accent), 0.04);
  border-bottom-left-radius: 0;
}
label:has(.invalid-feedback.shown) .invalid-feedback {
  display: flex;
  width: auto;
  padding: 0 0.5rem 0.125rem 0.5rem;
  border-radius: 0 0 0.25rem 0.25rem;
  background: rgba(var(--accent), 1);
  color: rgba(var(--white), 1);
}
label span.label {
  padding: 0.5rem;
  box-shadow: inset 0 1.25rem 0 0 rgba(var(--white), 1);
  color: rgba(var(--dark), 0.64);
  position: absolute;
  top: 0;
  left: 0.5rem;
}
label .invalid-feedback {
  display: none;
  width: 100%;
  font-size: 0.875rem;
}
.form-message, .invalid-feedback {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: -0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  background: rgba(var(--green), 1);
  box-shadow: 0 0.5rem 1rem rgba(var(--green), 0.24);
  font-size: 1rem;
  color: rgba(var(--white), 1);
}
.form-message > *:last-child, .invalid-feedback > *:last-child {
  margin-bottom: 0;
}
.invalid-feedback {
  display: none;
  margin: 0;
}
.invalid-feedback.main {
  background: rgba(var(--red), 1);
  color: rgba(var(--white), 1);
}
.invalid-feedback.main.shown {
  display: flex;
}
form ul {
  margin: 0 -0.25rem;
}
form ul li {
  padding: 0.25rem;
}
form legend {
  font-weight: 600;
}
form .submit-form {
  justify-content: flex-end;
  margin-top: 1.5rem;
}
.form-section + .form-section {
  margin-top: 2.5rem;
}
.button {
  all: unset;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  height: 3.25rem;
  padding: 0 1rem;
  box-sizing: border-box;
  border-radius: 2rem;
  cursor: pointer;
  text-decoration: none !important;
  line-height: 144%;
  font-size: 1.0625rem;
  font-weight: 500;
  color: rgba(var(--fontColor), 1);
  position: relative;
  transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 480px) {
  .button {
    height: 3rem;
    font-size: 1rem;
  }
}
.button + .button {
  margin-left: 1.5rem;
}
@media (min-width: 480px) {
  .button + .button {
    margin-left: 1rem;
  }
}
.buttons {
  display: flex;
  flex-flow: row wrap;
  max-width: 100%;
}
.buttons .button + .button {
  margin-left: 1rem;
}
.button i,
.button span {
  white-space: nowrap;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  position: relative;
  z-index: 4;
  transition: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button span ~ i.bi {
  margin-left: 1.0625rem;
}
.button i.bi {
  z-index: 3;
}
.button i.bi ~ span {
  margin-left: 1.0625rem;
}
.button.primary {
  padding: 0 2rem;
  border-radius: 3rem;
}
.button.primary.accent {
  background: rgba(var(--orange), 1);
  color: rgba(var(--white), 1);
}
.button.primary.highlight {
  box-shadow: 0 0 0 0.25rem rgba(var(--fontColor), 0.12);
  background: rgba(var(--fontColor), 1);
  color: rgba(var(--backColor), 1);
}
.button.primary.highlight:hover {
  box-shadow: 0 0 0 0.25rem rgba(var(--fontColor), 0.24);
}
.button.secondary {
  padding: 0 1rem;
  border-radius: 0;
}
.button.secondary:after {
  content: "";
  width: 100%;
  height: 0.125rem;
  background: rgba(var(--fontColor), 1);
  position: absolute;
  top: auto;
  bottom: 0;
  opacity: 0.2;
}
.button.secondary:hover:after {
  opacity: 1;
}
.button.text {
  padding: 0;
}
.button-share {
  padding: 1rem;
  color: rgba(var(--dark), 1);
}
.button-share svg {
  width: 2rem;
  height: auto;
}
::-moz-selection {
  color: rgba(var(--white), 1);
  background: rgba(var(--accent), 1);
}
::selection {
  color: rgba(var(--white), 1);
  background: rgba(var(--accent), 1);
}
._fadein {
  opacity: 0;
}
._no_image {
  background: rgba(var(--dark), 1);
}
._offset_top {
  transform: translateY(100%);
}
._logodot {
  transition: 600ms ease-out;
}
._dots:hover ._dot:after {
  color: rgba(var(--fontColor), 1);
}
@media (max-width: 479px) {
  ._dot br {
    display: none;
  }
}
._dot:after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.25rem;
  border-radius: 0.5rem;
  background: currentColor;
  color: rgba(var(--accent), 1);
}
h2._dot:after {
  width: 0.375rem;
  height: 0.375rem;
}
.list-heading {
  display: flex;
  margin-bottom: 1rem;
  color: rgba(var(--dark), 0.64);
}
.devmode {
  position: fixed;
  padding: 1rem 1.5rem;
  color: rgba(var(--dark), 0.64);
}
@keyframes preloadAnimation {
  0% {
    background-position: -50vw 0;
  }
  100% {
    background-position: 50vw 0;
  }
}
._preload {
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: preloadAnimation;
  animation-timing-function: linear;
  background: rgba(var(--white), 1);
  background-size: 100vw 100%;
  position: relative;
  animation-duration: 2s;
  background: linear-gradient(to right, rgba(var(--dark), 0.12) 8%, rgba(var(--white), 1) 38%, rgba(var(--dark), 0.12) 54%);
  pointer-events: none;
}
.responsive-object {
  width: 100%;
  height: auto;
  margin: 1.75rem 0 0.75rem;
  background: rgba(var(--dark), 0.24);
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.responsive-object iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}
hr {
  all: unset;
  width: 100%;
  margin: 1.5rem 0;
  border-top: 0.125rem dashed rgba(var(--dark), 0.24);
}
header {
  width: 100%;
  padding: 2.5rem 0;
}
header .inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
footer {
  --backColor: var(--blue);
  --fontColor: var(--white);
  padding-bottom: 4rem;
  padding-top: 4rem;
  color: rgba(var(--fontColor), 1);
  background: linear-gradient(to bottom, rgba(var(--backColor), 0.64) 0%, rgba(var(--backColor), 0.8) 100%), url("data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%201C2%201.55228%201.55228%202%201%202C0.447715%202%200%201.55228%200%201C0%200.447715%200.447715%200%201%200C1.55228%200%202%200.447715%202%201Z'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='4'%20width='74'%20height='2'%20rx='1'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='2'%20y='4'%20width='74'%20height='2'%20rx='1'%20transform='rotate(90%202%204)'%20fill='%23ffffff'/%3e%3c/svg%3e") repeat center top fixed, rgba(var(--backColor), 1);
}
@media (min-width: 480px) {
  footer {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
}
footer .logo {
  display: flex;
  margin-top: -0.75rem;
  margin-bottom: 2.5rem;
}
footer .logo-sub, footer .logo-word {
  color: rgba(var(--fontColor), 1);
}
footer .logo svg {
  width: 15rem;
}
footer .footer-heading {
  font-size: 0.9375rem;
  margin-bottom: 0.75rem;
  color: rgba(var(--fontColor), 0.64);
}
footer p {
  margin-bottom: 4rem;
  font-size: 1.125rem;
  color: rgba(var(--fontColor), 1);
}
@media (max-width: 479px) {
  footer p {
    margin-bottom: 1.5rem;
  }
}
footer a {
  color: inherit;
}
footer ul {
  transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
footer ul:hover {
  color: rgba(var(--fontColor), 0.48);
}
footer ul:hover a:hover {
  color: rgba(var(--fontColor), 1);
}
footer ul.footer-menu {
  margin: 0 -0.25rem;
}
@media (max-width: 479px) {
  footer ul.footer-menu {
    margin-bottom: 2.5rem;
  }
}
footer ul.footer-menu li {
  display: none;
}
footer ul.footer-menu li a {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: baseline;
  padding: 0.25rem;
}
footer ul.footer-menu li a svg {
  display: inline-flex;
  margin-right: 0.5rem;
}
footer ul.footer-menu li a span {
  font-size: 2rem;
  font-family: "Inter";
  color: inherit;
}
footer ul.footer-menu > li {
  display: flex;
}
footer ul.legal {
  margin-left: -0.5rem;
}
footer ul.legal a {
  padding: 0.5rem;
}
footer .bottom {
  margin-top: 8rem;
}
@media (max-width: 479px) {
  footer .bottom {
    margin-top: 4rem;
  }
  footer .bottom .col {
    margin: 0;
  }
}
footer .bottom a {
  margin-top: -1rem;
  margin-left: -1rem;
  padding: 1rem;
  transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  position: relative;
}
footer .bottom a:after {
  content: "";
  width: calc(100% - 2rem);
  height: 0.125rem;
  background: currentColor;
  opacity: 0.12;
  position: absolute;
  left: 1rem;
  bottom: 0.25rem;
}
footer .bottom a:hover:after {
  opacity: 0.4;
}
@media (max-width: 767px) {
  footer .bottom .copy {
    font-size: 0.75rem;
  }
}
.logo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
  position: relative;
}
@media (max-width: 767px) {
  .logo {
    flex-grow: 2;
  }
}
.logo span {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.logo svg {
  display: flex;
  flex-shrink: 0;
  width: 12rem;
  max-width: 100%;
  height: auto;
}
.logo.big {
  margin-bottom: 2.5rem;
}
@media (min-width: 480px) {
  .logo.big {
    margin-bottom: 4rem;
  }
}
.logo.big svg {
  width: 20rem;
}
.logo-word {
  color: rgba(var(--customF), 1);
}
.logo-sub, .logo-dot {
  color: rgba(var(--orange), 1);
}
@keyframes hoverMenu {
  0% {
    translate: transformY(-0.25rem);
  }
  100% {
    translate: transformY(0.25rem);
  }
}
.menu-toggle {
  display: flex;
  flex-shrink: 0;
  margin: -1rem;
  margin-right: 0;
  padding: 1rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  .menu-toggle {
    display: none;
  }
}
.menu-wrap {
  --fontColor: var(--blue);
  --backColor: var(--white);
  background: rgba(var(--backColor), 1);
  color: rgba(var(--fontColor), 1);
}
.menu-wrap.bg.background-white {
  background: linear-gradient(to bottom, rgba(var(--backColor), 0.64) 0%, rgba(var(--backColor), 0.8) 100%), url("data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%201C2%201.55228%201.55228%202%201%202C0.447715%202%200%201.55228%200%201C0%200.447715%200.447715%200%201%200C1.55228%200%202%200.447715%202%201Z'%20fill='%231838E0'/%3e%3crect%20opacity='0.1'%20x='4'%20width='74'%20height='2'%20rx='1'%20fill='%231838E0'/%3e%3crect%20opacity='0.1'%20x='2'%20y='4'%20width='74'%20height='2'%20rx='1'%20transform='rotate(90%202%204)'%20fill='%231838E0'/%3e%3c/svg%3e") repeat center top fixed, rgba(var(--backColor), 1);
}
.menu-wrap.bg.background-blue {
  --backColor: var(--blue);
  --fontColor: var(--white);
  background: linear-gradient(to bottom, rgba(var(--backColor), 0.64) 0%, rgba(var(--backColor), 0.8) 100%), url("data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%201C2%201.55228%201.55228%202%201%202C0.447715%202%200%201.55228%200%201C0%200.447715%200.447715%200%201%200C1.55228%200%202%200.447715%202%201Z'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='4'%20width='74'%20height='2'%20rx='1'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='2'%20y='4'%20width='74'%20height='2'%20rx='1'%20transform='rotate(90%202%204)'%20fill='%23ffffff'/%3e%3c/svg%3e") repeat center top fixed, rgba(var(--backColor), 1);
}
.menu-wrap.bg.background-dark {
  --backColor: var(--dark);
  --fontColor: var(--white);
  background: linear-gradient(to bottom, rgba(var(--backColor), 0.64) 0%, rgba(var(--backColor), 0.8) 100%), url("data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%201C2%201.55228%201.55228%202%201%202C0.447715%202%200%201.55228%200%201C0%200.447715%200.447715%200%201%200C1.55228%200%202%200.447715%202%201Z'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='4'%20width='74'%20height='2'%20rx='1'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='2'%20y='4'%20width='74'%20height='2'%20rx='1'%20transform='rotate(90%202%204)'%20fill='%23ffffff'/%3e%3c/svg%3e") repeat center top fixed, rgba(var(--backColor), 1);
}
.menu-wrap.bg.background-orange {
  --backColor: var(--orange);
  --fontColor: var(--white);
  background: linear-gradient(to bottom, rgba(var(--backColor), 0.64) 0%, rgba(var(--backColor), 0.8) 100%), url("data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%201C2%201.55228%201.55228%202%201%202C0.447715%202%200%201.55228%200%201C0%200.447715%200.447715%200%201%200C1.55228%200%202%200.447715%202%201Z'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='4'%20width='74'%20height='2'%20rx='1'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='2'%20y='4'%20width='74'%20height='2'%20rx='1'%20transform='rotate(90%202%204)'%20fill='%23ffffff'/%3e%3c/svg%3e") repeat center top fixed, rgba(var(--backColor), 1);
}
.menu-wrap.bg.background-orange .logo-dot, .menu-wrap.bg.background-orange .logo-sub {
  color: rgba(var(--white), 1);
}
.menu-wrap.bg.background-blue .submenu.active, .menu-wrap.bg.background-dark .submenu.active, .menu-wrap.bg.background-orange .submenu.active {
  box-shadow: 0 1px 3px rgba(var(--backColor), 0.16), 0 4px 6px rgba(var(--backColor), 0.24), 0 1px 2px rgba(var(--dark), 0.12);
  color: rgba(var(--backColor), 1);
}
.menu-wrap.bg.background-blue .logo-sub, .menu-wrap.bg.background-dark .logo-sub {
  color: rgba(var(--fontColor), 1);
}
@media (min-width: 768px) {
  .menu {
    width: 100%;
    padding: 2.5rem 0;
    font-size: 0.9375rem;
    font-weight: 500;
    position: relative;
    z-index: 10;
  }
  .menu .close {
    display: none;
  }
  .menu .inner {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .menu ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }
  .menu ul > li > a {
    padding: 1rem;
    white-space: nowrap;
    cursor: pointer;
  }
  .menu ul > li > a.has-sub {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  .menu ul > li > a.has-sub:hover i.bi {
    transform: translateY(0.25rem);
  }
  .menu ul > li > a.has-sub i.bi {
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    transform: translateY(0.125rem);
    transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .menu ul > li > ul {
    display: none;
  }
  .menu-fixture {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  .menu .submenu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: calc(100% + 1rem);
    opacity: 0;
    pointer-events: none;
    height: auto;
    opacity: 1;
    pointer-events: all;
    background: rgba(var(--white), 1);
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px rgba(var(--blue), 0.08), 0 4px 6px rgba(var(--blue), 0.08), 0 1px 2px rgba(var(--dark), 0.12);
    color: rgba(var(--blue), 1);
  }
  .menu .submenu-wrap {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
  }
  .menu .submenu li {
    display: flex;
  }
  .menu .submenu li a {
    display: flex;
    flex-flow: row nowrap;
    padding: 1.5rem 1.25rem;
    white-space: nowrap;
    font-size: 1.125rem;
  }
  .menu .submenu li a:hover {
    background: rgba(var(--orange), 0.12);
    color: rgba(var(--orange), 1);
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .menu .buttons {
    display: none;
  }
}
@media (min-width: 768px) {
  .menu .buttons .button {
    font-size: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .menu .logo svg {
    width: 12rem;
    margin-bottom: -0.75rem;
  }
  .menu .logo svg .logo-sub {
    display: none;
  }
}
@media (max-width: 479px) {
  .menu .logo svg {
    width: 8rem;
    margin-bottom: -0.625rem;
  }
}
@media (max-width: 767px) {
  .menu {
    width: 100%;
    padding: 1rem 0;
    font-size: 0.9375rem;
    font-weight: 500;
    z-index: 10;
  }
  .menu-wrap {
    position: relative;
    top: 0;
    z-index: 99;
  }
  .menu .inner {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  .menu .mainmenu-wrap,
  .menu .submenu-wrap {
    --backColor: var(--blue);
    --fontColor: var(--white);
    width: 100vw;
    min-height: 5rem;
    padding: 0 1rem;
    border-radius: 0 0 2rem 2rem;
    box-sizing: border-box;
    background: rgba(var(--fontColor), 1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0);
    color: rgba(var(--backColor), 1);
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transform: translateY(-100%);
  }
  .menu .mainmenu-wrap.open,
  .menu .submenu-wrap.open {
    padding: 1rem;
    pointer-events: all;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.24);
  }
  .menu .mainmenu-wrap .close,
  .menu .submenu-wrap .close {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    border-radius: 100%;
    background: rgba(var(--backColor), 0.12);
    color: rgba(var(--backColor), 1);
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    font-size: 1.5rem;
    transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .menu .mainmenu-wrap .close:hover,
  .menu .submenu-wrap .close:hover {
    background: rgba(var(--backColor), 1);
    color: rgba(var(--fontColor), 1);
  }
  .menu .mainmenu-wrap ul,
  .menu .submenu-wrap ul {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    padding: 1.5rem 0.625rem;
  }
  .menu .mainmenu-wrap ul > li,
  .menu .submenu-wrap ul > li {
    width: 100%;
  }
  .menu .mainmenu-wrap ul > li > a,
  .menu .submenu-wrap ul > li > a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.25rem 0;
    white-space: nowrap;
    font-size: 1.875rem;
    overflow: hidden;
    cursor: pointer;
  }
  .menu .mainmenu-wrap ul > li > a i.bi,
  .menu .submenu-wrap ul > li > a i.bi {
    display: none;
    width: 1rem;
    height: 1rem;
    padding: 0 1.5rem;
    pointer-events: none;
    box-sizing: border-box;
    transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .menu .mainmenu-wrap ul > li > a span,
  .menu .submenu-wrap ul > li > a span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .menu .mainmenu-wrap ul > li > ul,
  .menu .submenu-wrap ul > li > ul {
    display: none;
  }
  .menu .submenu-wrap {
    z-index: 999;
  }
  .menu-fixture {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  .menu .buttons .button {
    display: none;
  }
  .menu .buttons .button.primary {
    display: flex;
    height: 2.5rem;
    margin: 0;
    padding: 1rem 0.75rem;
    font-size: 0.875rem;
  }
  body {
    box-sizing: border-box;
    transition: padding 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  body:has(.menu.open) {
    padding-top: 10rem;
  }
}
.account {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.account:hover figure {
  background: rgba(var(--fontColor), 0.24);
  box-shadow: inset 0 -2px 5px rgba(var(--fontColor), 0.64), 0 5px 10px rgba(var(--fontColor), 0.2), 0 0 0 0.5rem rgba(var(--fontColor), 0.08);
}
.account figure {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.25rem;
  border-radius: 4rem;
  overflow: hidden;
  box-shadow: inset 0 -2px 5px rgba(var(--fontColor), 0.64), 0 5px 10px rgba(var(--fontColor), 0.2), 0 0 0.125rem rgba(var(--fontColor), 0);
  background: rgba(var(--fontColor), 0);
  transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 480px) {
  .account figure {
    width: 4rem;
    height: 4rem;
    margin-right: 1.125rem;
    padding: 0.5rem;
  }
}
.account figure img {
  border-radius: 4rem;
}
.account .inner {
  display: none;
  flex-flow: column nowrap;
  align-items: flex-start;
}
@media (min-width: 480px) {
  .account .inner {
    display: flex;
  }
}
.account .inner span {
  font-size: 0.75rem;
}
.account .inner span:first-child {
  margin-bottom: 0.125rem;
  font-weight: 600;
  font-size: 0.9375rem;
  opacity: 1;
}
.breadcrumbs-wrapper {
  width: 100%;
}
.breadcrumbs-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto !important;
  max-width: 100%;
  border-radius: 2rem;
}
.breadcrumbs-container span {
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.breadcrumbs-container li {
  max-width: 100%;
}
@media (max-width: 479px) {
  .breadcrumbs-container li.trail {
    margin-left: -1rem;
  }
  .breadcrumbs-container li.trail a {
    padding: 1rem;
  }
  .breadcrumbs-container li.trail a svg {
    width: 2.25rem;
    margin-right: 0.5rem;
  }
  .breadcrumbs-container li.trail a span {
    opacity: 1;
    font-size: 1.125rem;
  }
}
.breadcrumbs-container li a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0.75rem 0;
  color: rgba(var(--fontColor), 1);
}
.breadcrumbs-container li a span {
  opacity: 0.8;
}
.breadcrumbs-container li a span:after {
  opacity: 0;
}
@media (min-width: 480px) {
  .breadcrumbs-container li a svg {
    width: 0.75rem;
    height: 0.75rem;
    margin: 0 0.75rem;
    color: inherit;
  }
}
.breadcrumbs-container li a:hover span {
  opacity: 1;
}
.breadcrumbs-container li a:hover span:after {
  opacity: 1;
}
.breadcrumbs-container li span {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0.125rem 0;
  font-size: 0.875rem;
  font-weight: 600;
}
section {
  background: rgba(var(--backColor), 1);
  color: rgba(var(--fontColor), 1);
}
section.max {
  min-height: 100vh;
}
section.blueprint {
  background: linear-gradient(to bottom, rgba(var(--backColor), 0.64) 0%, rgba(var(--backColor), 0.8) 100%), url("data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%201C2%201.55228%201.55228%202%201%202C0.447715%202%200%201.55228%200%201C0%200.447715%200.447715%200%201%200C1.55228%200%202%200.447715%202%201Z'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='4'%20width='74'%20height='2'%20rx='1'%20fill='%23ffffff'/%3e%3crect%20opacity='0.1'%20x='2'%20y='4'%20width='74'%20height='2'%20rx='1'%20transform='rotate(90%202%204)'%20fill='%23ffffff'/%3e%3c/svg%3e") repeat center top fixed, rgba(var(--backColor), 1);
}
section.blueprint.background-white {
  --fontColor: var(--blue);
  background: linear-gradient(to bottom, rgba(var(--backColor), 0.64) 0%, rgba(var(--backColor), 0.8) 100%), url("data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%201C2%201.55228%201.55228%202%201%202C0.447715%202%200%201.55228%200%201C0%200.447715%200.447715%200%201%200C1.55228%200%202%200.447715%202%201Z'%20fill='%231838E0'/%3e%3crect%20opacity='0.1'%20x='4'%20width='74'%20height='2'%20rx='1'%20fill='%231838E0'/%3e%3crect%20opacity='0.1'%20x='2'%20y='4'%20width='74'%20height='2'%20rx='1'%20transform='rotate(90%202%204)'%20fill='%231838E0'/%3e%3c/svg%3e") repeat center top fixed, rgba(var(--backColor), 1);
}
section:has(.swiper) {
  overflow: hidden;
}
@media (max-width: 479px) {
  .menu-wrap + section .block-title {
    margin-top: 2rem;
  }
  .menu-wrap + section .block-title h1 {
    font-size: 2.75rem;
  }
}
h2, h3, h4 {
  margin: 1rem 0 0.5rem;
  padding: 0;
  line-height: 136%;
  font-size: 1.25rem;
  font-weight: 600;
}
h2:first-child, h3:first-child, h4:first-child {
  margin-top: 0;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.25rem;
}
h4 {
  font-size: 1.375rem;
  font-size: 400;
}
p {
  padding: 0;
  line-height: 136%;
  font-weight: 400;
  font-size: 1rem;
}
p > i:not(.bi) {
  display: inline-flex;
  line-height: inherit;
  font-size: inherit;
  opacity: 0.8;
}
.block-title + .block-content {
  margin-top: 1rem;
}
.block-buttons {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
.block-buttons + .block-content {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .block-buttons + .block-content {
    margin-top: 1rem;
  }
}
.block-content {
  display: inline-flex;
  flex-flow: column wrap;
}
.block-content h2, .block-content h3, .block-content h4 {
  font-family: "Inter", "Nanum Myeongjo", serif;
}
.block-content > *:last-child {
  margin-bottom: 0;
}
.block-content hr {
  display: flex;
  height: 0.0625rem;
  width: 100%;
  margin: 0.5rem 0;
  padding: 0;
  border: none;
  border-radius: 1rem;
  background: rgba(var(--fontColor), 0.12);
}
@media (min-width: 480px) {
  .block-content hr {
    margin: 1.5rem 0;
  }
}
.block-content b, .block-content strong {
  font-weight: 600;
}
.block-content u {
  text-decoration: underline;
}
.block-content ul, .block-content ol {
  padding-bottom: 0.5rem;
}
.block-content ul li, .block-content ol li {
  margin: 0 0 0.25rem;
  padding: 0;
  line-height: 136%;
  font-size: 1rem;
  position: relative;
}
.block-content ul li:last-child, .block-content ol li:last-child {
  margin-bottom: 0;
}
.block-content ul li:marker, .block-content ol li:marker {
  display: none;
}
.block-content ul li:before, .block-content ol li:before {
  content: "";
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: absolute;
  left: 0;
}
.block-content ul li {
  padding-left: 1.25rem;
}
.block-content ul li:before {
  border-radius: 1rem;
  background: rgba(var(--blue), 1);
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.4375rem 0.75rem 0 0;
  left: 0.125rem;
}
.block-content ol {
  counter-reset: row;
}
.block-content ol li {
  padding-left: 1.25rem;
  margin-bottom: 0.5rem;
}
.block-content ol li:last-child {
  margin: 0;
}
.block-content ol li:before {
  counter-increment: row;
  content: counter(row) ". ";
}
.block-content + .block-buttons {
  margin-top: 2rem;
}
.block-content + .block-content {
  margin-top: 2.5rem;
}
.block-table {
  --backColor: var(--orange);
  --fontColor: var(--dark);
  margin: 2rem 0 2.5rem;
}
@media (max-width: 479px) {
  .block-table {
    width: 100vw;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding: 0 0.25rem;
    overflow: auto;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
  }
}
.block-table table.custom-table {
  text-align: left;
}
@media (min-width: 768px) {
  .block-table table.custom-table {
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.block-table table.custom-table tr {
  vertical-align: top;
  text-align: left;
  border: none;
}
.block-table table.custom-table tr:nth-child(odd) td, .block-table table.custom-table tr:nth-child(odd) th {
  background: rgba(var(--orange), 0.08);
  color: rgba(var(--fontColor), 1);
}
.block-table table.custom-table tr.header td, .block-table table.custom-table tr.header th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: rgba(var(--backColor), 1);
  font-size: 0.9375rem;
  font-weight: 600;
  color: rgba(var(--white), 1);
}
.block-table table.custom-table tr.header td:first-child, .block-table table.custom-table tr.header th:first-child {
  border-top-left-radius: 0.5rem;
}
.block-table table.custom-table tr.header td:last-child, .block-table table.custom-table tr.header th:last-child {
  border-top-right-radius: 0.5rem;
}
.block-table table.custom-table tr td, .block-table table.custom-table tr th {
  padding: 0.75rem 0.625rem;
  box-sizing: border-box;
  background: rgba(var(--white), 1);
  font-size: 0.9375rem;
  color: rgba(var(--fontColor), 1);
  vertical-align: top;
  text-align: left;
}
.block-table table.custom-table tr td:first-child, .block-table table.custom-table tr th:first-child {
  border-radius: 0.125rem 0 0 0.125rem;
}
.block-table table.custom-table tr td:last-child, .block-table table.custom-table tr th:last-child {
  border-radius: 0 0.125rem 0.125rem 0;
}
.block-features {
  max-width: 100%;
}
.block-features .features {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.block-features .features .feature {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 28rem;
}
@media (min-width: 768px) {
  .block-features .features .feature {
    flex-flow: row nowrap;
  }
}
.block-features .features .feature:last-child .inner {
  padding-right: 0;
}
.block-features .features .feature figure {
  display: flex;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  color: rgba(var(--fontColor), 1);
}
@media (max-width: 767px) {
  .block-features .features .feature figure {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .block-features .features .feature figure {
    margin-right: 2rem;
  }
}
.block-features .features .feature figure i.bi {
  font-size: 2.5rem;
}
.block-features .features .feature .inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .block-features .features .feature .inner {
    padding-right: 4rem;
  }
}
.block-features .features .feature .inner h3 {
  margin-bottom: 0.5rem;
}
.block-features .features .feature .inner h3:after {
  width: 0.375rem;
  height: 0.375rem;
}
.block-features .features .feature .inner p {
  margin: 0;
}
.block-pixelgrid {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.swiper {
  width: 100%;
  overflow: visible;
}
.swiper-slide {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: unset;
}
.swiper-slide img {
  max-width: 100%;
}
.swiper-pagination {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.375rem 0 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  margin: 0.25rem;
  background: rgba(var(--dark), 0.25);
  transform: scale(0.8);
  transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.swiper-pagination-bullet-active {
  background: rgba(var(--accent), 1);
  transform: scale(1);
}
.quote-wrapper.has-image {
  margin: 1rem 0;
}
@media (min-width: 480px) {
  .quote-wrapper.has-image {
    margin: 2.5rem 0;
  }
}
.quote-wrapper figure {
  width: 100%;
  height: 100%;
  opacity: 0.12;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.quote-wrapper figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quote-container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
@media (max-width: 479px) {
  .quote-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.quote-container svg {
  width: 100%;
  height: 2rem;
}
@media (min-width: 768px) {
  .quote-container svg {
    height: 5rem;
    margin-top: -2rem;
    margin-bottom: 2.5rem;
  }
}
.quote-container * {
  text-align: center;
}
@media (min-width: 768px) {
  .quote-container h2 {
    margin-bottom: 1.5rem;
    font-size: 2.125rem;
  }
}
.quote-container h2 b, .quote-container h2 a, .quote-container h2 i, .quote-container h3 b, .quote-container h3 a, .quote-container h3 i, .quote-container h4 b, .quote-container h4 a, .quote-container h4 i, .quote-container p b, .quote-container p a, .quote-container p i {
  text-decoration: none;
  color: inherit;
}
.quote-container h2 a, .quote-container h3 a, .quote-container h4 a, .quote-container p a {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  color: rgba(var(--accent), 1);
}
.quote-container h2 a:after, .quote-container h3 a:after, .quote-container h4 a:after, .quote-container p a:after {
  content: "\f144";
  margin-left: 0.25rem;
  font-family: "bootstrap-icons";
}
.quote-container .author {
  margin-top: 1rem;
  font-size: 0.9375rem;
  color: rgba(var(--accent), 1);
}
@media (min-width: 768px) {
  .quote-container .author {
    font-size: 1.25rem;
  }
}
.quote > * {
  color: rgba(var(--white), 1);
}
.quote > *:last-child {
  margin: 0 !important;
}
.bg .quote-container .author {
  padding: 0.25rem 1rem;
  border-radius: 1.5rem;
  background: rgba(var(--fontColor), 1);
  color: rgba(var(--backColor), 1);
}
.files {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  width: 100%;
}
.files li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.25rem;
  border-radius: 5rem;
}
@media (max-width: 767px) {
  .files li {
    border-radius: 0.5rem;
  }
}
.files li:hover {
  background: rgba(var(--blue), 0.12);
}
.files li .details {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
@media (min-width: 480px) {
  .files li .details {
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
}
.files li .details figure {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
  background: rgba(var(--blue), 0.12);
  border-radius: 3rem;
  font-size: 1.25rem;
  color: rgba(var(--blue), 1);
}
.files li .file {
  display: flex;
  width: 100%;
  margin-bottom: 0.125rem;
  padding: 1rem;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 1px rgba(var(--dark), 0.12);
}
.files li .file:hover {
  box-shadow: 0 0 0 0.125rem rgba(var(--accent), 1);
}
.files li .download-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 2rem;
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  background: rgba(var(--fontColor), 1);
  box-shadow: 0 0 0 0 rgba(var(--dark), 0.24);
  font-size: 0.875rem;
  color: rgba(var(--backColor), 1);
  transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 480px) {
  .files li .download-button {
    margin-right: 0.5rem;
  }
}
.files li .download-button i.bi + span {
  margin-left: 0.5rem;
}
.files li .download-button:hover {
  box-shadow: 0 0 0 0.25rem rgba(var(--dark), 0.24);
}
@keyframes rotating {
  0% {
    opacity: 0;
    transform: scale(0.8) rotate(0deg);
  }
  20% {
    transform: scale(1);
    margin-left: -0.75rem;
    margin-right: 0.75rem;
  }
  50% {
    opacity: 1;
    margin-left: -1rem;
    margin-right: 0.75rem;
  }
  90% {
    opacity: 0;
    transform: scale(1) rotate(720deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.8) rotate(720deg);
  }
}
.loading-icon {
  display: none;
  margin-right: -1.5rem;
  width: 1rem;
  height: 1rem;
  transform: translateX(0);
  animation: rotating 1s ease forwards;
}
.loading .loading-icon {
  display: flex;
}
.account small {
  margin-left: 0.25rem;
  padding: 0.125rem 0.25rem;
  border-radius: 0.125rem;
  background: rgba(var(--fontColor), 1);
  color: rgba(var(--backColor), 1);
}
.account-menu {
  --fontColor: var(--blue);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  max-width: 100%;
  margin-bottom: 1.5rem;
  border-radius: 4rem;
  background: linear-gradient(to bottom, rgba(var(--fontColor), 0.12) 0%, rgba(var(--fontColor), 0.12) 100%), rgba(var(--white), 0.96);
  backdrop-filter: blur(0.5rem);
  overflow: auto;
}
@media (max-width: 479px) {
  .account-menu {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
.account-menu-wrap .col {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
@media (max-width: 479px) {
  .account-menu-wrap {
    position: sticky;
    top: 0.5rem;
    z-index: 999;
  }
}
.account-menu li {
  margin: 0 -1rem;
  padding: 0.25rem;
}
.account-menu li a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  padding: 0 1.5rem;
  border-radius: 4rem;
  font-size: 0.875rem;
  white-space: nowrap;
  color: rgba(var(--fontColor), 1);
  box-shadow: 0 0 0 0 rgba(var(--fontColor), 0.24);
  transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.account-menu li a:hover {
  text-decoration: underline;
}
.account-menu li a.active {
  box-shadow: 0 0 0 0.25rem rgba(var(--fontColor), 0.24);
  background: rgba(var(--fontColor), 1);
  color: rgba(var(--white), 1);
}
.account-menu li:first-child {
  margin-left: 0;
}
.account-menu li:last-child {
  margin-right: 0;
}
.account-menu li:has(.active) {
  margin: 0;
}
.sidebar:hover li.active a {
  background: linear-gradient(to bottom, rgba(var(--fontColor), 0.06) 0%, rgba(var(--fontColor), 0.06) 100%), rgba(var(--white), 0.96);
}
.sidebar:hover li:hover a {
  background: linear-gradient(to bottom, rgba(var(--fontColor), 0.12) 0%, rgba(var(--fontColor), 0.12) 100%), rgba(var(--white), 0.96);
  color: rgba(var(--fontColor), 1);
}
.sidebar li a {
  --fontColor: var(--blue);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  width: 100%;
  padding: 0.75rem 1rem;
  margin-bottom: 0.125rem;
  border-radius: 0.5rem;
  backdrop-filter: blur(0.5rem);
  overflow: auto;
  font-size: 0.9375rem;
  color: rgba(var(--dark), 1);
  transition: 200ms ease-out;
}
.sidebar li a i.bi {
  margin: -0.125rem;
  font-size: 1.25rem;
}
.sidebar li a i.bi ~ span {
  margin-left: 1.0625rem;
}
.sidebar li.active a {
  background: linear-gradient(to bottom, rgba(var(--fontColor), 0.12) 0%, rgba(var(--fontColor), 0.12) 100%), rgba(var(--white), 0.96);
  color: rgba(var(--fontColor), 1);
}
.vacancy-top {
  box-shadow: 0 0.125rem 0 0 rgba(var(--light), 1);
}
@media (max-width: 479px) {
  .vacancy-top .info .content {
    padding-bottom: 1rem;
  }
}
.vacancy-head {
  padding: 2.5rem 0 0;
}
.vacancy-head .content {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.vacancy-head .tag {
  font-size: 0.875rem;
  color: rgba(var(--blue), 1);
}
.vacancy-head h1 {
  margin-bottom: 1rem;
}
@media (max-width: 479px) {
  .vacancy-description {
    padding: 1.5rem 0;
  }
}
@media (min-width: 480px) {
  .vacancy-description {
    padding: 2.5rem 0;
  }
}
@media (min-width: 1024px) {
  .vacancy-description {
    padding: 4rem 0 4rem 2.5rem;
  }
}
.vacancy-details {
  width: auto;
  position: relative;
}
@media (max-width: 479px) {
  .vacancy-details {
    margin-bottom: 1rem;
  }
}
.vacancy-details.box {
  max-width: 100%;
  padding: 0.5rem;
  margin: 0 0 0.375rem;
  box-sizing: border-box;
  background: rgba(var(--white), 1);
  border-radius: 0.625rem;
}
@media (min-width: 1024px) {
  .vacancy-details.box {
    margin-top: -1rem;
    padding: 0.5rem 1rem;
  }
}
.vacancy-details li {
  padding: 0.5rem 0.75rem;
}
@media (min-width: 768px) {
  .vacancy-details li {
    padding: 0.75rem 1rem;
  }
}
@media (min-width: 1024px) {
  .vacancy-details li {
    padding: 1rem 2rem;
  }
}
@media (max-width: 479px) {
  .vacancy-details li {
    width: 50%;
  }
  .vacancy-details li.apply {
    width: 100%;
  }
  .vacancy-details li.apply .button {
    text-align: center;
    width: 100%;
  }
  .vacancy-details li.apply .button span {
    width: 100%;
  }
}
.vacancy-details li span.key {
  opacity: 0.64;
}
.vacancy-details li span.value {
  font-size: 1.25rem;
  opacity: 1;
}
.vacancy-details li i.bi {
  margin-right: 1.5rem;
  font-size: 1.75rem;
}
.vacancy-details li.apply {
  padding: 0.5rem;
  flex-grow: 2;
}
.vacancy-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
  border-radius: 1rem;
}
.vacancy-item + .vacancy-item {
  margin-top: 4rem;
}
.vacancy-item:hover {
  background: rgba(var(--fontColor), 0.08);
}
.vacancy-item:hover h1 {
  text-decoration: underline;
}
.vacancy-item figure {
  max-width: 16rem;
}
.vacancy-item figure img {
  border-radius: 0.5rem;
}
.vacancy-item .inner {
  padding: 0.5rem 2.5rem;
}
.vacancy-item .inner ul {
  margin: 0 -0.5rem;
}
@media (min-width: 768px) {
  .vacancy-item .inner ul li + li {
    margin-left: 1rem;
  }
}
.vacancy-item .inner h1 {
  margin: 0 0 1rem;
  font-weight: 600;
  font-size: 1.5rem;
}
.vacancy-page .block-intro {
  display: flex;
  flex-flow: column nowrap;
}
.vacancy-page .block-intro span {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.vacancy-page .block-intro h1._dot {
  font-size: 2rem;
  line-height: 128%;
}
.vacancy-page .vacancy-image img {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  overflow: hidden;
}
.vacancy-stats {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.vacancy-stats li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 0.5rem 1rem;
  color: rgba(var(--fontColor), 1);
}
.vacancy-stats li i.bi {
  margin-right: 1rem;
  font-size: 2rem;
}
.vacancy-stats li .inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}
.vacancy-stats li .inner span {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  color: inherit;
}
.vacancy-stats li .inner span:last-child {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
.stakeholder .button {
  margin-top: 1rem;
  transition: none !important;
}
.stakeholder-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}
.stakeholder-container.reverse-order {
  flex-direction: row-reverse;
}
.stakeholder-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.stakeholder-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  box-sizing: border-box;
}
@media (min-width: 480px) {
  .stakeholder-content {
    width: calc(66.6666666667% + 2rem);
    margin: -0.5rem;
  }
}
@media (min-width: 768px) {
  .stakeholder-content {
    width: calc(66.6666666667% + 2rem);
    margin: -1rem;
  }
}
.stakeholder-content .item {
  display: flex;
  max-width: 50%;
  width: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
  color: rgba(var(--dark), 1);
}
@media (max-width: 479px) {
  .stakeholder-content .item {
    width: 100%;
    max-width: 100%;
    padding: 0 0 1rem;
  }
}
@media (min-width: 768px) {
  .stakeholder-content .item {
    padding: 1rem;
  }
}
.stakeholder-content .item .stakeholder {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  padding: 2.5rem 2rem 1rem;
  border-radius: 2rem;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 0.0625rem rgba(var(--dark), 0.2);
}
.stakeholder-content .item .stakeholder h1 {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  line-height: 116%;
}
@media (max-width: 479px) {
  .stakeholder-content .item .stakeholder h1 {
    margin-bottom: 1rem;
    font-size: 1.75rem;
  }
}
@media (max-width: 479px) {
  .stakeholder-content .item .stakeholder {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 1rem 1.5rem 0.5rem;
    border-radius: 1rem;
  }
  .stakeholder-content .item .stakeholder h1._dot {
    margin: 0.375rem 0 1rem;
  }
}
.stakeholder-content .item .stakeholder .icon {
  width: 3rem;
  height: 3rem;
  font-size: 2.5rem;
  margin: 0 0 3rem;
}
@media (max-width: 479px) {
  .stakeholder-content .item .stakeholder .icon {
    width: 2rem;
    height: auto;
    margin: 0.5rem 1.25rem 0 0;
  }
}
.stakeholder-content .item:hover .stakeholder {
  --fontColor: var(--white);
  background: rgba(var(--accent), 1);
  box-shadow: inset 0 0 0 0.125rem rgba(var(--dark), 0);
  color: rgba(var(--white), 1);
}
.stakeholder-content .item:hover .stakeholder p {
  color: rgba(var(--white), 1);
}
.stakeholder-content .item:hover .stakeholder .icon {
  color: rgba(var(--white), 1);
}
.stakeholder-content .item:hover .stakeholder .button * {
  color: rgba(var(--white), 1);
}
@media (max-width: 479px) {
  .stakeholder-slider {
    display: none;
  }
}
@media (min-width: 480px) {
  .stakeholder-slider {
    width: calc(33.3333333333% - 32px);
    position: relative;
  }
}
.stakeholder-slider canvas {
  width: 100%;
  height: 100% !important;
  border-radius: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.stakeholder-slider {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 2rem;
  position: relative;
}
.stakeholder-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  opacity: 0;
  transition: 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
  filter: blur(5rem);
  transform: scale(0);
  pointer-events: none;
  z-index: 5;
}
.stakeholder-slider img.active {
  opacity: 1;
  transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(1);
  filter: blur(0);
  z-index: 10;
}
.stakeholder-slider img.active + img {
  opacity: 0;
  transition: 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
  filter: blur(5rem);
  transform: scale(10);
  z-index: 6;
}
.tags {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.tags .tag {
  padding: 0.375rem 0.75rem;
  border-radius: 2rem;
  background: rgba(var(--fontColor), 0.12);
  line-height: 100%;
  white-space: nowrap;
  font-size: 0.875rem;
  color: rgba(var(--fontColor), 1);
}
.call-to-action {
  position: relative;
}
.call-to-action figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.call-to-action figure img {
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  filter: grayscale(100%);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.16;
  object-fit: cover;
}
.call-to-action .content {
  text-align: center;
  margin-bottom: 1.5rem;
}
.call-to-action .content p {
  font-size: 1.375rem;
}
.team-top {
  padding-bottom: 4rem;
}
.team-slider {
  width: 100%;
}
.team-slider .swiper {
  overflow: visible !important;
}
.team-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}
.team-slider .swiper-slide {
  width: auto;
  max-width: 21.5rem;
  height: 100%;
}
.team-slider .swiper-slide:hover .member {
  background: rgba(var(--backColor), 1);
  box-shadow: 0 1rem 2rem rgba(var(--fontColor), 0.24);
  transform: translateY(-0.25rem);
}
.team-slider .swiper-slide:hover .member .inner {
  background: linear-gradient(to top, rgba(var(--backColor), 1) 0%, rgba(var(--backColor), 0) 80%);
  color: rgba(var(--fontColor), 1);
}
.team-slider .swiper-slide .member {
  display: flex;
  cursor: pointer;
  min-width: 20rem;
  min-height: 24rem;
  background: rgba(var(--fontColor), 1);
  border-radius: 2.5rem;
  overflow: hidden;
  position: relative;
  transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 479px) {
  .team-slider .swiper-slide .member {
    min-width: 15rem;
    min-height: unset;
  }
}
.team-slider .swiper-slide .member figure {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 479px) {
  .team-slider .swiper-slide .member figure {
    max-width: 15rem;
    padding: 140% 0 0;
  }
}
.team-slider .swiper-slide .member figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 479px) {
  .team-slider .swiper-slide .member figure img {
    position: absolute;
  }
}
.team-slider .swiper-slide .member .inner {
  width: 100%;
  padding: 4rem 2rem 2.25rem;
  box-sizing: border-box;
  border-radius: 0 0 2.5rem 2.5rem;
  background: linear-gradient(to top, rgba(var(--fontColor), 1) 20%, rgba(var(--fontColor), 0) 100%);
  color: rgba(var(--backColor), 1);
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 479px) {
  .team-slider .swiper-slide .member .inner {
    padding: 0 0 2rem 1.5rem;
  }
}
.team-slider .swiper-slide .member .inner h1 {
  margin: 0 0 0.5rem;
  font-size: 1.625rem;
}
.team-slider .swiper-slide .member .inner span {
  font-weight: 400;
  font-size: 1rem;
}
.team-slider .swiper-slide .member .profile {
  width: 8rem;
  height: 8rem;
  border-radius: 4rem;
}
.socials {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 -0.625rem;
}
.socials:hover a {
  opacity: 0.4;
}
.socials:hover a:hover {
  opacity: 1;
}
.socials li {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.socials li + li {
  margin-left: 0.25rem;
}
.socials a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  padding: 0.625rem;
  box-shadow: inset 0 -2px 5px rgba(var(--fontColor), 0.64), 0 5px 10px rgba(var(--fontColor), 0.2), 0 0 0.125rem rgba(var(--fontColor), 0);
  background: rgba(var(--fontColor), 0);
  border-radius: 3rem;
  transition: 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.socials a:hover {
  background: rgba(var(--fontColor), 0.24);
  box-shadow: inset 0 -2px 5px rgba(var(--fontColor), 0.64), 0 5px 10px rgba(var(--fontColor), 0.2), 0 0 0 0.5rem rgba(var(--fontColor), 0.08);
}
.socials a svg {
  width: 1.5rem;
  height: auto;
  color: rgba(var(--fontColor), 1);
}
.account-page .cols .col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.hover-effect {
  position: relative;
  z-index: 100;
}