/* ================== Notes ================== */

/*

  - PascalCase usage in custom properties names are directly related to Figma names on styles
  - Figma present 5 headings level, it is reported to h1 > h5 and add new class names based on typography heading names
  - In Overrides section, respect top header to bottom footer order
  - …

*/

/* ================== TOC ================== */

/*

- Fonts
- Initialisations
- Headings
- Basic typography tags
- Monospace tags
- Own new classes
- Legacy classes overrides
  - Global existing overrides
  - Mediaqueries
    - Mediaqueries - Mobile first
    - Mediaqueries - Tablet
    - Mediaqueries - Desktop

*/

/* ================== Fonts ================== */

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/space-grotesk-latin-400-normal.woff2) format('woff2'),
  url(./fonts/space-grotesk-latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/space-grotesk-latin-700-normal.woff2) format('woff2'),
  url(./fonts/space-grotesk-latin-700-normal.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/inter-latin-400-normal.woff2) format('woff2'),
  url(./fonts/inter-latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/inter-latin-700-normal.woff2) format('woff2'),
  url(./fonts/inter-latin-700-normal.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
  U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
  U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'JetBrains';
  font-style: normal;
  src: url('./fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

/* ================== Initialisations ================== */

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

* {
  font-family: inherit; /* Overwriting the old  : "* { font-family: Arial }"  */
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body,
html {
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100svh;
  text-align: start;
  gap: var(--space-6);

  color: var(--color-NeutralStrong);
  font-family: var(--typography-Body-font-family);
  font-size: var(--typography-Body-font-size);
  font-weight: var(--typography-Body-font-weight);
  line-height: var(--typography-Body-line-height);

  /* fixed header compensation */
  padding-top: 85px;

  overflow-x: hidden
}

@media (min-width: 600px) {

  body {
    gap: var(--space-7);
  }
}

@media (min-width: 1024px) {

  body {
    gap: var(--space-8);
  }
}

body:has(#content) {
  overflow-x: auto;
}

body svg.gradient {
  position: absolute;
  -webkit-filter: blur(240px);
  filter: blur(240px);
  -webkit-transform: rotate(-36deg);
  -ms-transform: rotate(-36deg);
  transform: rotate(-36deg);
  top: -35rem;
  right: -45rem;
  z-index: -1;
}

/* ==== Headings ==== */

h1,
h2 {
  padding: var(--space-2) var(--space-0);
}

h3,
h4,
h5,
h6 {
  padding: var(--space-1) var(--space-0);
}

h1,
h1 a,
.HeadingLarge {
  font-family: var(--typography-HeadingLarge-font-family);
  font-size: var(--typography-HeadingLarge-font-size);
  font-weight: var(--typography-HeadingLarge-font-weight);
  line-height: var(--typography-HeadingLarge-line-height);
}

h2,
h2 a,
.Heading {
  font-family: var(--typography-Heading-font-family);
  font-size: var(--typography-HeadingSmall-font-size);
  font-weight: var(--typography-Heading-font-weight);
  line-height: var(--typography-Heading-line-height)
}

@media screen and (min-width: 600px) {

  h2,
  h2 a,
  .Heading {
    font-size: var(--typography-Heading-font-size);
  }
}

h3,
h3 a,
.HeadingSmall {
  font-family: var(--typography-HeadingSmall-font-family);
  font-size: var(--typography-HeadingSmall-font-size);
  font-weight: var(--typography-HeadingSmall-font-weight);
  line-height: var(--typography-HeadingSmall-line-height);
}

h4,
h4 a,
.Headline {
  font-family: var(--typography-Headline-font-family);
  font-size: var(--typography-Headline-font-size);
  font-weight: var(--typography-Headline-font-weight);
  line-height: var(--typography-Headline-line-height);
}

h5,
h5 a,
.Title {
  font-family: var(--typography-Title-font-family);
  font-size: var(--typography-Title-font-size);
  font-weight: var(--typography-Title-font-weight);
  line-height: var(--typography-Title-line-height);
}

/* ==== Basic typography tags */
b,
strong {
  font-family: var(--typography-BodyStrong-font-family);
  font-size: var(--typography-BodyStrong-font-size);
  font-weight: var(--typography-BodyStrong-font-weight);
  line-height: var(--typography-BodyStrong-line-height);
}

small {
  font-family: var(--typography-BodySmall-font-family);
  font-size: var(--typography-BodySmall-font-size);
  font-weight: var(--typography-BodySmall-font-weight);
  line-height: var(--typography-BodySmall-line-height);
}

/* ==== Monospace tags ==== */
pre,
code {
  font-family: var(--font-family-jetbrains);
  font-size: var(--typography-Body-font-size);
  font-weight: var(--typography-Body-font-weight);
  line-height: var(--typography-Body-line-height);
}

/* ================== Own new classes ================== */

.Body {
  font-family: var(--typography-Body-font-family);
  font-size: var(--typography-Body-font-size);
  font-weight: var(--typography-Body-font-weight);
  line-height: var(--typography-Body-line-height);
}

.BodyStrong {
  font-family: var(--typography-BodyStrong-font-family);
  font-size: var(--typography-BodyStrong-font-size);
  font-weight: var(--typography-BodyStrong-font-weight);
  line-height: var(--typography-BodyStrong-line-height);
}

.BodySmall {
  font-family: var(--typography-BodySmall-font-family);
  font-size: var(--typography-BodySmall-font-size);
  font-weight: var(--typography-BodySmall-font-weight);
  line-height: var(--typography-BodySmall-line-height);
}

.BodySmallStrong {
  font-family: var(--typography-BodySmallStrong-font-family);
  font-size: var(--typography-BodySmallStrong-font-size);
  font-weight: var(--typography-BodySmallStrong-font-weight);
  line-height: var(--typography-BodySmallStrong-line-height);
}

.BodyXSmall {
  font-family: var(--typography-BodyXSmall-font-family);
  font-size: var(--typography-BodyXSmall-font-size);
  font-weight: var(--typography-BodyXSmall-font-weight);
  line-height: var(--typography-BodyXSmall-line-height);
}

.BodyXSmallStrong {
  font-family: var(--typography-BodyXSmallStrong-font-family);
  font-size: var(--typography-BodyXSmallStrong-font-size);
  font-weight: var(--typography-BodyXSmallStrong-font-weight);
  line-height: var(--typography-BodyXSmallStrong-line-height);
}

.bmn-cookieBanner {
  z-index: 10;
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--space-4) var(--space-5);
  background-color: var(--color-PrimaryLight);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-3);
  text-align: left
}

@media screen and (min-width: 720px) {

  .bmn-cookieBanner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.bmn-cookieBanner::before {
  content: '';
  position: absolute;
  top: calc(-100vh + 100%);
  left: 0;
  right: 0;
  bottom: 100%;
  background: rgba(63, 66, 80, 0.4);
  z-index: -1;
}

.bmn-cookieBanner .Headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-1);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  padding-top: 0;
}

.bmn-cookieBanner .Headline svg {
  display: block;
  height: 32px;
  width: 32px;
}

.bmn-container {
  --container-padding: 1rem;

  max-width: calc(var(--container-width) + var(--container-padding) * 2);
  width: 100%;
  padding: 0 var(--container-padding);
  margin: 0 auto
}

@media (min-width: 600px) {

  .bmn-container {
    --container-padding: 2.5rem;
  }
}

@media (min-width: 1024px) {

  .bmn-container {
    --container-padding: 5rem;
  }
}

.bmn-cookieBanner__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-2);
}

.bmn-cookieBanner--closed {
  display: none;
}

.bmn-link {
  color: var(--color-NeutralStrong);
  text-decoration: none;
  font-weight: var(--font-weight-bold)
}

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

.bmn-link.secondary {
  color: var(--color-Primary);
  text-decoration: underline
}

.bmn-link.secondary:hover {
  color: var(--color-PrimaryStrong);
}

.bmn-link.bmn-arrow-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-Primary);
  -webkit-transition: text-decoration-color 250ms ease-out 0s;
  transition: text-decoration-color 250ms ease-out 0s
}

.bmn-link.bmn-arrow-link:hover {
  color: var(--color-PrimaryStrong);
  text-decoration: underline
}

.bmn-link.bmn-arrow-link:hover::after {
  -webkit-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
  transform: translateX(-4px);
}

.bmn-link.bmn-arrow-link::after {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ljk2MzU2IDYuNTYzNjVDOS4zMTUwMyA2LjIxMjE4IDkuODg0ODggNi4yMTIxOCAxMC4yMzYzIDYuNTYzNjVMMTUuMzM2MyAxMS42NjM3QzE1LjY4NzggMTIuMDE1MSAxNS42ODc4IDEyLjU4NSAxNS4zMzYzIDEyLjkzNjRMMTAuMjM2MyAxOC4wMzY0QzkuODg0ODggMTguMzg3OSA5LjMxNTAzIDE4LjM4NzkgOC45NjM1NiAxOC4wMzY0QzguNjEyMDggMTcuNjg1IDguNjEyMDggMTcuMTE1MSA4Ljk2MzU2IDE2Ljc2MzdMMTMuNDI3MiAxMi4zTDguOTYzNTYgNy44MzY0NEM4LjYxMjA4IDcuNDg0OTcgOC42MTIwOCA2LjkxNTEyIDguOTYzNTYgNi41NjM2NVoiIGZpbGw9IiM4QzQwRUYiLz4KPC9zdmc+Cg==');
  display: inline-block;
  margin-left: var(--space-1);
  width: 24px;
  height: 24px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.bmn-primary-button {
  background: var(--color-Primary);
  color: var(--color-White);
  padding: 0.5rem 1rem;
  border: none;
  border-radius: var(--radii-xxlarge);
  cursor: pointer;
  font-weight: var(--font-weight-bold);
  line-height: var(--unitless-line-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2.5rem;
  font-family: inherit;
  font-size: var(--typography-Body-font-size)
}

.bmn-primary-button:hover {
  background: var(--color-PrimaryStrong);
  color: var(--color-White);
}

.bmn-primary-button:active, .bmn-primary-button:focus, .bmn-primary-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(121, 45, 212, 0.2);
}

.bmn-primary-button.bmn-arrow-button {
  padding: 1rem 1.5rem;
  font-weight: var(--font-weight-bold)
}

.bmn-primary-button.bmn-arrow-button::after {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi43MDcxIDYuMjkyODlDMTIuMzE2NiA1LjkwMjM3IDExLjY4MzQgNS45MDIzNyAxMS4yOTI5IDYuMjkyODlDMTAuOTAyNCA2LjY4MzQyIDEwLjkwMjQgNy4zMTY1OCAxMS4yOTI5IDcuNzA3MTFMMTQuNTg1OCAxMUw3IDExQzYuNDQ3NzIgMTEgNiAxMS40NDc3IDYgMTJDNiAxMi41NTIzIDYuNDQ3NzIgMTMgNyAxM0wxNC41ODU4IDEzTDExLjI5MjkgMTYuMjkyOUMxMC45MDI0IDE2LjY4MzQgMTAuOTAyNCAxNy4zMTY2IDExLjI5MjkgMTcuNzA3MUMxMS42ODM0IDE4LjA5NzYgMTIuMzE2NiAxOC4wOTc2IDEyLjcwNzEgMTcuNzA3MUwxNy43MDYyIDEyLjcwOEMxNy43MDg3IDEyLjcwNTUgMTcuNzExMiAxMi43MDMgMTcuNzEzNiAxMi43MDA1QzE3Ljg5MDEgMTIuNTIwOCAxNy45OTkyIDEyLjI3NDYgMTggMTIuMDAzQzE4IDEyLjAwMiAxOCAxMi4wMDEgMTggMTJDMTggMTEuOTk5IDE4IDExLjk5OCAxOCAxMS45OTdDMTcuOTk5NiAxMS44NjI1IDE3Ljk3MjcgMTEuNzM0MyAxNy45MjQxIDExLjYxNzJDMTcuODc1MyAxMS40OTkzIDE3LjgwMyAxMS4zODg4IDE3LjcwNzEgMTEuMjkyOUwxMi43MDcxIDYuMjkyODlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
  display: inline-block;
  margin-left: var(--space-1);
  width: 24px;
  height: 24px;
}

.bmn-secondary-button {
  background-color: transparent;
  color: var(--color-NeutralStrong);
  padding: 0.5rem 1rem;
  border: solid 1px var(--color-NeutralWeak);
  border-radius: var(--radii-xxlarge);
  cursor: pointer;
  font-weight: var(--font-weight-bold);
  line-height: var(--unitless-line-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2.5rem
}

@media screen and (min-width: 600px) {

  .bmn-secondary-button {
    padding: 0.5rem 2rem;
  }
}

.bmn-secondary-button:hover {
  border-color: var(--color-PrimaryStrong);
  color: var(--color-PrimaryStrong);
}

.bmn-secondary-button:active, .bmn-secondary-button:focus, .bmn-secondary-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(121, 45, 212, 0.2);
}

.bmn-login-button {
  background-color: transparent;
  color: var(--color-Primary);
  padding: 0.5rem 1rem;
  border: solid 1px var(--color-Primary);
  border-radius: var(--radii-xxlarge);
  cursor: pointer;
  font-weight: var(--font-weight-bold);
  line-height: var(--unitless-line-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2.5rem
}

@media screen and (min-width: 600px) {

  .bmn-login-button {
    padding: 0.5rem 2rem;
  }
}

.bmn-login-button:hover {
  border-color: var(--color-PrimaryStrong);
  color: var(--color-PrimaryStrong);
}

.bmn-login-button:active, .bmn-login-button:focus, .bmn-login-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(121, 45, 212, 0.2);
}
.bmn-tag-new {
  background-color: var(--color-SuccessBackground);
  color: var(--color-SuccessText);
  border-radius: var(--radii-default);
  padding: 0.25rem 0.5rem;
  font-size: var(--typography-BodyXSmall-font-size);
  font-weight: normal;
  margin-left: 0.5rem;
}

.bmn-header {
  background: var(--color-White);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  border-bottom: 1px solid var(--color-NeutralGrey)
}

.bmn-header .bmn-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem
}

@media screen and (min-width: 1024px) {

  .bmn-header .bmn-container {
    gap: 2.5rem;
  }
}

.bmn-header .bmn-logo {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.bmn-header button.icon-menu {
  background: none;
  border: none;
  cursor: pointer;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3
}

@media screen and (min-width: 1024px) {

  .bmn-header button.icon-menu {
    display: none;
  }
}

.bmn-header button.icon-menu svg {
  fill: var(--color-NeutralStrong);
}

.bmn-header button.icon-menu.icon-close {
  display: none;
}

.bmn-header nav.menu {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  margin-left: auto
}

@media screen and (min-width: 1024px) {

  .bmn-header nav.menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.bmn-header nav.menu ul {
  display: none;
  gap: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0
}

@media screen and (min-width: 1024px) {

  .bmn-header nav.menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.bmn-header nav.menu ul li .bmn-link {
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
  line-height: var(--unitless-line-height);
  display: block;
  padding: 0.5rem 0
}

@media screen and (min-width: 1024px) {

  .bmn-header nav.menu ul li .bmn-link {
    padding: 1rem 0;
  }
}

.bmn-header nav.menu ul.languages {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem
}

@media screen and (min-width: 1024px) {

  .bmn-header nav.menu ul.languages {
    margin-left: auto;
  }
}

.bmn-header nav.menu ul.languages li a.active, .bmn-header nav.menu ul.languages li span.active {
  color: var(--color-Primary);
  position: relative;
  padding: 0;
  display: inline
}

.bmn-header nav.menu ul.languages li a.active::after, .bmn-header nav.menu ul.languages li span.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--color-Primary);
}

.bmn-header nav.menu .btn-login {
  display: none
}

@media screen and (min-width: 600px) {

  .bmn-header nav.menu .btn-login {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.bmn-header nav.menu .bmn-logged {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.bmn-header nav.menu .bmn-logged .bmn-logged-id {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem
}

.bmn-header nav.menu .bmn-logged .bmn-logged-id img {
  margin-right: 0.25rem;
}

.bmn-header nav.menu .bmn-logged .bmn-logged-id span {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-NeutralWeak);
}

.bmn-header.menu-is-opened {
  gap: 2rem
}

.bmn-header.menu-is-opened button.icon-menu {
  display: none;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-left: auto;
}

.bmn-header.menu-is-opened button.icon-menu.icon-close {
  display: block;
}

.bmn-header.menu-is-opened nav.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: var(--color-White);
  width: 100%
}

.bmn-header.menu-is-opened nav.menu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 600px) {

  .bmn-header.menu-is-opened nav.menu .btn-login {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}

.bmn-header.menu-is-opened nav.menu .btn-login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.bmn-header.menu-is-opened nav.menu .btn-login::before {
  content: '';
  position: absolute;
  top: -1rem;
  left: 0;
  width: calc(100% + 2rem);
  height: 1px;
  background: var(--color-NeutralGrey);
  margin: 0 -1rem;
}

@media screen and (min-width: 600px) {

  .bmn-header.menu-is-opened nav.menu .btn-login::before {
    content: none;
  }
}

.bmn-no-scroll {
  overflow: hidden;
}

.bmn-breakout-link::before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bmn-rounded-border {
  border-radius: var(--radii-large);
  border: 1px solid var(--color-NeutralGrey);
}

.content-small {
  width: 990px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.bmn-checkbox {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1.75rem;
  cursor: pointer
}

.bmn-checkbox > input[type='checkbox'] {
  appearance: none;
  margin: 0;
  position: absolute;
  left: 0
}

.bmn-checkbox > input[type='checkbox']::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid var(--color-NeutralGrey);
  border-radius: 4px;
}

.bmn-checkbox > input[type='checkbox']:hover::before {
  border-color: var(--color-Primary);
}

.bmn-checkbox > input[type='checkbox']:checked::before {
  background: var(--color-Primary);
  border-color: var(--color-Primary);
}

.bmn-checkbox > input[type='checkbox']:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M11.668.267a1.01 1.01 0 0 1 .063 1.436L5.29 8.671a1.028 1.028 0 0 1-1.479.032L.3 5.219a1.01 1.01 0 0 1 0-1.437 1.03 1.03 0 0 1 1.449 0l2.755 2.733L10.22.33a1.03 1.03 0 0 1 1.448-.063Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  position: absolute;
  left: 4px;
  top: 2px;
}

.bmn-checkbox > input[type='checkbox']:active::before, .bmn-checkbox > input[type='checkbox']:focus::before, .bmn-checkbox > input[type='checkbox']:focus-visible::before {
  outline: none;
  border-color: var(--color-Primary);
  box-shadow: 0 0 0 3px rgba(121, 45, 212, 0.2);
}

.bmn-checkbox > input[type='checkbox']:active:checked, .bmn-checkbox > input[type='checkbox']:focus:checked, .bmn-checkbox > input[type='checkbox']:focus-visible:checked {
  border-color: var(--color-Primary);
}

/* ==== Homepage & Search page common style ==== */
.bmn-main-homepage,
.bmn-main-searchpage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-7)
}
.bmn-main-homepage h2 strong, .bmn-main-searchpage h2 strong {
  font-family: var(--typography-Heading-font-family);
  font-size: inherit;
  color: var(--color-PrimaryStronger);
}
.bmn-main-homepage article.bmn-hero, .bmn-main-searchpage article.bmn-hero {
  position: relative
}
@media screen and (min-width: 830px) {

  .bmn-main-homepage article.bmn-hero::before, .bmn-main-searchpage article.bmn-hero::before {
    content: '';
    position: absolute;
    width: min(calc(500px + 0.82 * (100vw - 830px)), 900px);
    height: min(calc(500px + 0.82 * (100vw - 830px)), 900px);
    top: 25%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: max(calc(-15rem + -0.41 * (100vw - 830px)), -43rem);
    background-image: url(./assets/bmn-hero-background.webp);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.bmn-main-homepage article.bmn-hero .hero-content, .bmn-main-searchpage article.bmn-hero .hero-content {
  margin-top: 1rem
}
@media screen and (min-width: 600px) {

  .bmn-main-homepage article.bmn-hero .hero-content, .bmn-main-searchpage article.bmn-hero .hero-content {
    width: 60%;
    min-width: 500px;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 600px) {

  .bmn-main-homepage article.bmn-hero .hero-content, .bmn-main-searchpage article.bmn-hero .hero-content {
    margin-top: 3rem;
  }
}
.bmn-main-homepage article.bmn-hero h1, .bmn-main-searchpage article.bmn-hero h1 {
  color: var(--color-PrimaryStronger)
}
.bmn-main-homepage article.bmn-hero h1 em, .bmn-main-searchpage article.bmn-hero h1 em {
  font-style: normal;
  color: var(--color-NeutralStrong);
}
.bmn-main-homepage article.bmn-hero form.domain-form, .bmn-main-searchpage article.bmn-hero form.domain-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem
}
.bmn-main-homepage article.bmn-hero form.domain-form textarea, .bmn-main-searchpage article.bmn-hero form.domain-form textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-NeutralGrey);
  border-radius: var(--radii-default);
  resize: vertical;
  min-height: 8rem;
  max-height: 32rem;
  background-color: var(--color-White);
  font-size: var(--typography-Body-font-size)
}
.bmn-main-homepage article.bmn-hero form.domain-form textarea:hover, .bmn-main-searchpage article.bmn-hero form.domain-form textarea:hover {
  border-color: var(--color-Primary);
}
.bmn-main-homepage article.bmn-hero form.domain-form textarea:focus, .bmn-main-searchpage article.bmn-hero form.domain-form textarea:focus {
  border-color: var(--color-Primary);
  outline: none;
}
.bmn-main-homepage article.bmn-hero form.domain-form p.notice, .bmn-main-searchpage article.bmn-hero form.domain-form p.notice {
  color: var(--color-NeutralWeak);
}
.bmn-main-homepage article.bmn-hero form.domain-form .domain-form-footer, .bmn-main-searchpage article.bmn-hero form.domain-form .domain-form-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (min-width: 600px) {

  .bmn-main-homepage article.bmn-hero form.domain-form .domain-form-footer, .bmn-main-searchpage article.bmn-hero form.domain-form .domain-form-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
  }
}
.bmn-main-homepage article.bmn-hero form.domain-form .domain-form-footer fieldset, .bmn-main-searchpage article.bmn-hero form.domain-form .domain-form-footer fieldset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
  border: none;
  padding: 0;
  margin: 0
}
.bmn-main-homepage article.bmn-hero form.domain-form .domain-form-footer fieldset legend, .bmn-main-searchpage article.bmn-hero form.domain-form .domain-form-footer fieldset legend {
  width: 100%;
  font-weight: var(--font-weight-bold);
  margin-bottom: 0.5rem;
  text-align: center
}
@media screen and (min-width: 600px) {

  .bmn-main-homepage article.bmn-hero form.domain-form .domain-form-footer fieldset legend, .bmn-main-searchpage article.bmn-hero form.domain-form .domain-form-footer fieldset legend {
    text-align: left;
  }
}
.bmn-main-homepage .bmn-homepage-faqs, .bmn-main-homepage .bmn-searchpage-faqs, .bmn-main-searchpage .bmn-homepage-faqs, .bmn-main-searchpage .bmn-searchpage-faqs {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-2)
}
.bmn-main-homepage .bmn-homepage-faqs details, .bmn-main-homepage .bmn-searchpage-faqs details, .bmn-main-searchpage .bmn-homepage-faqs details, .bmn-main-searchpage .bmn-searchpage-faqs details {
  border-left: 1px solid var(--color-NeutralGrey);
  padding-left: var(--space-2)
}
.bmn-main-homepage .bmn-homepage-faqs details summary::marker, .bmn-main-homepage .bmn-searchpage-faqs details summary::marker, .bmn-main-searchpage .bmn-homepage-faqs details summary::marker, .bmn-main-searchpage .bmn-searchpage-faqs details summary::marker {
  content: none;
}
.bmn-main-homepage .bmn-homepage-faqs details summary, .bmn-main-homepage .bmn-searchpage-faqs details summary, .bmn-main-searchpage .bmn-homepage-faqs details summary, .bmn-main-searchpage .bmn-searchpage-faqs details summary {
  font-family: var(--typography-Title-font-family);
  font-size: var(--typography-Title-font-size);
  font-weight: var(--typography-Title-font-weight);
  margin-bottom: var(--space-1);
}
.bmn-main-homepage .bmn-homepage-faqs details p, .bmn-main-homepage .bmn-searchpage-faqs details p, .bmn-main-searchpage .bmn-homepage-faqs details p, .bmn-main-searchpage .bmn-searchpage-faqs details p {
  color: var(--color-Neutral);
  line-height: 1.5;
}
.bmn-main-homepage .bmn-homepage-faqs details[open] summary, .bmn-main-homepage .bmn-searchpage-faqs details[open] summary, .bmn-main-searchpage .bmn-homepage-faqs details[open] summary, .bmn-main-searchpage .bmn-searchpage-faqs details[open] summary {
  pointer-events: none;
}
.bmn-main-homepage .bmn-homepage-faqs a, .bmn-main-homepage .bmn-searchpage-faqs a, .bmn-main-searchpage .bmn-homepage-faqs a, .bmn-main-searchpage .bmn-searchpage-faqs a {
  margin-top: var(--space-1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* ==== Homepage specific ==== */

.bmn-main-homepage {
  padding-top: 0.25rem;
  margin-top: var(--space-3)
}

.bmn-main-homepage article.bmn-hero h1 {
  color: var(--color-PrimaryStronger)
}

.bmn-main-homepage article.bmn-hero h1 em {
  font-style: normal;
  color: var(--color-NeutralStrong);
}

.bmn-main-homepage ul.bmn-key-numbers {
  --border: 1px solid var(--color-NeutralGrey);
  position: relative;
  margin-top: 2rem;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -1rem;
  margin-right: -1rem
}

@media screen and (min-width: 600px) {

  .bmn-main-homepage ul.bmn-key-numbers {
    margin-top: 5rem;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1024px) {

  .bmn-main-homepage ul.bmn-key-numbers {
    margin-left: 0;
    margin-right: 0;
  }

  .bmn-main-homepage ul.bmn-key-numbers::before {
    content: '';
    position: absolute;
    left: calc(50% - 50vw);
    right: 100%;
    height: 100%;
    border-top: var(--border);
    border-bottom: var(--border);
    top: 0;
  }

  .bmn-main-homepage ul.bmn-key-numbers::after {
    content: '';
    position: absolute;
    left: 100%;
    right: calc(50% - 50vw);
    height: 100%;
    border-top: var(--border);
    border-bottom: var(--border);
    top: 0;
  }
}

.bmn-main-homepage ul.bmn-key-numbers li {
  position: relative;
  width: 100%;
  padding: 1.5rem 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
  border-top: var(--border)
}

@media screen and (min-width: 600px) {

  .bmn-main-homepage ul.bmn-key-numbers li {
    border-right: var(--border);
    border-bottom: var(--border);
  }
}

.bmn-main-homepage ul.bmn-key-numbers li:last-child {
  border-bottom: var(--border);
}

@media screen and (min-width: 600px) {

  .bmn-main-homepage ul.bmn-key-numbers li:last-child {
    border-right: none;
  }
}

.bmn-main-homepage ul.bmn-key-numbers li span:first-of-type {
  width: 100%;
  text-align: center;
}

.bmn-main-homepage ul.bmn-key-numbers li .HeadingSmall {
  font-size: var(--size-6)
}

@media screen and (min-width: 600px) {

  .bmn-main-homepage ul.bmn-key-numbers li .HeadingSmall {
    font-size: var(--size-7);
  }
}

.bmn-main-homepage .bmn-homepage-manage-domain {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--space-4)
}

@media screen and (min-width: 600px) {

  .bmn-main-homepage .bmn-homepage-manage-domain {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.bmn-main-homepage .bmn-homepage-manage-domain img {
  width: 100%;
  height: 328px;
  mix-blend-mode: luminosity;
  -o-object-fit: cover;
  object-fit: cover
}

@media screen and (min-width: 600px) {

  .bmn-main-homepage .bmn-homepage-manage-domain img {
    width: 50%;
    height: 460px;
  }
}

@media screen and (min-width: 1024px) {

  .bmn-main-homepage .bmn-homepage-manage-domain img {
    width: 400px;
    height: 460px;
  }
}

.bmn-main-homepage .bmn-homepage-manage-domain > div {
  padding-left: var(--space-3);
  padding-right: var(--space-3)
}

.bmn-main-homepage .bmn-homepage-manage-domain > div h2 {
  padding-top: 0;
  margin-bottom: var(--space-2);
}

.bmn-main-homepage .bmn-homepage-manage-domain > div ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-4);
  list-style-type: none;
  padding: 0
}

.bmn-main-homepage .bmn-homepage-manage-domain > div ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: var(--font-weight-bold);
}

.bmn-main-homepage .bmn-homepage-manage-domain > div ul li::before {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS43MDcxIDcuMjkyODhDMjAuMDk3NiA3LjY4MzQgMjAuMDk3NiA4LjMxNjU3IDE5LjcwNzEgOC43MDcwOUwxMS40MTQyIDE3QzExLjAyMzcgMTcuMzkwNSAxMC4zOTA1IDE3LjM5MDUgMTAgMTdMNS4wMDAwMSAxMkM0LjYwOTQ4IDExLjYwOTUgNC42MDk0OCAxMC45NzYzIDUuMDAwMDEgMTAuNTg1OEM1LjM5MDUzIDEwLjE5NTIgNi4wMjM3IDEwLjE5NTIgNi40MTQyMiAxMC41ODU4TDEwLjcwNzEgMTQuODc4N0wxOC4yOTI5IDcuMjkyODhDMTguNjgzNCA2LjkwMjM1IDE5LjMxNjYgNi45MDIzNSAxOS43MDcxIDcuMjkyODhaIiBmaWxsPSIjOEM0MEVGIi8+Cjwvc3ZnPgo=');
  display: inline-block;
  margin-right: var(--space-1);
  width: 24px;
  height: 24px;
}

.bmn-main-homepage .bmn-homepage-manage-domain > div .ctas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-2);
  margin-top: var(--space-5);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width: 600px) {

  .bmn-main-homepage .bmn-homepage-manage-domain > div .ctas {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (min-width: 1024px) {

  .bmn-main-homepage .bmn-homepage-manage-domain > div .ctas {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.bmn-main-homepage .bmn-homepage-services {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3)
}

@media screen and (min-width: 600px) {

  .bmn-main-homepage .bmn-homepage-services {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {

  .bmn-main-homepage .bmn-homepage-services {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-5);
  }
}

.bmn-main-homepage .bmn-homepage-services .bmn-homepage-services-card {
  padding: var(--space-5);
  background-color: var(--color-NeutralLight);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  gap: var(--space-1);
  -webkit-transition: border-color 300ms ease-out;
  transition: border-color 300ms ease-out
}

.bmn-main-homepage .bmn-homepage-services .bmn-homepage-services-card:hover {
  border: 1px solid var(--color-Primary);
}

.bmn-main-homepage .bmn-homepage-services .bmn-homepage-services-card h3 {
  color: var(--color-PrimaryStronger);
  font-size: var(--size-6);
  line-height: 1.25;
  padding-top: 0;
  padding-bottom: 0;
}

.bmn-main-homepage .bmn-homepage-services .bmn-homepage-services-card p {
  line-height: 1.5;
}

/* ==== Searchpage specific ==== */

.bmn-main-searchpage article.bmn-hero h1 {
  color: var(--color-NeutralStrong);
  font-size: var(--typography-HeadingSmall-font-size);
}

.bmn-main-searchpage .bmn-searchpage-faqs svg.gradient {
  position: absolute;
  -webkit-filter: blur(240px);
  filter: blur(240px);
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
  bottom: -10rem;
  left: -12rem;
  z-index: -1
}

@media screen and (min-width: 1024px) {

  .bmn-main-searchpage .bmn-searchpage-faqs svg.gradient {
    bottom: -14rem;
    left: -15rem;
  }
}

/* ==== Searchpage result ==== */
.bmn-body-search-result {
  gap: 0;
  position: relative
}
@media screen and (min-width: 576px) {
  .bmn-body-search-result::before {
    content: '';
    z-index: -1;
    position: fixed;
    display: block;
    width: 100%;
    height: 100svh;
    background: -webkit-radial-gradient(-30% 150%, 70% 150%, rgba(191, 149, 249, 0.5) 0%, rgba(191, 149, 249, 0) 100%);
    background: radial-gradient(
            70% 150% at -30% 150%,
            rgba(191, 149, 249, 0.5) 0%,
            rgba(191, 149, 249, 0) 100%
    );
  }
}

.bmn-main-search-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width: 576px) {

  .bmn-main-search-result {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (min-width: 1400px) {

  .bmn-main-search-result {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: initial;
    -webkit-align-items: initial;
    -ms-flex-align: initial;
    align-items: initial;
  }
}

.bmn-main-search-result .bmn-search-result-left-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: var(--space-5);
  width: 100%
}

@media screen and (min-width: 576px) {

  .bmn-main-search-result .bmn-search-result-left-section {
    padding-bottom: var(--space-1);
  }
}

.bmn-main-search-result .bmn-search-result-left-section .fil_ariane {
  margin-top: 2rem;
}

.bmn-main-search-result .bmn-search-result-left-section h1 {
  padding-bottom: 1rem
}

@media screen and (min-width: 1400px) {

  .bmn-main-search-result .bmn-search-result-left-section h1 {
    max-width: 70%;
  }
}

.bmn-main-search-result .bmn-search-result-left-section h2 {
  font-size: var(--size-6);
  margin-top: 2rem;
}

.bmn-main-search-result .bmn-search-result-left-section .bmn-search-result-search-bar label {
  color: var(--color-NeutralWeak);
  font-size: var(--typography-Body-font-size);
}

.bmn-main-search-result .bmn-search-result-left-section .bmn-search-result-search-bar > div:first-of-type {
  margin-top: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem
}

@media screen and (min-width: 576px) {

  .bmn-main-search-result .bmn-search-result-left-section .bmn-search-result-search-bar > div:first-of-type {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.bmn-main-search-result .bmn-search-result-left-section .bmn-search-result-search-bar > div:first-of-type div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem;
  border: 1px solid var(--color-NeutralGrey);
  border-radius: var(--space-5);
  gap: 0.5rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%
}

@media screen and (min-width: 1400px) {

  .bmn-main-search-result .bmn-search-result-left-section .bmn-search-result-search-bar > div:first-of-type div {
    max-width: 75%;
  }
}

.bmn-main-search-result .bmn-search-result-left-section .bmn-search-result-search-bar > div:first-of-type div input[type='text'] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 40px;
  padding: 0 0.5rem;
  border: 0;
}

.bmn-main-search-result .bmn-search-result-left-section .bmn-search-result-search-bar > div:first-of-type div .bmn-primary-button {
  padding: 0.5rem 1rem;
}

.bmn-main-search-result .bmn-search-result-left-section .bmn-search-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.bmn-main-search-result .bmn-search-result-left-section .bmn-search-result .bmn-search-result-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1400px) {
  .bmn-main-search-result .bmn-search-result-left-section .bmn-search-result {
    max-height: 400px;
    overflow-y: scroll;
  }
}

.bmn-main-search-result .bmn-search-result-left-section .bmn-search-result .bmn-search-result-table-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--color-NeutralGrey);
  padding: 0.5rem 1rem;
}

.bmn-main-search-result .bmn-search-result-left-section .bmn-search-result .bmn-search-result-table-head div:has(input) {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  padding: 0;
  cursor: pointer;
}

.bmn-main-search-result .bmn-search-result-left-section .bmn-search-result .bmn-search-result-table-head div:not(:first-child) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.5;
  font-size: var(--typography-BodySmall-font-size);
  color: var(--color-NeutralWeak);
}

.bmn-main-search-result .bmn-search-result-submit {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background: white;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: var(--space-2)
}

.bmn-main-search-result .bmn-search-result-submit::after {
  background: var(--color-NeutralGrey);
  content: '';
  height: 1px;
  width: 9999px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 576px) {

  .bmn-main-search-result .bmn-search-result-submit {
    padding: 0;
    padding-bottom: var(--space-3);
    padding-left: var(--container-padding);
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 1400px) {

  .bmn-main-search-result .bmn-search-result-submit {
    position: relative;
    background: transparent;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-left: 1px solid var(--color-NeutralGrey);
    border-top: 0;
    margin-left: var(--space-4);
    padding-left: var(--space-4);
    padding-top: var(--space-3);
    padding-bottom: 0;
  }

  .bmn-main-search-result .bmn-search-result-submit::after {
    content: none;
  }
}

.bmn-main-search-result .bmn-search-result-submit button {
  width: 100%;
  padding: 1rem 4rem;
  margin-top: var(--space-3)
}

@media screen and (min-width: 576px) {

  .bmn-main-search-result .bmn-search-result-submit button {
    width: auto;
  }
}

@media screen and (min-width: 1400px) {

  .bmn-main-search-result .bmn-search-result-submit button {
    position: -webkit-sticky;
    position: sticky;
    margin: 0;
    text-wrap: nowrap;
    bottom: var(--space-3);
    margin-bottom: var(--space-3);
  }
}

/* ==== Searchpage selected result ==== */
.bmn-content-selected-domains table tr td:nth-child(1) {
  word-break: break-word;
  width: 50%;
  padding-right: var(--size-1);
}
.bmn-content-selected-domains table tr td:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0rem;
}
.bmn-content-selected-domains table select {
  border: 1px solid var(--color-NeutralGrey);
  border-radius: 5px;
  padding: 2px;
  width: 140px;
  height: 48px;
}
.bmn-content-selected-domains table a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: var(--size-1);
}
@media screen and (min-width: 450px) {

  .bmn-content-selected-domains table select {
    padding: 4px;
    width: 200px;
  }
}
@media screen and (min-width: 650px) {

  .bmn-content-selected-domains table a {
    padding-right: var(--size-1);
  }

  .bmn-content-selected-domains table tr td:nth-child(1) {
    width: 50%;
  }

  .bmn-content-selected-domains table tr td:nth-child(2) {
    gap: 1rem;
  }

  .bmn-content-selected-domains table select {
    padding: 8px;
    width: 240px;
  }
}
@media screen and (min-width: 1024px) {

  .bmn-content-selected-domains table tr td:nth-child(1) {
    width: 33%;
  }
}
.bmn-content-selected-domains .bmn-arrow-button {
  margin-top: 1rem;
}
.bmn-content-selected-domains .bmn-content-selected-domains-thead {
  line-height: 1.5;
  font-size: var(--typography-BodySmall-font-size);
  color: var(--color-NeutralWeak);
}

/* ==== Login ==== */
.bmn-body-login {
  position: relative;
  gap: 0;
  padding: 0
}
@media (min-width: 600px) {

  .bmn-body-login::before {
    content: '';
    z-index: -1;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-radial-gradient(-30% 150%, 60% 140%, rgba(191, 149, 249, 0.5) 0%, rgba(191, 149, 249, 0) 100%), -webkit-radial-gradient(80% -75%, 60% 140%, rgba(255, 96, 46, 0.5) 0%, rgba(255, 96, 46, 0) 100%);
    background: radial-gradient(
            60% 140% at -30% 150%,
            rgba(191, 149, 249, 0.5) 0%,
            rgba(191, 149, 249, 0) 100%
    ),
    radial-gradient(
            60% 140% at 80% -75%,
            rgba(255, 96, 46, 0.5) 0%,
            rgba(255, 96, 46, 0) 100%
    );
  }
}

.bmn-main-login .bmn-logo-login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: var(--space-3);
}

.bmn-main-login .bmn-login-form-section {
  min-height: calc(100svh - 72px);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: var(--space-3)
}

@media (min-width: 600px) {

  .bmn-main-login .bmn-login-form-section {
    width: 70%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: var(--space-4) 0;
    padding-right: var(--space-5);
  }
}

@media (min-width: 1024px) {

  .bmn-main-login .bmn-login-form-section {
    width: 50%;
    padding-right: var(--space-10);
  }
}

.bmn-main-login .bmn-login-form-section h1 {
  padding: 0;
  text-align: start;
  margin-bottom: var(--space-3);
}

.bmn-main-login .bmn-login-form-section p {
  color: var(--color-NeutralWeak);
  margin-bottom: var(--space-1);
  text-align: start;
  line-height: 1.5;
}

.bmn-main-login .bmn-login-form-section form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: var(--space-1);
  gap: var(--space-1)
}

.bmn-main-login .bmn-login-form-section form label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: var(--font-weight-bold);
  gap: var(--space-0-5);
  line-height: 1.5;
}

.bmn-main-login .bmn-login-form-section form label, .bmn-main-login .bmn-login-form-section form input, .bmn-main-login .bmn-login-form-section form div {
  width: 100%;
}

.bmn-main-login .bmn-login-form-section form input {
  height: 3rem;
  border: 1px solid var(--color-NeutralGrey);
  border-radius: 4px;
  padding: var(--space-1-5) var(--space-1)
}

.bmn-main-login .bmn-login-form-section form input:focus, .bmn-main-login .bmn-login-form-section form input:hover {
  border-color: var(--color-Primary);
}

.bmn-main-login .bmn-login-form-section form input:focus:invalid {
  border-color: var(--color-DangerText);
}

.bmn-main-login .bmn-login-form-section form .bmn-login-password div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-1);
  margin-top: var(--space-1);
}

.bmn-main-login .bmn-login-form-section form .bmn-login-two-factors {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--space-0-5);
  margin-top: var(--space-2)
}

.bmn-main-login .bmn-login-form-section form .bmn-login-two-factors label {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

.bmn-main-login .bmn-login-form-section form .bmn-login-two-factors label span {
  font-weight: var(--font-weight-medium);
  color: var(--color-NeutralWeak);
}

.bmn-main-login .bmn-login-form-section form .bmn-login-two-factors p {
  color: var(--color-NeutralWeak);
  margin-top: var(--space-0-5);
  line-height: 1.375;
  font-size: var(--typography-BodySmall-font-size);
}

.bmn-main-login .bmn-login-form-section form .bmn-login-error {
  display: none;
  color: var(--color-DangerText);
  border: 1px solid var(--color-DangerText);
  border-radius: 0.5rem;
  padding: var(--space-1);
  background: var(--color-DangerBackground);
  margin: var(--space-2) 0;
  line-height: 1;
  text-align: start;
  font-size: var(--typography-BodyXSmall-font-size)
}

.bmn-main-login .bmn-login-form-section form .bmn-login-error::before {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02Ljk5OTk4IDEuNzYzNjFDNC4xMDgwMSAxLjc2MzYxIDEuNzYzNjEgNC4xMDgwMSAxLjc2MzYxIDYuOTk5OThDMS43NjM2MSA5Ljg5MTk0IDQuMTA4MDEgMTIuMjM2MyA2Ljk5OTk4IDEyLjIzNjNDOS44OTE5NCAxMi4yMzYzIDEyLjIzNjMgOS44OTE5NCAxMi4yMzYzIDYuOTk5OThDMTIuMjM2MyA0LjEwODAxIDkuODkxOTQgMS43NjM2MSA2Ljk5OTk4IDEuNzYzNjFaTTAuNTk5OTc2IDYuOTk5OThDMC41OTk5NzYgMy40NjUzNSAzLjQ2NTM1IDAuNTk5OTc2IDYuOTk5OTggMC41OTk5NzZDMTAuNTM0NiAwLjU5OTk3NiAxMy40IDMuNDY1MzUgMTMuNCA2Ljk5OTk4QzEzLjQgMTAuNTM0NiAxMC41MzQ2IDEzLjQgNi45OTk5OCAxMy40QzMuNDY1MzUgMTMuNCAwLjU5OTk3NiAxMC41MzQ2IDAuNTk5OTc2IDYuOTk5OThaTTYuOTk5OTggNC40Nzg3NkM3LjMyMTMxIDQuNDc4NzYgNy41ODE3OSA0LjczOTI1IDcuNTgxNzkgNS4wNjA1OFY3LjQ4NDgyQzcuNTgxNzkgNy44MDYxNSA3LjMyMTMxIDguMDY2NjQgNi45OTk5OCA4LjA2NjY0QzYuNjc4NjUgOC4wNjY2NCA2LjQxODE2IDcuODA2MTUgNi40MTgxNiA3LjQ4NDgyVjUuMDYwNThDNi40MTgxNiA0LjczOTI1IDYuNjc4NjUgNC40Nzg3NiA2Ljk5OTk4IDQuNDc4NzZaTTYuNDE4MTYgOS40MjQyMkM2LjQxODE2IDkuMTAyODkgNi42Nzg2NSA4Ljg0MjQgNi45OTk5OCA4Ljg0MjRINy4wMDQ4MkM3LjMyNjE1IDguODQyNCA3LjU4NjY0IDkuMTAyODkgNy41ODY2NCA5LjQyNDIyVjkuNDI5MDdDNy41ODY2NCA5Ljc1MDQgNy4zMjYxNSAxMC4wMTA5IDcuMDA0ODIgMTAuMDEwOUg2Ljk5OTk4QzYuNjc4NjUgMTAuMDEwOSA2LjQxODE2IDkuNzUwNCA2LjQxODE2IDkuNDI5MDdWOS40MjQyMloiIGZpbGw9IiNCMzE0NEQiLz4KPC9zdmc+Cg==');
  margin-right: var(--space-0-5);
}

.bmn-main-login .bmn-login-form-section form .bmn-login-error:not(:empty) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bmn-main-login .bmn-login-form-section form button {
  width: 100%;
}

.bmn-main-login .bmn-login-form-section form .bmn-login-new-account {
  margin-top: var(--space-3);
  width: 100%
}

.bmn-main-login .bmn-login-form-section form .bmn-login-new-account hr {
  margin: var(--space-1-5) 0;
  border: 0;
  border-top: 1px solid var(--color-NeutralGrey);
  text-align: center;
  overflow: visible;
}

.bmn-main-login .bmn-login-form-section form .bmn-login-new-account hr::after {
  background: var(--color-White);
  content: 'ou';
  padding: 0 var(--space-3);
  position: relative;
  color: var(--color-Neutral);
  font-weight: var(--font-weight-bold);
  font-size: var(--typography-BodySmall-font-size);
  top: -11px;
}

.bmn-main-login .bmn-login-form-section form .bmn-login-new-account div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--space-1)
}

@media (min-width: 600px) {

  .bmn-main-login .bmn-login-form-section form .bmn-login-new-account div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {

  .bmn-main-login .bmn-login-form-section form .bmn-login-new-account div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.bmn-main-login .bmn-login-second {
  display: none
}

@media (min-width: 600px) {

  .bmn-main-login .bmn-login-second {
    display: block;
    overflow: hidden;
    width: 30%;
    height: 100%;
    position: absolute;
    background-color: var(--color-Darker);
    top: 0;
    right: 0;
  }

  .bmn-main-login .bmn-login-second::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(./assets/bmn-hero-background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .bmn-main-login .bmn-login-second::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    min-width: 950px;
    min-height: 950px;
    background: -webkit-radial-gradient(-4% 50%, 15% 40%, rgba(251, 198, 0, 0.3) 0%, rgba(251, 198, 0, 0) 100%), -webkit-radial-gradient(-4% 24%, 25% 50%, rgba(255, 96, 46, 0.3) 0%, rgba(255, 96, 46, 0) 100%), -webkit-radial-gradient(100% 25%, 40% 70%, rgba(121, 45, 212, 0.6) 0%, rgba(121, 45, 212, 0) 100%), -webkit-radial-gradient(140% 0%, 90% 40%, rgba(3, 207, 218, 1) 60%, rgba(3, 207, 218, 0) 120%);
    background: radial-gradient(
            15% 40% at -4% 50%,
            rgba(251, 198, 0, 0.3) 0%,
            rgba(251, 198, 0, 0) 100%
    ),
    radial-gradient(
            25% 50% at -4% 24%,
            rgba(255, 96, 46, 0.3) 0%,
            rgba(255, 96, 46, 0) 100%
    ),
    radial-gradient(
            40% 70% at 100% 25%,
            rgba(121, 45, 212, 0.6) 0%,
            rgba(121, 45, 212, 0) 100%
    ),
    radial-gradient(
            90% 40% at 140% 0%,
            rgba(3, 207, 218, 1) 60%,
            rgba(3, 207, 218, 0) 120%
    );
  }

  @media (min-width: 1024px) {

    .bmn-main-login .bmn-login-second {
      width: 50%;
    }

    .bmn-main-login .bmn-login-second::before {
      max-width: 950px;
      max-height: 950px;
    }
  }
}

/* ==== Footer ==== */

#footer.footer {
  margin-top: auto;
  background-color: var(--color-NeutralLight);
  border-top: 1px solid var(--color-NeutralGrey);
  padding-top: var(--space-5);
  padding-bottom: var(--space-5)
}

@media (min-width: 600px) {

  #footer.footer {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }
}

@media (min-width: 1024px) {

  #footer.footer {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }
}

@media (min-width: 1024px) {

  #footer.footer {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }
}

#footer.footer .bmn-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  row-gap: var(--space-4);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#footer.footer .bmn-footer-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (min-width: 600px) {

  #footer.footer .bmn-footer-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

#footer.footer .bmn-footer-flex.bmn-flex-header {
  row-gap: var(--space-3);
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (min-width: 600px) {

  #footer.footer .bmn-footer-flex.bmn-flex-header {
    -webkit-column-gap: var(--space-5);
    -moz-column-gap: var(--space-5);
    column-gap: var(--space-5);
  }
}

@media (min-width: 1024px) {

  #footer.footer .bmn-footer-flex.bmn-flex-header {
    -webkit-column-gap: var(--space-8);
    -moz-column-gap: var(--space-8);
    column-gap: var(--space-8);
  }
}

@media (min-width: 600px) {

  #footer.footer .bmn-footer-flex.bmn-flex-header .bmn-flex-item {
    -webkit-box-flex: calc(50% - var(--space-5));
    -webkit-flex: calc(50% - var(--space-5));
    -ms-flex: calc(50% - var(--space-5));
    flex: calc(50% - var(--space-5));
  }
}

@media (min-width: 700px) {

  #footer.footer .bmn-footer-flex.bmn-flex-header .bmn-flex-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

#footer.footer .bmn-footer-flex.bmn-flex-footer {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: var(--space-3);
  -moz-column-gap: var(--space-3);
  column-gap: var(--space-3);
  border: 0 var(--color-NeutralGrey) solid;
  border-top-width: 1px;
  padding-top: var(--space-2)
}

@media (min-width: 600px) {

  #footer.footer .bmn-footer-flex.bmn-flex-footer {
    padding-top: 0;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: var(--size-9);
  }
}

#footer.footer .bmn-flex-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left
}

#footer.footer .bmn-flex-item.bmn-footer-logo img {
  height: var(--size-7)
}

@media (min-width: 1024px) {

  #footer.footer .bmn-flex-item.bmn-footer-logo img {
    height: var(--size-10);
  }
}

#footer.footer .bmn-links-title {
  display: block;
  color: var(--color-NeutralWeak);
  padding: calc(var(--space-1) / 2) 0;
}

#footer.footer .bmn-list-links {
  list-style-type: none
}

#footer.footer .bmn-list-links li {
  width: 100%;
}

#footer.footer .bmn-list-links a {
  display: block;
  padding: calc(var(--space-1) / 2) 0;
}

#footer.footer .bmn-link-newsletter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--space-1) 0;
  color: var(--color-Primary)
}

#footer.footer .bmn-link-newsletter img {
  margin-right: var(--space-1);
}

#footer.footer .bmn-link-newsletter:hover, #footer.footer .bmn-link-newsletter:focus {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  -moz-text-decoration-color: currentColor;
  text-decoration-color: currentColor;
  text-underline-offset: 2px;
}

#footer.footer .bmn-text-newsletter {
  color: var(--color-NeutralWeak);
  margin-top: var(--size-3);
}

#footer.footer .bmn-footer-bottom-line {
  padding: var(--space-1) 0;
  color: var(--color-Neutral);
}

@media (min-width: 600px) {

  #footer.footer .bmn-footer-bottom-line + .bmn-footer-bottom-line {
    position: relative
  }

  #footer.footer .bmn-footer-bottom-line + .bmn-footer-bottom-line::before {
    position: absolute;
    content: '';
    width: 1px;
    height: var(--size-1);
    top: calc(50% - var(--size-1) / 2 - 1px);
    left: calc(var(--space-1-5) * -1 + 1px);
    background-color: var(--color-Neutral);
  }

  #footer.footer .bmn-footer-bottom-image {
    margin-left: auto;
  }
}

/* ================== Legacy classes overrides ================== */

/* ================== Global existing overrides ================== */

div.bloc_verif {
  padding-bottom: var(--space-2);
}

div.onglet_verif {
  height: auto;
}

html > body div.onglet_verif {
  height: auto;
}

div#logo {
  width: auto;
}

div#header,
header#header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

div#connection {
  width: auto;
}

div#content,
div#home_1,
div#home_2 {
  float: none !important;
}

div#content {
  --container-padding: 1rem;

  max-width: calc(var(--container-width) + var(--container-padding) * 2);
  width: 100%;
  padding: 1rem var(--container-padding) 0;
  margin: 0 auto
}

@media (min-width: 600px) {

  div#content {
    --container-padding: 2.5rem;
  }
}

@media (min-width: 1024px) {

  div#content {
    --container-padding: 5rem;
  }
}

div#content .bloc_entrer, div#content .entrer_noms_2, div#content textarea, div#content center {
  overflow-x: auto;/*width: 100%;*/
  margin: 0;
}

div#content .bloc_entrer {
  width: 892px;
  margin-left: 33px;
  margin-bottom: 5px;
}

html > body .bande_bleue_3,
div.dom_dispofull {
  width: 100%;
  margin: 0;
}

.margin_spacer {
  margin-bottom: 1.5rem !important;
}

html > body .tt_whois,
.tt_suivi,
.tt_faq,
.tt_qui {
  height: auto;
}

html > body .intro {
  width: 100%;
  padding: 0
}

html > body .intro img[usemap] {
  width: 100%;
}

div#header,
div#bandeau,
div#content,
div#footer_home,
div#footer,
.fil_ariane,
.mod_valid {
  float: left;
  width: 100%;
}

p.fil_ariane,
p.fil_ariane a {
  color: var(--color-Primary);
  line-height: var(--typography-BodyXSmall-line-height);
  font-size: var(--typography-BodyXSmall-font-size);
  padding: 0;
}

p.fil_ariane {
  padding-bottom: var(--space-1);
}

p.fil_ariane a:hover,
p.fil_ariane a:focus {
  outline: none;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  -moz-text-decoration-color: currentColor;
  text-decoration-color: currentColor;
  text-underline-offset: 2px;
}

html > body #content [style*='red'] {
  color: var(--color-DangerText) !important;
}

html > body #content .tt_renouveler, html > body #content .tt_transferer, html > body #content .tt_gerer, html > body #content .tt_whois, html > body #content .tt_suivi, html > body #content .tt_faq, html > body #content .tt_qui, html > body #content .tt_compte, html > body #content .tt_domaine, html > body #content .tt_liste, html > body #content .tt_propriete, html > body #content .tt_domaine2, html > body #content .tt_services, html > body #content .tt_coord, html > body #content .tt_factures, html > body #content .tt_question, html > body #content .tt_revendeur {
  background: none;
  font-size: var(--typography-Heading-font-size);
  font-weight: var(--typography-Title-font-weight);
  line-height: var(--typography-Heading-line-height);
  font-family: var(--typography-Heading-font-family);
  padding-left: 0;
  padding-bottom: var(--space-3);
  height: auto;
  text-align: initial;
  color: var(--color-NeutralStrong);
  margin-left: 0;
  width: auto;
  text-transform: lowercase
}

html > body #content .tt_renouveler::first-letter, html > body #content .tt_transferer::first-letter, html > body #content .tt_gerer::first-letter, html > body #content .tt_whois::first-letter, html > body #content .tt_suivi::first-letter, html > body #content .tt_faq::first-letter, html > body #content .tt_qui::first-letter, html > body #content .tt_compte::first-letter, html > body #content .tt_domaine::first-letter, html > body #content .tt_liste::first-letter, html > body #content .tt_propriete::first-letter, html > body #content .tt_domaine2::first-letter, html > body #content .tt_services::first-letter, html > body #content .tt_coord::first-letter, html > body #content .tt_factures::first-letter, html > body #content .tt_question::first-letter, html > body #content .tt_revendeur::first-letter {
  text-transform: uppercase;
}

.bmn-domain-steps {
  width: 100%;
  display: block
}

.bmn-domain-steps .bmn-steps-title {
  font-family: Space Grotesk;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-align: left;
  padding-bottom: 48px;
}

.bmn-domain-steps .bmn-steps-subtitle {
  width: 100%;
  background-color: transparent;
  font-family: Inter;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  padding-bottom: 48px;
}

.bmn-domain-steps .bmn-table-steps {
  font-family: Inter;
  width: 100%
}

.bmn-domain-steps .bmn-table-steps .bmn-border-bottom {
  border-bottom: 1px #d9dadd solid;
}

.bmn-domain-steps .bmn-table-steps th, .bmn-domain-steps .bmn-table-steps td {
  text-align: left;
}

.bmn-domain-steps .bmn-table-steps th {
  padding: 10px 0;
  border-bottom: 1px #d9dadd solid;
  font-weight: 500;
}

.bmn-domain-steps .bmn-table-steps .bmn-table-small-text {
  color: #727683;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.bmn-domain-steps .bmn-table-steps td {
  padding: 16px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #3f4250
}

.bmn-domain-steps .bmn-table-steps td:first-of-type {
  font-weight: 700;
}

.bmn-domain-steps .bmn-table-steps.is-step-2 td {
  padding: 8px 0;
}

.bmn-domain-steps .is-step-3 .submit-button {
  text-align: right;
}

.bmn-domain-steps .is-step-3 .bmn-arrow-button {
  margin-top: 0;
}

.bmn-domain-steps .bmn-steps-submit {
  margin-top: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}

.bmn-domain-steps form#coordonnee {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.bmn-domain-steps form#coordonnee table {
  background-color: transparent;
  margin-left: 0
}

.bmn-domain-steps form#coordonnee table select, .bmn-domain-steps form#coordonnee table input {
  color: var(--color-NeutralStrong);
  border: 1px var(--color-NeutralGrey) solid;
  border-radius: var(--radii-large);
  height: 48px;
  font-size: 16px;
  margin: 0;
  padding: 8px
}

.bmn-domain-steps form#coordonnee table select ::-webkit-input-placeholder, .bmn-domain-steps form#coordonnee table input ::-webkit-input-placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps form#coordonnee table select ::-moz-placeholder, .bmn-domain-steps form#coordonnee table input ::-moz-placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps form#coordonnee table select :-ms-input-placeholder, .bmn-domain-steps form#coordonnee table input :-ms-input-placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps form#coordonnee table select ::placeholder, .bmn-domain-steps form#coordonnee table input ::placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps form#coordonnee table tr > td:nth-child(-n + 2) {
  color: var(--color-NeutralStrong);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.bmn-domain-steps form#coordonnee table tr > td:nth-child(1) {
  padding-left: 0;
}

.bmn-domain-steps form#coordonnee table tr > td:nth-child(2) {
  color: var(--color-DangerText);
}

.bmn-domain-steps .bande_bleue_2 {
  margin-top: 32px;
}

.bmn-domain-steps .bande_input_1, .bmn-domain-steps .bande_input_2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto
}

.bmn-domain-steps .bande_input_1 input + button, .bmn-domain-steps .bande_input_1 select + button, .bmn-domain-steps .bande_input_2 input + button, .bmn-domain-steps .bande_input_2 select + button {
  margin-left: 16px;
}

.bmn-domain-steps .bande_bleue_2, .bmn-domain-steps .bande_input_1, .bmn-domain-steps .bande_input_2 {
  background-color: transparent;
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-left: 0;
  padding-left: 0
}

.bmn-domain-steps .bande_bleue_2.warning, .bmn-domain-steps .bande_input_1.warning, .bmn-domain-steps .bande_input_2.warning {
  color: var(--color-WarningText);
  font-size: 18px;
}

.bmn-domain-steps .bande_bleue_2 select, .bmn-domain-steps .bande_bleue_2 input, .bmn-domain-steps .bande_input_1 select, .bmn-domain-steps .bande_input_1 input, .bmn-domain-steps .bande_input_2 select, .bmn-domain-steps .bande_input_2 input {
  color: var(--color-NeutralStrong);
  border: 1px var(--color-NeutralGrey) solid;
  border-radius: var(--radii-large);
  height: 48px;
  font-size: 16px;
  margin: 0;
  padding: 8px
}

.bmn-domain-steps .bande_bleue_2 select ::-webkit-input-placeholder, .bmn-domain-steps .bande_bleue_2 input ::-webkit-input-placeholder, .bmn-domain-steps .bande_input_1 select ::-webkit-input-placeholder, .bmn-domain-steps .bande_input_1 input ::-webkit-input-placeholder, .bmn-domain-steps .bande_input_2 select ::-webkit-input-placeholder, .bmn-domain-steps .bande_input_2 input ::-webkit-input-placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps .bande_bleue_2 select ::-moz-placeholder, .bmn-domain-steps .bande_bleue_2 input ::-moz-placeholder, .bmn-domain-steps .bande_input_1 select ::-moz-placeholder, .bmn-domain-steps .bande_input_1 input ::-moz-placeholder, .bmn-domain-steps .bande_input_2 select ::-moz-placeholder, .bmn-domain-steps .bande_input_2 input ::-moz-placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps .bande_bleue_2 select :-ms-input-placeholder, .bmn-domain-steps .bande_bleue_2 input :-ms-input-placeholder, .bmn-domain-steps .bande_input_1 select :-ms-input-placeholder, .bmn-domain-steps .bande_input_1 input :-ms-input-placeholder, .bmn-domain-steps .bande_input_2 select :-ms-input-placeholder, .bmn-domain-steps .bande_input_2 input :-ms-input-placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps .bande_bleue_2 select ::placeholder, .bmn-domain-steps .bande_bleue_2 input ::placeholder, .bmn-domain-steps .bande_input_1 select ::placeholder, .bmn-domain-steps .bande_input_1 input ::placeholder, .bmn-domain-steps .bande_input_2 select ::placeholder, .bmn-domain-steps .bande_input_2 input ::placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps .bande_bleue_2 ul, .bmn-domain-steps .bande_input_1 ul, .bmn-domain-steps .bande_input_2 ul {
  margin: 0;
  padding: 0;
  list-style-position: inside;
  list-style-type: none;
  font-size: 16px;
}

.bmn-domain-steps .tab_recap.bmn-table-login {
  background-color: transparent;
  margin-left: 0
}

.bmn-domain-steps .tab_recap.bmn-table-login .form-label, .bmn-domain-steps .tab_recap.bmn-table-login p {
  color: var(--color-NeutralStrong);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.bmn-domain-steps .tab_recap.bmn-table-login input {
  color: var(--color-NeutralStrong);
  border: 1px var(--color-NeutralGrey) solid;
  border-radius: var(--radii-large);
  height: 48px;
  font-size: 16px;
  margin: 0;
  padding: 8px;
  background-color: transparent
}

.bmn-domain-steps .tab_recap.bmn-table-login input ::-webkit-input-placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps .tab_recap.bmn-table-login input ::-moz-placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps .tab_recap.bmn-table-login input :-ms-input-placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps .tab_recap.bmn-table-login input ::placeholder {
  color: var(--color-NeutralWeak);
}

.bmn-domain-steps .tab_recap.bmn-table-login .bmn-create-account a {
  font-size: inherit;
  line-height: inherit;
}