@font-face {
  font-family: NotoSans;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/NotoSans-SemiBold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: NotoSans;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSans-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: NotoSans;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSans-Regular.woff2") format("woff2");
  font-display: swap;
}

:root {
  --body-bg: #182133;
  --body-color: #fff;
  --main-color-1: #092556;
  --main-color-2: #283a5f;
  --main-color-3: #0d337e;
  --main-color-4: #c8d2e0;
  --accent-color-1: #d72638;
  --accent-color-2: #0f58d8;
  --accent-color-3: #516285;
  --accent-color-4: #ffbc00;
  --success-color: #35d52c;
  --warning-color: #d52c2f;
  --container-width: 1368px;
  --border-radius: 8px;
  --btn-border-radius: var(--border-radius);
  --space-section: 2.5rem;
  --spacing-block: 1rem;
  --spacing-text: 0.5rem;
  --heading-1: 2.5rem;
  --heading-2: 2.125rem;
  --heading-3: 1.875rem;
  --heading-4: 1.625rem;
  --heading-5: 1.25rem;
  --heading-6: 1rem;
  --z-index-overlay: 10;
  --z-index-modal: 11;
  --z-index-header: 12;
}

@media (min-width: 740px) {
  :root {
    --container-padding: 1.5rem;
  }
}
@media (max-width: 739.98px) {
  :root {
    --container-padding: 1rem;
  }
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  background-color: var(--main-color-1);
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--black);
}

@-moz-document url-prefix() {
  html,
  body {
    scrollbar-width: thin;
    scrollbar-color: var(--main-color-1) var(--body-bg);
  }
}
::selection {
  color: var(--body-color);
  background-color: var(--main-color-1);
}

:-moz-focusring {
  outline: none;
}

:focus-visible {
  outline: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 360px;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  font-family: NotoSans, sans-serif;
  font-weight: 400;
  line-height: normal;
  color: var(--body-color);
  word-wrap: break-word;
  overflow-wrap: wrap;
  background: var(--body-bg);
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 740px) {
  body {
    font-size: 1rem;
  }
}
@media (max-width: 739.98px) {
  body {
    font-size: 0.875rem;
  }
}
body:has(dialog[open]) {
  overflow: hidden;
}

p {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 250ms ease-in-out;
}

button {
  padding: 0;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: none;
}
button:not(:disabled) {
  cursor: pointer;
}

:disabled,
[disabled],
.disabled {
  pointer-events: none;
  cursor: default;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  appearance: button;
}

[type="search"]::-webkit-search-cancel-button {
  appearance: none;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input,
textarea {
  width: 100%;
  margin: 0;
  font: inherit;
  color: inherit;
  border: none;
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:focus-visible {
  background-color: transparent !important;
  transition: background-color 5000000s ease-in-out 0s,
    color 5000000s ease-in-out 0s !important;
}

input::-webkit-contacts-auto-fill-button {
  position: absolute !important;
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

ul[class],
ol[class] {
  list-style: none;
}

img,
svg,
video,
iframe {
  display: block;
  max-width: 100%;
  user-select: none;
}

img {
  height: auto;
  font-size: 0.5em;
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: normal;
}

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 500;
}

h1:not([class], :last-child),
h2:not([class], :last-child),
h3:not([class], :last-child) {
  margin-bottom: calc(var(--spacing-text) * 1.5);
}

h1 {
  font-size: var(--heading-1);
  font-weight: 600;
}

h2:not([class], :first-child) {
  margin-top: min(2em, var(--space-section));
}

h3:not([class], :first-child),
h4:not([class], :first-child),
h5:not([class], :first-child),
h6:not([class], :first-child) {
  margin-top: min(2em, var(--spacing-block));
}

h4:not([class], :last-child),
h5:not([class], :last-child),
h6:not([class], :last-child) {
  margin-bottom: var(--spacing-text);
}

h2,
.h2 {
  font-size: var(--heading-2);
}

h3,
.h3 {
  font-size: var(--heading-3);
}

h4,
.h4 {
  font-size: var(--heading-4);
}

h5,
.h5 {
  font-size: var(--heading-5);
}

h6,
.h6 {
  font-size: var(--heading-6);
}

small,
.small {
  --spacing-text: 0.25rem;
  font-size: 0.875rem;
  font-weight: 400;
}

.container {
  width: min(100%, var(--container-width) + var(--container-padding) * 2);
  padding-inline: var(--container-padding);
  margin-inline: auto;
}

#footer {
  margin-top: auto;
}

#overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-index-overlay);
  visibility: hidden;
  background-color: #000;
  opacity: 0;
  transition: all 250ms ease-in-out;
  transform: translateZ(0);
}
#overlay.show {
  visibility: visible;
  opacity: 0.6;
}

button svg {
  pointer-events: none;
}

.btn {
  display: grid;
  grid-auto-flow: column;
  column-gap: 0.5rem;
  place-items: center;
  justify-content: center;
  min-width: min(100%, 5.5rem);
  font-weight: 600;
  line-height: normal;
  color: var(--_btn-color);
  text-align: center;
  white-space: nowrap;
  user-select: none;
  background-color: var(--_btn-bg);
  border-radius: var(--border-radius);
  transition: all 250ms ease-in-out;
}
.btn:hover,
.btn:focus-visible {
  opacity: 0.8;
}
@media (min-width: 740px) {
  .btn {
    padding: 16px 44px;
    font-size: 16px;
  }
}
@media (max-width: 739.98px) {
  .btn {
    padding: 12px 24px;
    font-size: 14px;
  }
  .btn svg {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 740px) {
  .btn.btn--iconLeft {
    padding-inline-start: 36px;
  }
}
@media (max-width: 739.98px) {
  .btn.btn--iconLeft {
    padding-inline-start: 16px;
  }
}
@media (min-width: 740px) {
  .btn.btn--iconRight {
    padding-inline-end: 36px;
  }
}
@media (max-width: 739.98px) {
  .btn.btn--iconRight {
    padding-inline-end: 16px;
  }
}
@media (min-width: 740px) {
  .btn--sm {
    padding: 12px 24px;
    font-size: 14px;
  }
  .btn--sm svg {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 740px) {
  .btn--sm.btn--iconLeft {
    padding-inline-start: 16px;
  }
}
@media (min-width: 740px) {
  .btn--sm.btn--iconRight {
    padding-inline-end: 16px;
  }
}
.btn--primary {
  --_btn-bg: var(--btn-primary-bg, var(--accent-color-1));
  --_btn-color: var(--btn-primary-color, var(--white));
}
.btn--secondary {
  --_btn-bg: var(--btn-secondary-bg, var(--accent-color-2));
  --_btn-color: var(--btn-secondary-color, var(--white));
}
.btn--tertiary {
  --_btn-bg: var(--btn-tertiary-bg, var(--accent-color-3));
  --_btn-color: var(--btn-tertiary-color, var(--white));
}
.btn.disabled,
.btn:disabled,
.btn[disabled] {
  --_btn-color: var(--btn-disabled-color, var(--black));
  --_btn-bg: var(--btn-disabled-bg, var(--main-color-4));
}
.btn-group {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 740px) {
  .btn-group {
    gap: 1rem;
    width: fit-content;
    margin-inline: auto;
  }
}
@media (max-width: 739.98px) {
  .btn-group {
    gap: 0.75rem;
  }
  .btn-group > * {
    flex-grow: 1;
    min-width: fit-content;
  }
}
.btn-content {
  margin-inline: auto;
}
@media (min-width: 740px) {
  .btn-content {
    width: fit-content;
  }
}
@media (max-width: 739.98px) {
  .btn-content {
    width: min(100%, 420px);
  }
}
.btn-content:not(:first-child) {
  margin-top: var(--spacing-block);
}
.btn-content:not(:last-child) {
  margin-bottom: var(--spacing-block);
}
.custom-main a:not([class]),
.custom-main a.brx-child-node {
  color: var(--accent-color-4);
  text-decoration: none;
}
.custom-main a:not([class]):hover,
.custom-main a:not([class]):focus-visible,
.custom-main a.brx-child-node:hover,
.custom-main a.brx-child-node:focus-visible {
  opacity: 0.8;
}
.custom-main ul:not([class]),
.custom-main ol:not([class]),
.custom-main ul.brx-child-node,
.custom-main ol.brx-child-node {
  --marker-size: var(--list-icon-size, 1.5em);
  --column-gap: 0.5em;
  display: grid;
  row-gap: var(--spacing-text);
  padding: 0;
  margin: 0;
  list-style: none;
}
.custom-main ul:not([class]) li,
.custom-main ol:not([class]) li,
.custom-main ul.brx-child-node li,
.custom-main ol.brx-child-node li {
  position: relative;
  align-content: center;
  min-height: var(--marker-size);
  padding-inline-start: calc(var(--marker-size) + var(--column-gap));
}
.custom-main ul:not([class]) li::before,
.custom-main ol:not([class]) li::before,
.custom-main ul.brx-child-node li::before,
.custom-main ol.brx-child-node li::before {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: var(--marker-size);
  height: var(--marker-size);
  color: var(--white);
  background-color: var(--list-icon-color, var(--accent-color-2));
  border-radius: var(--list-icon-radius, var(--border-radius));
}
.custom-main ul:not([class]) li ul:not([class]),
.custom-main ul:not([class]) li ol:not([class]),
.custom-main ul:not([class]) li ul.brx-child-node,
.custom-main ul:not([class]) li ol.brx-child-node,
.custom-main ol:not([class]) li ul:not([class]),
.custom-main ol:not([class]) li ol:not([class]),
.custom-main ol:not([class]) li ul.brx-child-node,
.custom-main ol:not([class]) li ol.brx-child-node,
.custom-main ul.brx-child-node li ul:not([class]),
.custom-main ul.brx-child-node li ol:not([class]),
.custom-main ul.brx-child-node li ul.brx-child-node,
.custom-main ul.brx-child-node li ol.brx-child-node,
.custom-main ol.brx-child-node li ul:not([class]),
.custom-main ol.brx-child-node li ol:not([class]),
.custom-main ol.brx-child-node li ul.brx-child-node,
.custom-main ol.brx-child-node li ol.brx-child-node {
  padding-inline-start: 40px;
}
.custom-main ul:not([class]) ul:not([class]),
.custom-main ul:not([class]) ol:not([class]),
.custom-main ul:not([class]) ul.brx-child-node,
.custom-main ul:not([class]) ol.brx-child-node,
.custom-main ol:not([class]) ul:not([class]),
.custom-main ol:not([class]) ol:not([class]),
.custom-main ol:not([class]) ul.brx-child-node,
.custom-main ol:not([class]) ol.brx-child-node,
.custom-main ul.brx-child-node ul:not([class]),
.custom-main ul.brx-child-node ol:not([class]),
.custom-main ul.brx-child-node ul.brx-child-node,
.custom-main ul.brx-child-node ol.brx-child-node,
.custom-main ol.brx-child-node ul:not([class]),
.custom-main ol.brx-child-node ol:not([class]),
.custom-main ol.brx-child-node ul.brx-child-node,
.custom-main ol.brx-child-node ol.brx-child-node {
  margin-top: var(--spacing-text);
}
.custom-main ul:not([class]) ul:not([class]) li,
.custom-main ul:not([class]) ol:not([class]) li,
.custom-main ul:not([class]) ul.brx-child-node li,
.custom-main ul:not([class]) ol.brx-child-node li,
.custom-main ol:not([class]) ul:not([class]) li,
.custom-main ol:not([class]) ol:not([class]) li,
.custom-main ol:not([class]) ul.brx-child-node li,
.custom-main ol:not([class]) ol.brx-child-node li,
.custom-main ul.brx-child-node ul:not([class]) li,
.custom-main ul.brx-child-node ol:not([class]) li,
.custom-main ul.brx-child-node ul.brx-child-node li,
.custom-main ul.brx-child-node ol.brx-child-node li,
.custom-main ol.brx-child-node ul:not([class]) li,
.custom-main ol.brx-child-node ol:not([class]) li,
.custom-main ol.brx-child-node ul.brx-child-node li,
.custom-main ol.brx-child-node ol.brx-child-node li {
  min-height: unset;
  padding-inline-start: 0;
}
.custom-main ul:not([class]) ul:not([class]) li::before,
.custom-main ul:not([class]) ol:not([class]) li::before,
.custom-main ul:not([class]) ul.brx-child-node li::before,
.custom-main ul:not([class]) ol.brx-child-node li::before,
.custom-main ol:not([class]) ul:not([class]) li::before,
.custom-main ol:not([class]) ol:not([class]) li::before,
.custom-main ol:not([class]) ul.brx-child-node li::before,
.custom-main ol:not([class]) ol.brx-child-node li::before,
.custom-main ul.brx-child-node ul:not([class]) li::before,
.custom-main ul.brx-child-node ol:not([class]) li::before,
.custom-main ul.brx-child-node ul.brx-child-node li::before,
.custom-main ul.brx-child-node ol.brx-child-node li::before,
.custom-main ol.brx-child-node ul:not([class]) li::before,
.custom-main ol.brx-child-node ol:not([class]) li::before,
.custom-main ol.brx-child-node ul.brx-child-node li::before,
.custom-main ol.brx-child-node ol.brx-child-node li::before {
  display: none;
}
.custom-main ul:not([class]) ul:not([class]) li,
.custom-main ul:not([class]) ul.brx-child-node li,
.custom-main ol:not([class]) ul:not([class]) li,
.custom-main ol:not([class]) ul.brx-child-node li,
.custom-main ul.brx-child-node ul:not([class]) li,
.custom-main ul.brx-child-node ul.brx-child-node li,
.custom-main ol.brx-child-node ul:not([class]) li,
.custom-main ol.brx-child-node ul.brx-child-node li {
  list-style-type: circle;
}
.custom-main ul:not([class]) ol:not([class]) li,
.custom-main ul:not([class]) ol.brx-child-node li,
.custom-main ol:not([class]) ol:not([class]) li,
.custom-main ol:not([class]) ol.brx-child-node li,
.custom-main ul.brx-child-node ol:not([class]) li,
.custom-main ul.brx-child-node ol.brx-child-node li,
.custom-main ol.brx-child-node ol:not([class]) li,
.custom-main ol.brx-child-node ol.brx-child-node li {
  list-style-type: numeric;
}
.custom-main ul:not([class]) > ul:not([class]),
.custom-main ul:not([class]) > ol:not([class]),
.custom-main ul:not([class]) > ul.brx-child-node,
.custom-main ul:not([class]) > ol.brx-child-node,
.custom-main ol:not([class]) > ul:not([class]),
.custom-main ol:not([class]) > ol:not([class]),
.custom-main ol:not([class]) > ul.brx-child-node,
.custom-main ol:not([class]) > ol.brx-child-node,
.custom-main ul.brx-child-node > ul:not([class]),
.custom-main ul.brx-child-node > ol:not([class]),
.custom-main ul.brx-child-node > ul.brx-child-node,
.custom-main ul.brx-child-node > ol.brx-child-node,
.custom-main ol.brx-child-node > ul:not([class]),
.custom-main ol.brx-child-node > ol:not([class]),
.custom-main ol.brx-child-node > ul.brx-child-node,
.custom-main ol.brx-child-node > ol.brx-child-node {
  padding-inline-start: calc(var(--marker-size) + var(--column-gap) + 40px);
  margin-top: 0;
}
.custom-main ul:not([class]) li::before,
.custom-main ul.brx-child-node li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='m17.5 5.83-10 10-4.58-4.58 1.17-1.18 3.41 3.4 8.82-8.81 1.18 1.17Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(100% - 0.25em) calc(100% - 0.25em);
}
.custom-main ol:not([class]),
.custom-main ol.brx-child-node {
  counter-reset: list;
}
.custom-main ol:not([class]) li,
.custom-main ol.brx-child-node li {
  counter-increment: list;
}
.custom-main ol:not([class]) li::before,
.custom-main ol.brx-child-node li::before {
  font-weight: 600;
  line-height: 1;
  content: counter(list) ".";
}
.custom-main p:not([class]),
.custom-main p.brx-child-node,
.custom-main ul:not([class]),
.custom-main ul.brx-child-node,
.custom-main ol:not([class]),
.custom-main ol.brx-child-node {
  color: var(--body-color);
}
.custom-main p:not([class], :first-child),
.custom-main p.brx-child-node,
.custom-main ul:not([class], :first-child),
.custom-main ul.brx-child-node,
.custom-main ol:not([class], :first-child),
.custom-main ol.brx-child-node {
  margin-top: var(--spacing-text);
}
.custom-main p:not([class], :last-child),
.custom-main p.brx-child-node,
.custom-main ul:not([class], :last-child),
.custom-main ul.brx-child-node,
.custom-main ol:not([class], :last-child),
.custom-main ol.brx-child-node {
  margin-bottom: var(--spacing-text);
}

.main-content:not(:first-child) {
  margin-top: var(--space-section);
}
.main-content:not(:last-child) {
  margin-bottom: var(--space-section);
}
.main-content > div:not(.spacer, :first-child) {
  margin-top: var(--spacing-block);
}
.main-content > div:not(.spacer, :last-child) {
  margin-bottom: var(--spacing-block);
}