@charset "UTF-8";
@font-face {
  font-family: "Space Grotesk";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/space_grotesk/SpaceGrotesk-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Space Grotesk";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("fonts/space_grotesk/SpaceGrotesk-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Space Grotesk";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/space_grotesk/SpaceGrotesk-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/raleway/Raleway-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("fonts/raleway/Raleway-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("fonts/raleway/Raleway-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/raleway/Raleway-Bold.ttf") format("truetype");
}
.puce-color {
  height: 20px;
  width: 44px;
  border-radius: 16px;
}
.puce-color.blue {
  background-color: #0833BC;
}
.puce-color.yellow {
  background-color: #FFA100;
}
.puce-color.grey {
  background-color: #596794;
}
@media (max-width: 767px) {
  .puce-color {
    height: 14px;
    min-width: 32px;
    border-radius: 12px;
  }
}

:root {
  --color-page-bg: #F2F5FF;
  --color-text: #1C1C1C;
  --color-heading: #596794;
  --color-accent-text: #0833BC;
  --color-surface: #F2F5FF;
  --color-surface-behind: #DBE0F1;
}

html[data-theme=dark] {
  --color-page-bg: #586694;
  --color-text: #FFFFFF;
  --color-heading: #F0F3FF;
  --color-accent-text: #E3E9FF;
  --color-surface: #64729E;
  --color-surface-behind: #4A5678;
}

:root {
  --z-site-header: 100;
  --site-header-gap: 1.25rem;
  --site-header-height: 76px;
}

@media (min-width: 1025px) {
  :root {
    --site-header-gap: 1.5rem;
    --site-header-height: 120px;
  }
}
html {
  height: 100%;
  overflow-x: hidden;
  scroll-padding-top: calc(var(--site-header-height) + 1rem);
}

body:not(.home):not(.route-offres-elosi-solutions):not(.route-offres-elosi-consulting):not(.route-maintenance) {
  padding-top: calc(var(--site-header-gap) + var(--site-header-height));
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background-color: var(--color-page-bg);
  color: var(--color-text);
  background-image: url("../images/misc/background.svg");
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% 100vh;
  transition: background-color 0.2s ease, color 0.2s ease;
}

body.route-maintenance {
  background-color: var(--color-surface-behind);
}

main {
  flex: 1 0 auto;
  width: 100%;
  max-width: 1980px;
  margin-inline: auto;
}

footer {
  flex-shrink: 0;
}

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

ul li::marker {
  color: #FFA100;
  font-size: 1.5rem;
}

ul li.grey::marker {
  color: #596794;
}

ul li.blue::marker {
  color: #0833BC;
}

ul li.yellow::marker {
  color: #FFA100;
}

.container {
  width: 100%;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.section {
  padding-left: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
  padding-right: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .section {
    padding-left: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
    padding-right: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  }
}

.b-blue {
  font-weight: 800;
  color: #0833BC;
  text-decoration: none;
}
.b-blue:hover {
  color: #FFA100;
}

.b-yellow {
  font-weight: 600;
  color: #FFA100;
}

.b-white {
  font-weight: 600;
  color: #FFF;
}

.link-in-text {
  text-decoration: none;
  color: #0833BC;
  font-weight: bold;
}
.link-in-text:hover, .link-in-text:focus-visible {
  color: #FFA100;
}
.link-in-text--grey {
  color: #596794;
}
.link-in-text--grey:hover, .link-in-text--grey:focus-visible {
  color: #0833BC;
}

.icone-logo-elosi {
  display: inline-block;
  color: #0833BC;
  width: 50%;
}
.icone-logo-elosi svg {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.img-filter-light {
  filter: url(#img-filter-light);
}

.img-filter-light-firstscreen {
  filter: url(#img-filter-light-firstscreen);
}

.button-primary {
  font-size: 1.2rem;
  padding: 20px 28px 20px 32px;
  border-radius: 200px 120px 120px 32px;
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  font-family: Raleway, sans-serif;
  font-weight: 600;
  display: inline-block;
  width: fit-content;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .button-primary {
    padding: 16px 32px 16px 34px;
    font-size: 12px;
  }
}
.button-primary:where(button) {
  border: none;
  cursor: pointer;
}

.button-secondary {
  font-size: 1.2rem;
  border: none;
  padding: 20px 28px 20px 32px;
  border-radius: 200px 120px 120px 32px;
  background-image: linear-gradient(180deg, #FFA100 0%, #BF5708 100%);
  font-family: Raleway, sans-serif;
  font-weight: 600;
  text-decoration: none;
  color: #FFF;
  display: inline-block;
  width: fit-content;
  white-space: nowrap;
  transition: background-image 0.2s ease;
  cursor: pointer;
  color: #FFF;
}
@media (max-width: 767px) {
  .button-secondary {
    padding: 16px 32px 16px 34px;
    font-size: 12px;
  }
}

.button-orange {
  padding: 24px 24px 24px 24px;
  border-radius: 100px 50px 50px 16px;
  background-image: linear-gradient(180deg, #FFA100 0%, #C96807 100%);
  font-family: Raleway, sans-serif;
  font-weight: 600;
  color: #FFF;
  text-decoration: none;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .button-compact {
    font-size: clamp(0.75rem, calc(0.075rem + 1.40625vw), 1.2rem);
    padding: clamp(0.75rem, calc(-0.375rem + 2.34375vw), 1.5rem) clamp(0.875rem, calc(-0.0625rem + 1.953125vw), 1.5rem);
  }
}
.has-hover-icon {
  display: inline-flex;
  align-items: center;
}
.has-hover-icon .button-hover-icon {
  display: inline-flex;
  align-items: center;
  max-width: 0;
  margin-left: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-width 0.3s ease, margin-left 0.3s ease, opacity 0.3s ease;
}
.has-hover-icon .button-hover-icon svg {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}
.has-hover-icon:hover .button-hover-icon, .has-hover-icon:focus-visible .button-hover-icon {
  max-width: 26px;
  margin-left: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  opacity: 1;
}

.button-primary .button-hover-icon {
  color: #FFA100;
}

.button-secondary .button-hover-icon,
.button-orange .button-hover-icon {
  color: #0833BC;
}

.site-header {
  position: fixed;
  inset: var(--site-header-gap) 0 auto;
  z-index: var(--z-site-header);
  display: flex;
  justify-content: center;
  padding: 0 clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  pointer-events: none;
}
.site-header .site-nav {
  pointer-events: auto;
}

.site-nav {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  max-width: 1700px;
  min-width: 0;
  padding: 16px;
  border-radius: 350px 220px 220px 110px;
  background-image: linear-gradient(180deg, rgba(8, 51, 188, 0.9) 0%, rgba(4, 23, 86, 0.9) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  overflow: visible;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .site-nav {
    background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  }
}
@media (max-width: 1024px) {
  .site-nav {
    border-radius: 32px 40px 40px 16px;
  }
}

.site-nav__burger,
.site-nav__theme {
  position: relative;
}
.site-nav__burger::after,
.site-nav__theme::after {
  content: "";
  position: absolute;
  inset: -10px;
}

.site-nav__burger {
  order: 1;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.site-nav__logo {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-nav__logo img {
  display: block;
  width: 80px;
  height: auto;
}

.site-nav__tools {
  order: 3;
  display: none;
  align-items: center;
  gap: 0.75rem;
}

.site-nav__theme {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.site-nav__theme-icons {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}
.site-nav__theme-icon {
  position: absolute;
  inset: 0;
  width: 30px;
  height: 30px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.site-nav__theme-icon--moon {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
.site-nav__theme-icon--sun {
  opacity: 0;
  transform: rotate(-90deg) scale(0.6);
}
.site-nav__theme[aria-pressed=true] .site-nav__theme-icon--moon {
  opacity: 0;
  transform: rotate(90deg) scale(0.6);
}
.site-nav__theme[aria-pressed=true] .site-nav__theme-icon--sun {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

html.has-nav-open {
  overflow: hidden;
}
html.has-nav-open body {
  position: fixed;
  left: 0;
  right: 0;
  overflow: hidden;
}

.site-nav__panel {
  order: 4;
  flex-basis: 100%;
  min-width: 0;
  display: none;
  flex-direction: column;
  gap: 1rem;
  margin-top: 16px;
  max-height: calc(100vh - var(--site-header-height) - var(--site-header-gap) - 2rem);
  max-height: calc(100dvh - var(--site-header-height) - var(--site-header-gap) - 2rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.site-nav__panel.is-open {
  display: flex;
}

.site-nav__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.site-nav__item {
  position: relative;
  list-style-type: none;
  padding: 5px 15px;
  cursor: pointer;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 25px;
  font-weight: 600;
  color: #FFF;
  text-decoration: none;
}
.site-nav__item > a,
.site-nav__item > [role=button] {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .site-nav__item {
    padding: 0;
  }
  .site-nav__item > a,
  .site-nav__item > [role=button] {
    display: block;
    padding: 5px 15px;
  }
  .site-nav__item > [role=button] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
}

.site-nav__chevron {
  display: flex;
  flex: 0 0 auto;
  transition: transform 0.2s ease;
}
.site-nav__chevron svg {
  display: block;
  width: 0.7em;
  height: 0.7em;
}

.site-nav__item--has-submenu.is-open .site-nav__chevron {
  transform: rotate(90deg);
}

.site-nav__hover {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50%;
  text-align: center;
  font-size: 1em;
  line-height: 1.3;
  white-space: nowrap;
  color: #FFA100;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.site-nav__hover--icon svg {
  display: block;
  width: 1.04em;
  height: 1.04em;
  margin: 0 auto;
}

.site-nav__item > a:focus-visible,
.site-nav__item > [role=button]:focus-visible,
.site-nav__submenu a:focus-visible,
.site-nav__contact:focus-visible,
.site-nav__burger:focus-visible,
.site-nav__theme:focus-visible {
  outline: 2px solid #FFF;
  outline-offset: 4px;
  border-radius: 4px;
}

.site-nav__submenu {
  display: none;
  position: static;
  cursor: default;
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin: 0.5rem 0 0;
  padding: 12px 16px;
  list-style: none;
  background-image: linear-gradient(180deg, #0833BC 0%, #162A6D 100%);
  border-radius: 16px;
  border-top: 6px solid #F5A623;
}
.site-nav__item--has-submenu.is-open .site-nav__submenu {
  display: flex;
}
.site-nav__submenu li {
  padding: 0;
}
.site-nav__submenu li a {
  display: block;
  padding: 4px 0;
  color: #FFF;
  font-size: 16px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.site-nav__submenu li a:hover, .site-nav__submenu li a:focus-visible {
  color: #FFA100;
}

.site-nav__contact {
  align-self: center;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border-radius: 50px;
  background-image: linear-gradient(180deg, #FFA100 0%, #C96807 100%);
  color: #FFF;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.site-nav__contact::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-image: linear-gradient(180deg, #596794 0%, #384161 100%);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.site-nav__contact:hover::after, .site-nav__contact:focus-visible::after {
  opacity: 1;
}

@media (min-width: 1025px) {
  .site-header {
    padding: 0 clamp(1.5rem, calc(-5.7142857143rem + 11.2723214286vw), 7.8125rem);
  }
  .site-nav {
    width: 100%;
    flex-wrap: nowrap;
    gap: clamp(1rem, calc(0.1292517007rem + 1.3605442177vw), 2rem);
    min-height: clamp(5.25rem, calc(3.2908163265rem + 3.0612244898vw), 7.5rem);
    padding: 16px clamp(1rem, calc(0.1292517007rem + 1.3605442177vw), 2rem) 16px clamp(1.5rem, calc(0.193877551rem + 2.0408163265vw), 3rem);
  }
  .site-nav__burger {
    display: none;
  }
  .site-nav__logo,
  .site-nav__panel,
  .site-nav__tools {
    order: 0;
  }
  .site-nav__logo {
    flex: 0 0 auto;
  }
  .site-nav__logo img {
    width: clamp(7.5rem, calc(4.6700680272rem + 4.4217687075vw), 10.75rem);
  }
  .site-nav__panel {
    flex-basis: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(1rem, calc(0.1292517007rem + 1.3605442177vw), 2rem);
    margin-top: 0;
    margin-left: auto;
    max-height: none;
    overflow: visible;
  }
  .site-nav__list {
    flex-direction: row;
    gap: clamp(1rem, calc(0.1292517007rem + 1.3605442177vw), 2rem);
  }
  .site-nav__item {
    font-size: clamp(1.0625rem, calc(0.4638605442rem + 0.9353741497vw), 1.75rem);
    padding-inline: clamp(0.375rem, calc(-0.1147959184rem + 0.7653061224vw), 0.9375rem);
    line-height: 1.3;
  }
  .site-nav__item > a,
  .site-nav__item > [role=button] {
    display: inline-block;
    white-space: nowrap;
    transition: color 0.2s ease, transform 0.2s ease;
  }
  .site-nav__item:hover > a, .site-nav__item:hover > [role=button],
  .site-nav__item > a:focus-visible,
  .site-nav__item > [role=button]:focus-visible {
    color: #FFA100;
    transform: translateY(0.65em);
  }
  .site-nav__item:hover > .site-nav__hover,
  .site-nav__item > a:focus-visible ~ .site-nav__hover,
  .site-nav__item > [role=button]:focus-visible ~ .site-nav__hover {
    opacity: 1;
  }
  .site-nav__hover {
    display: block;
  }
  .site-nav__chevron {
    display: none;
  }
  .site-nav__contact {
    width: clamp(9.375rem, calc(5.0756802721rem + 6.7176870748vw), 14.3125rem);
    height: clamp(3rem, calc(1.8027210884rem + 1.8707482993vw), 4.375rem);
    padding: 0;
    border-radius: 999px;
  }
  .site-nav__submenu {
    position: absolute;
    top: calc(100% + 28px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: auto;
    min-width: 300px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  }
  .site-nav__submenu::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 0;
    right: 0;
    height: 28px;
  }
  .site-nav__submenu::after {
    content: "";
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #F5A623;
  }
}
footer {
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  display: flex;
  align-items: center;
  padding: 2rem clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
footer #footer-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
footer #footer-block #footer-block-logo {
  align-self: stretch;
  display: flex;
  align-items: center;
}
footer #footer-block #logo_elosi {
  width: 23rem;
  margin-right: 2rem;
}
footer #footer-block #slash {
  width: 6rem;
}
footer #footer-block #footer-content-contact #footer-adress {
  color: #FFF;
}
footer #footer-block #footer-content-contact #footer-phone {
  color: #FFA100;
  font-weight: 600;
}
footer #footer-block #footer-content-contact #footer-social-media {
  display: flex;
  gap: 0.5rem;
}
footer #footer-block #footer-content-contact #footer-social-media a img {
  width: 80%;
}
footer .footer-nav {
  width: 100%;
}
footer #footer-useful-link {
  --footer-link-gap: 32px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--footer-link-gap);
  row-gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: clamp(1rem, calc(0.9264705882rem + 0.3137254902vw), 1.25rem);
}
footer #footer-useful-link > li {
  display: flex;
  align-items: center;
  gap: var(--footer-link-gap);
}
footer #footer-useful-link > li:not(:last-child)::after {
  content: "";
  height: 1em;
  width: 3px;
  flex-shrink: 0;
  border-radius: 10px;
  background-color: #FFA100;
}
footer #footer-useful-link a,
footer #footer-useful-link .cookie-settings-link {
  font-size: clamp(1rem, calc(0.9264705882rem + 0.3137254902vw), 1.25rem);
  letter-spacing: normal;
  line-height: 1.5;
  padding-block: 0.25rem;
}
footer #footer-useful-link a:hover, footer #footer-useful-link a:focus-visible,
footer #footer-useful-link .cookie-settings-link:hover,
footer #footer-useful-link .cookie-settings-link:focus-visible {
  text-decoration: none;
  color: #FFA100;
  transition: all 0.3s ease;
}
footer #footer-useful-link a {
  text-decoration: none;
  color: #FFF;
  font-weight: 600;
}

@media (max-width: 767px) {
  footer #footer-block {
    flex-direction: column;
    text-align: center;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  footer #footer-block #footer-block-logo {
    display: flex;
    justify-content: center;
    align-self: auto;
    gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  }
  footer #footer-block #footer-block-logo #logo_elosi {
    width: clamp(8.75rem, calc(5.7605229592rem + 12.7551020408vw), 11.875rem);
    margin-right: 0;
  }
  footer #footer-block #footer-block-logo #slash {
    width: clamp(2.3125rem, calc(1.5352359694rem + 3.3163265306vw), 3.125rem);
  }
  footer #footer-useful-link {
    --footer-link-gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  }
}
body.route-medias-blog .hero.section,
body.route-medias-evenements .hero.section,
body.route-medias-projets-realises .hero.section,
body.route-medias-livres-blancs .hero.section {
  padding-bottom: 4rem;
}

.hero.section {
  padding-bottom: 1rem;
}

.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.hero__bg-icon {
  position: absolute;
  top: 2%;
  left: 40%;
  transform: translateX(-50%);
  width: 35%;
  height: auto;
  aspect-ratio: 4/3;
  z-index: -1;
  pointer-events: none;
}
.hero__row {
  display: flex;
}
.hero__img-block {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hero__img {
  overflow: hidden;
  width: 80%;
  aspect-ratio: 16/9;
  border-radius: 32px 150px;
}
.hero__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__img--contain {
  background-color: #E2E3EC;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}
.hero__img--contain img {
  width: 70%;
  height: auto;
  object-fit: contain;
}
.hero__content {
  position: relative;
  width: 50%;
  height: 100%;
}
.hero__content .hero__title {
  position: static;
  transform: none;
  margin-top: min(3.5vw, 59.5px);
  margin-left: max(-2vw, -34px);
  color: #0833BC;
}
.hero .separator-media {
  width: 50%;
  max-width: none;
  padding: 0;
  align-self: flex-end;
  margin: 0 !important;
}
.hero .separator-media .separator-media-line, .hero .separator-media .separator-media-point {
  background-color: #FFA100;
}
.hero__chapo p {
  font-weight: 600;
}
.hero__button {
  display: flex;
  justify-content: end;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .hero__bg-icon {
    transform: translateX(-100%);
  }
  .hero__row {
    height: 10vh;
  }
  .hero__img-block {
    width: 100%;
    display: none;
  }
  .hero__content {
    position: static;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-left: 15vw;
  }
  .hero__content .hero__title {
    position: static;
    transform: none;
  }
}
@media (max-width: 767px) {
  .hero {
    gap: 2rem;
  }
  .hero__bg-icon {
    width: 47%;
    transform: translateX(-80%);
  }
  .hero__content {
    margin-left: 20vw;
  }
  .hero__content .hero__title {
    font-size: clamp(1.5rem, calc(1.3529411765rem + 0.6274509804vw), 2rem);
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .hero__bg-icon {
    top: 5%;
    left: 40%;
    transform: translateX(-100%);
  }
  .hero__row {
    height: 15vh;
  }
  .hero__img-block {
    width: 100%;
    display: none;
  }
  .hero__content {
    margin-top: 2vw;
    margin-left: 25vw;
    width: 60%;
  }
  .hero__content .hero__title {
    position: static;
    transform: none;
  }
}
.hero-carriere {
  position: relative;
  height: 300px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-image: linear-gradient(180deg, #596794 0%, #26386F 100%);
  align-items: start;
  border-radius: 32px 32px 0 0;
  justify-content: center;
  padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
.hero-carriere h1 {
  color: #FFF;
  margin: 0;
}
.hero-carriere h1 span {
  color: #FFA100;
}
.hero-carriere .icone-point-line {
  width: clamp(3.75rem, calc(3.1433823529rem + 2.5882352941vw), 5.8125rem);
  height: auto;
}
.hero-carriere .dots-trio {
  position: absolute;
  right: clamp(1.5rem, calc(0.4705882353rem + 4.3921568627vw), 5rem);
  bottom: 0;
  transform: translateY(50%);
  z-index: 2;
  gap: clamp(0.5rem, calc(0.2794117647rem + 0.9411764706vw), 1.25rem);
}
.hero-carriere .dots-trio .dots-trio-point {
  width: clamp(1.5rem, calc(0.9852941176rem + 2.1960784314vw), 3.25rem);
  height: clamp(1.5rem, calc(0.9852941176rem + 2.1960784314vw), 3.25rem);
}

@media (max-width: 1024px) {
  .hero-carriere {
    height: auto;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
    padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
}
@media (max-width: 767px) {
  .hero-carriere {
    gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
    padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
    border-radius: 24px 24px 0 0;
  }
  .hero-carriere h1 {
    font-size: 1.8rem;
  }
}
.article-hero {
  position: relative;
}
.article-hero .article-hero_box {
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  padding: clamp(20px, 3vw, 40px);
  background-image: linear-gradient(180deg, #0833BC 0%, #162A6D 100%);
  border-radius: 0;
  overflow: hidden;
}
.article-hero .article-hero_text {
  flex: 1 1 56%;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.article-hero .article-hero_meta {
  margin: 0 0 0.2rem;
  color: #FFA100;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(14px, 1.2vw, 16px);
  letter-spacing: 0.03em;
}
.article-hero .article-hero_title {
  margin: 0;
  color: #FFF;
  font-family: "Space Grotesk", system-ui, sans-serif;
  line-height: 1.2;
}
.article-hero .article-hero_illu {
  flex: 0 0 40%;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  overflow: hidden;
}
.article-hero .article-hero_illu img {
  display: block;
  width: auto;
  height: 95%;
  max-height: 300px;
  object-fit: fill;
  border-radius: 16px;
}
.article-hero .dots-trio {
  position: absolute;
  right: clamp(1.5rem, calc(0.4705882353rem + 4.3921568627vw), 5rem);
  bottom: 0;
  transform: translateY(50%);
  z-index: 2;
  gap: clamp(0.5rem, calc(0.2794117647rem + 0.9411764706vw), 1.25rem);
}
.article-hero .dots-trio .dots-trio-point {
  width: clamp(1.5rem, calc(0.9852941176rem + 2.1960784314vw), 3.25rem);
  height: clamp(1.5rem, calc(0.9852941176rem + 2.1960784314vw), 3.25rem);
}
@media (max-width: 767px) {
  .article-hero .article-hero_box {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  .article-hero .article-hero_illu {
    flex: none;
    width: 100%;
    aspect-ratio: 16/9;
  }
  .article-hero .article-hero_illu img {
    max-height: none;
  }
  .article-hero .article-hero_points {
    right: 5%;
    width: 64px;
  }
}

@media (max-width: 767px) {
  .back-button-wrap {
    display: none;
  }
}

.back-button {
  position: relative;
  display: inline-flex;
  text-decoration: none;
}
.back-button .back-button_pill {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.7rem 1.7rem;
  background-color: #fff;
  border-left: 4px solid #FFA100;
  border-radius: 5px;
  border-bottom-left-radius: 50px;
  box-shadow: 0 8px 20px rgba(8, 51, 188, 0.1);
}
.back-button .back-button_arrow {
  flex: 0 0 auto;
  display: block;
  transition: transform 0.2s ease;
}
.back-button .back-button_label {
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--color-text);
}
.back-button:hover .back-button_arrow, .back-button:focus-visible .back-button_arrow {
  transform: translateX(-3px);
}

#back-to-top {
  position: fixed;
  right: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  bottom: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  z-index: 90;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  color: #FFF;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
#back-to-top svg {
  width: 40%;
  height: 40%;
  transform: rotate(-90deg);
}
#back-to-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
#back-to-top.is-visible:hover, #back-to-top.is-visible:focus-visible {
  transform: translateY(-4px);
}
#back-to-top:focus-visible {
  outline: 2px solid #0833BC;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  #back-to-top {
    transition: opacity 0.3s ease;
  }
  #back-to-top.is-visible:hover, #back-to-top.is-visible:focus-visible {
    transform: none;
  }
}

.chapo .intro {
  display: flex;
  align-items: flex-start;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  margin: 0 auto;
  max-width: 1500px;
}
.chapo .intro .intro-icon {
  flex-shrink: 0;
}
.chapo .intro .intro-icon .icone-point-line {
  width: 130px;
  height: auto;
}
.chapo .intro .intro-content .intro-title {
  margin: 0 0 1rem;
}
.chapo .intro .intro-content p {
  margin: 0 0 1rem;
  font-size: 1.5rem;
  font-weight: 500;
}
.chapo .intro .intro-content p:last-of-type {
  margin-bottom: 2rem;
}
.chapo .intro .intro-content .intro-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
}
@media (max-width: 767px) {
  .chapo .intro {
    flex-direction: column;
    align-items: center;
    gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  }
  .chapo .intro .intro-content p {
    text-align: center;
    font-size: 1.1rem;
  }
  .chapo .intro .intro-icon .icone-point-line {
    width: 40px;
  }
  .chapo .intro .intro-content .intro-cta {
    flex-direction: column;
    align-items: center;
  }
}
.chapo .chapo--no-separator {
  margin-bottom: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
.chapo .separator-primary-wrapper {
  margin: 2rem auto;
  padding: 0 clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
.chapo .separator-primary {
  height: 2px;
  width: 100%;
  background-color: #000000;
  opacity: 0.2;
  border-radius: 5px;
}

.media-nav {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1300px;
  margin: 4rem auto clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  padding: 0 clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
.media-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  gap: 1.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 1279px) {
  .media-nav {
    margin-bottom: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
  .media-nav ul {
    flex-wrap: nowrap;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  .media-nav li {
    flex: 1 1 0;
    min-width: 0;
  }
}
@media (max-width: 767px) {
  .media-nav {
    margin-bottom: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  .media-nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem) 1rem;
  }
  .media-nav li {
    width: 100%;
  }
}

.media-nav_tab {
  position: relative;
  z-index: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 15rem;
  box-sizing: border-box;
  padding: 1.4rem 2rem 1.4rem 1.6rem;
  color: #0833BC;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(0.625rem, calc(0.4411764706rem + 0.7843137255vw), 1.25rem);
  white-space: nowrap;
  text-decoration: none;
  transition: transform 0.15s ease;
}
.media-nav_tab::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: 16px 18px 74px 16px;
  background-color: #596794;
  transform: translateX(15px);
}
.media-nav_tab::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 16px 0 64px 16px;
  background-color: #E2E3EC;
}
.media-nav_tab:hover {
  transform: translateY(-2px);
  color: #FFF;
}
.media-nav_tab:hover::after {
  background-image: linear-gradient(180deg, #596794 0%, #384161 100%);
  transition: opacity 0.3s ease;
}
.media-nav_tab.is-active::before {
  background-image: linear-gradient(180deg, #FFA100 0%, #C96807 100%);
}
@media (max-width: 1279px) {
  .media-nav_tab {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .media-nav_tab {
    padding: 1rem 1.6rem 1rem 1.3rem;
  }
  .media-nav_tab::before {
    transform: translateX(11px);
  }
}

.media-zone {
  background-color: #DBE0F1;
  background-image: url("../images/misc/background.svg");
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% 100vh;
  padding: 0 0 clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
}

.separator-media {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  max-width: 100%;
}
.separator-media .separator-media-points {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  flex: 0 0 auto;
  order: 0;
}
.separator-media .separator-media-line {
  flex: 1;
  height: 1rem;
  background-color: #fff;
  border-radius: 100px;
  order: 1;
}
.separator-media .separator-media-point {
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  background-color: #fff;
}

.media-list {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

main > .media-list:last-child,
main > .media-list_load-more:last-child {
  margin-bottom: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
}

.media-list_empty {
  text-align: center;
  color: var(--color-heading);
  padding: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem) clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}

.media-list_load-more {
  display: flex;
  justify-content: center;
  margin-top: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  scroll-margin-top: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
}
.media-list_load-more a {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none;
  color: #0833BC;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
}
.media-list_load-more a::before, .media-list_load-more a::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background-color: #FFA100;
  -webkit-mask-image: url("../icons/arrows/arrow-blog.svg");
  mask-image: url("../icons/arrows/arrow-blog.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transform: rotate(90deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.media-list_load-more a:hover::before, .media-list_load-more a:hover::after {
  opacity: 1;
}

.media-card a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.media-card .media-card_inner {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  gap: 2.5rem;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 12px 34px rgba(8, 51, 188, 0.1);
  padding: 2.75rem;
}
.media-card .media-card_image {
  flex: 0 0 42%;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(180deg, #0833BC 0%, #162A6D 100%);
  border-radius: 12px;
  padding: 1.25rem;
  min-height: 240px;
}
.media-card .media-card_image img {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: fill;
  border-radius: 8px;
  display: block;
}
.media-card .media-card_content {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  min-width: 0;
}
.media-card .media-card_meta {
  font-weight: bold;
  margin: 0;
  color: #596794;
}
.media-card .media-card_title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  color: #0833BC;
}
.media-card .media-card_excerpt {
  font-size: 0.95rem;
  margin: 0;
  color: #596794;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.media-card .media-card_button {
  align-self: flex-start;
  margin-top: 3rem;
}
.media-card.media-card--alt .media-card_inner {
  flex-direction: row;
}
.media-card.media-card--alt .media-card_button {
  align-self: flex-end;
}
@media (max-width: 767px) {
  .media-card .media-card_inner, .media-card.media-card--alt .media-card_inner {
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem;
  }
  .media-card .media-card_image {
    flex: none;
    width: 100%;
    min-height: 0;
    aspect-ratio: 16/10;
  }
  .media-card .media-card_button, .media-card.media-card--alt .media-card_button {
    text-align: center;
  }
}

.media-featured .media-featured_inner {
  display: block;
}
.media-featured .media-featured_link {
  display: flex;
  align-items: stretch;
  text-decoration: none;
  color: inherit;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(8, 51, 188, 0.12);
  background-color: #fff;
}
.media-featured .media-featured_image {
  flex: 0 0 42%;
  background-image: linear-gradient(180deg, #0833BC 0%, #162A6D 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.media-featured .media-featured_image img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  object-fit: fill;
  border-radius: 12px;
  display: block;
}
.media-featured .media-featured_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 2.5rem;
  min-width: 0;
}
.media-featured .media-featured_tag {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFA100;
}
.media-featured .media-featured_title {
  margin: 0;
  font-size: 1.9rem;
  line-height: 1.2;
  color: #0833BC;
}
.media-featured .media-featured_excerpt {
  margin: 0;
  color: #596794;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.media-featured .media-featured_button {
  margin-top: auto;
  align-self: flex-end;
}
@media (max-width: 767px) {
  .media-featured .media-featured_link {
    flex-direction: column;
  }
  .media-featured .media-featured_image {
    flex: none;
    width: 100%;
  }
  .media-featured .media-featured_image img {
    max-height: 220px;
  }
  .media-featured .media-featured_content {
    padding: 1.5rem;
  }
  .media-featured .media-featured_button {
    text-align: center;
  }
}

body.single-articles,
body.single-evenements,
body.single-projets,
body.single-livres_blancs {
  --color-page-bg: var(--color-surface-behind);
}

.media-single_content {
  max-width: 800px;
  margin: 0 auto clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  padding: 0 clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
.media-single_content p {
  font-size: clamp(1rem, calc(0.7426470588rem + 1.0980392157vw), 1.875rem);
}

.article-single {
  margin: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem) auto clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  border-radius: clamp(20px, 2.4vw, 28px);
  box-shadow: 0 20px 50px rgba(8, 51, 188, 0.08);
}
@media (max-width: 767px) {
  .article-single {
    max-width: 100%;
  }
}
.article-single .article-hero {
  margin: 0;
}
.article-single .media-single_content {
  max-width: none;
  margin: 0;
  padding: clamp(28px, 3.5vw, 56px);
}

.media-single_content--article {
  color: var(--color-text);
}
.media-single_content--article p {
  font-size: 1.3rem;
  line-height: 1.7;
  letter-spacing: normal;
  margin: 0 0 1rem;
}
.media-single_content--article h2 {
  position: relative;
  background: linear-gradient(180deg, #FFA100 0%, #BF5708 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: clamp(1.4rem, 2.4vw, 1.9rem);
  margin: 2rem 0 1rem;
  padding-bottom: 1.9rem;
}
.media-single_content--article h2::before, .media-single_content--article h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 16px;
  background-color: #596794;
}
.media-single_content--article h2::before {
  left: 0;
  width: 52px;
  border-radius: 8px;
}
.media-single_content--article h2::after {
  left: 64px;
  width: 16px;
  border-radius: 50%;
}
.media-single_content--article h3 {
  color: #596794;
  font-size: clamp(1.1rem, 1.6vw, 1.3rem);
  margin: 1.5rem 0 0.4rem;
}
.media-single_content--article ul,
.media-single_content--article ol {
  line-height: 1.7;
  margin: 0 0 1rem;
}
.media-single_content--article ul li,
.media-single_content--article ol li {
  margin-bottom: 0.25rem;
}
.media-single_content--article ul li::marker,
.media-single_content--article ol li::marker {
  color: black;
}
.media-single_content--article a,
.media-single_content--article u {
  text-decoration: none;
}
.media-single_content--article a::hover,
.media-single_content--article u::hover {
  text-decoration: none;
}

.post-taxonomies {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  margin-bottom: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
.post-taxonomies .post-taxonomies_group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}
.post-taxonomies .post-taxonomies_label {
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 700;
  color: #596794;
}
.post-taxonomies .post-taxonomies_terms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}
.post-taxonomies .post-taxonomies_term {
  padding: 0.4rem 0.9rem;
  background-color: #DBE0F1;
  color: #0833BC;
  border-radius: 100px;
  font-size: 0.95rem;
  font-weight: 600;
}

.event-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
.event-tags .event-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.7rem 1.25rem;
  background-color: #DBE0F1;
  border-radius: 12px;
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 600;
}
.event-tags .event-tag_icon {
  flex: 0 0 auto;
  display: block;
  color: #FFA100;
}
.event-tags .event-tag_label {
  line-height: 1.2;
}
@media (max-width: 767px) {
  .event-tags .event-tag {
    width: 100%;
  }
}

.whitepaper-form {
  max-width: 90%;
  margin: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem) auto;
  padding: 0;
}
@media (max-width: 767px) {
  .whitepaper-form {
    max-width: 100%;
  }
}
.whitepaper-form .whitepaper-form_card {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 4vw, 64px);
  background: linear-gradient(180deg, #596794 0%, #26386F 100%);
  border-radius: clamp(20px, 2.4vw, 28px);
}
@media (max-width: 767px) {
  .whitepaper-form .whitepaper-form_card {
    border-radius: 0;
  }
}
.whitepaper-form .whitepaper-form_card::before {
  content: "";
  position: absolute;
  inset: -25%;
  background: url("../images/misc/background.svg") no-repeat center/cover;
  transform: rotate(-20deg);
  pointer-events: none;
  top: 10%;
}
.whitepaper-form .whitepaper-form_form,
.whitepaper-form .whitepaper-form_notice {
  position: relative;
  z-index: 1;
}
.whitepaper-form .whitepaper-form_notice {
  margin: 0 0 1.5rem;
  padding: 0.8rem 1rem;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.12);
  color: #FFF;
  font-weight: 600;
}
.whitepaper-form .whitepaper-form_form {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2vw, 28px);
}
.whitepaper-form .whitepaper-form_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 2vw, 40px);
}
@media (max-width: 767px) {
  .whitepaper-form .whitepaper-form_row {
    grid-template-columns: 1fr;
  }
}
.whitepaper-form .whitepaper-form_field {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.whitepaper-form .whitepaper-form_field label {
  color: #FFF;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
}
.whitepaper-form .whitepaper-form_field input,
.whitepaper-form .whitepaper-form_field select {
  width: 100%;
  padding: 0.9rem 1.25rem;
  border: none;
  border-left: 8px solid #FFA100;
  border-radius: 50px 50px 50px 16px;
  background-color: #fff;
  color: var(--color-text);
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 1rem;
}
.whitepaper-form .whitepaper-form_field input::placeholder,
.whitepaper-form .whitepaper-form_field select::placeholder {
  color: #8a8fa3;
}
.whitepaper-form .whitepaper-form_field input:focus,
.whitepaper-form .whitepaper-form_field select:focus {
  outline: 2px solid #FFA100;
  outline-offset: 2px;
}
.whitepaper-form .whitepaper-form_field select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFA100' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  padding-right: 3rem;
  cursor: pointer;
}
.whitepaper-form .whitepaper-form_req {
  color: #FFA100;
}
.whitepaper-form .whitepaper-form_consent {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  color: #FFF;
  font-size: 1rem;
  line-height: 1.4;
}
.whitepaper-form .whitepaper-form_consent input[type=checkbox] {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  accent-color: #FFA100;
}
.whitepaper-form .whitepaper-form_consent a {
  color: #FFA100;
  font-weight: 700;
}
.whitepaper-form .whitepaper-form_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.whitepaper-form .whitepaper-form_required-note {
  margin: 0;
  color: #FFA100;
  font-weight: 700;
  font-size: clamp(1rem, calc(0.9411764706rem + 0.2509803922vw), 1.2rem);
}
.whitepaper-form button.button-orange {
  border: none;
  cursor: pointer;
  font-size: 1.05rem;
}

.newsletter {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 4rem 0;
  background-color: #E2E3EC;
}
.newsletter .newsletter_inner {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.newsletter .newsletter_media {
  flex: 0 0 45%;
}
.newsletter .newsletter_media img {
  width: 100%;
  height: auto;
  max-height: 360px;
  object-fit: contain;
  display: block;
}
.newsletter .newsletter_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 1.2rem;
  min-width: 0;
}
.newsletter .newsletter_title {
  margin: 0;
  color: #596794;
  font-size: 2rem;
  line-height: 1.15;
  text-align: right;
}
.newsletter .newsletter_pill {
  width: 3rem;
  height: 0.9rem;
  border-radius: 100px;
  background-color: #FFA100;
}
.newsletter .newsletter_text {
  margin: 0;
  color: #596794;
}
.newsletter .newsletter_text strong {
  color: #FFA100;
}
.newsletter .newsletter_form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.newsletter .newsletter_input {
  width: 100%;
  padding: 0.9rem 1.2rem;
  border: 1px solid #CFD5E7;
  border-radius: 8px;
  background-color: #fff;
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 1rem;
  text-align: left;
}
.newsletter .newsletter_consent {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  text-align: left;
  font-size: 0.75rem;
  color: #596794;
  cursor: default;
}
.newsletter .newsletter_consent input {
  margin-top: 0.2rem;
  flex-shrink: 0;
}
.newsletter .newsletter_button {
  align-self: flex-end;
  color: #FFF;
  border: none;
  cursor: pointer;
  font-family: "Raleway", system-ui, sans-serif;
}
@media (max-width: 767px) {
  .newsletter {
    padding: 2.5rem 0;
  }
  .newsletter .newsletter_inner {
    flex-direction: column;
    gap: 2rem;
  }
  .newsletter .newsletter_media {
    flex: none;
    width: 100%;
  }
  .newsletter .newsletter_button {
    align-self: stretch;
  }
}

.cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  background-image: linear-gradient(180deg, #0833BC 0%, #162A6D 100%);
  border-radius: 32px 16px 32px 16px;
  padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  margin: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem) 0;
  color: #FFF;
}
.cta .cta_subtitle {
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  margin: 0 0 0.5rem;
}
.cta .cta_title {
  color: #FFF;
  margin: 0 0 0.75rem;
}
.cta .cta_description {
  font-size: clamp(1rem, calc(0.7426470588rem + 1.0980392157vw), 1.875rem);
  margin: 0;
}
.cta .cta_button {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

.cta-with-media {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  align-items: center;
  margin: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem) 0;
}
.cta-with-media .cta_media {
  margin: 0;
  z-index: 0;
}
.cta-with-media .cta_media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 32px 16px 32px 16px;
}
.cta-with-media .cta {
  position: relative;
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  margin: 0 0 0 -clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
@media (max-width: 767px) {
  .cta-with-media {
    grid-template-columns: 1fr;
  }
  .cta-with-media .cta {
    margin: -clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem) 0 0;
  }
}

.section-title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.section-title--align-left {
  align-items: flex-start;
  text-align: left;
}
.section-title--align-center {
  align-items: center;
  text-align: center;
}
.section-title--align-right {
  align-items: flex-end;
  text-align: right;
}
.section-title--lg {
  gap: 1.25rem;
}
.section-title__title {
  margin: 0;
}
.section-title__title--yellow {
  color: #FFA100;
}
.section-title__title--blue {
  color: #0833BC;
}
.section-title__title--dark-blue {
  color: #082172;
}
.section-title__title--grey {
  color: #596794;
}
.section-title__title--white {
  color: #FFF;
}
.section-title__separator {
  display: inline-flex;
  line-height: 0;
}
.section-title__separator svg {
  display: block;
  width: auto;
  height: 30px;
}
@media (max-width: 767px) {
  .section-title__separator svg {
    height: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .section-title__separator svg {
    height: 24px;
  }
}
.section-title__separator--yellow {
  color: #FFA100;
}
.section-title__separator--blue {
  color: #0833BC;
}
.section-title__separator--dark-blue {
  color: #082172;
}
.section-title__separator--grey {
  color: #596794;
}

.dots-trio {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}
.dots-trio .dots-trio-point {
  width: clamp(1.5rem, calc(1.3161764706rem + 0.7843137255vw), 2.125rem);
  height: clamp(1.5rem, calc(1.3161764706rem + 0.7843137255vw), 2.125rem);
  border-radius: 50%;
  flex-shrink: 0;
}
.dots-trio .dots-trio-point.blue {
  background-color: #0833BC;
}
.dots-trio .dots-trio-point.yellow {
  background-color: #FFA100;
}
.dots-trio .dots-trio-point.grey {
  background-color: #596794;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.faq-item {
  position: relative;
}
.faq-item__content {
  position: relative;
  z-index: 1;
  background-color: #FFF;
  border-radius: 150px 16px 250px 150px;
  overflow: hidden;
  border-right: 10px solid #FFA100;
  transition: border-radius 0.3s ease;
}
.faq-item.is-open .faq-item__content {
  border-radius: 32px 16px 75px 32px;
}
.faq-item.is-open::before {
  border-radius: 28px 15px 70px 39px;
}
.faq-item h2,
.faq-item h3,
.faq-item h4 {
  margin: 0;
  font-size: inherit;
  color: inherit;
}
.faq-item__question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  padding: 1rem 2rem;
  color: #1C1C1C;
}
.faq-item__question:focus-visible {
  outline: 2px solid #1C1C1C;
  outline-offset: -2px;
  border-radius: 4px;
}
.faq-item.is-open .faq-item__question {
  color: #0833BC;
}
.faq-item__label {
  font-family: "Raleway", system-ui, sans-serif;
  margin: 0;
  font-weight: 800;
}
.faq-item__icon {
  position: relative;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: #0833BC;
}
.faq-item__icon::before, .faq-item__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #0833BC;
  transform: translate(-50%, -50%);
}
.faq-item__icon::before {
  width: 100%;
  height: 3px;
}
.faq-item__icon::after {
  width: 3px;
  height: 100%;
}
.faq-item.is-open .faq-item__icon::after {
  display: none;
}
.faq-item__answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
.faq-item__answer[hidden] {
  display: none;
}
.faq-item__answer-inner {
  overflow: hidden;
}
.faq-item__answer-inner p {
  margin: 0;
  padding: 0 1rem 1rem 2rem;
}
.faq-item__answer-inner p + p {
  padding-top: 0.75rem;
}
.faq-item.is-open .faq-item__answer {
  grid-template-rows: 1fr;
}

.faq-section {
  background-color: #DBE0F1;
  background-image: url("../images/misc/background.svg");
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.faq-section__title {
  display: flex;
  justify-content: space-between;
  margin: 0rem 1.5rem 2rem 1.5rem;
}
.faq-section__title .section-title {
  margin-bottom: 0;
}

.faq-page {
  padding-top: clamp(2rem, calc(1.1176470588rem + 3.7647058824vw), 5rem);
  padding-bottom: clamp(3rem, calc(1.6764705882rem + 5.6470588235vw), 7.5rem);
  padding-left: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
  padding-right: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .faq-page {
    padding-left: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
    padding-right: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  }
}
.faq-page__card {
  width: 100%;
  border-radius: 16px;
  background-color: var(--color-surface);
}
.faq-page__body {
  padding: clamp(1.5rem, calc(1.0588235294rem + 1.8823529412vw), 3rem) clamp(1.25rem, calc(0.8823529412rem + 1.568627451vw), 2.5rem) clamp(2rem, calc(1.4117647059rem + 2.5098039216vw), 4rem);
  border-radius: 0 0 16px 16px;
  background-color: #DBE0F1;
  background-image: url("../images/misc/background.svg");
}
.faq-page__category + .faq-page__category {
  margin-top: clamp(2rem, calc(1.5588235294rem + 1.8823529412vw), 3.5rem);
}
.faq-page__category-title {
  margin: 0 0 clamp(1rem, calc(0.8529411765rem + 0.6274509804vw), 1.5rem);
  color: #0833BC;
  font-size: clamp(1.25rem, calc(1.0294117647rem + 0.9411764706vw), 2rem);
  line-height: 1.25;
}
.faq-page .faq-item__label {
  font-size: clamp(0.9375rem, calc(0.8455882353rem + 0.3921568627vw), 1.25rem);
}
.faq-page .faq-item__answer-inner p {
  font-size: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
}

.page-nav-wrapper {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  overflow: hidden;
}
.page-nav-wrapper--bg-lavande {
  background-color: #F2F4FF;
}
.page-nav-wrapper--bg-white {
  background-color: #fff;
}
.page-nav-wrapper .page-nav {
  display: flex;
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 0.7058823529rem + 1.2549019608vw, 2rem);
  justify-content: space-between;
}
.page-nav-wrapper .page-nav .page-nav-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
  height: 100px;
  width: 50%;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .page-nav-wrapper .page-nav .page-nav-link {
    font-size: 1rem;
  }
}
.page-nav-wrapper .page-nav .page-nav-link .page-nav-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-nav-wrapper .page-nav .page-nav-link .page-nav-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-nav-wrapper .page-nav .page-nav-link .page-nav-arrow .page-nav-icon {
  width: min(1.5vw, 25.5px);
}
@media (max-width: 767px) {
  .page-nav-wrapper .page-nav .page-nav-link .page-nav-arrow .page-nav-icon {
    width: 4vw;
  }
}
.page-nav-wrapper .page-nav .page-nav-link .page-nav-arrow .page-nav-icon.return {
  rotate: 180deg;
}
.page-nav-wrapper .page-nav .page-nav-next {
  text-align: right;
  justify-content: end;
  border-left: 1px solid #CFD5E7;
}
.page-nav-wrapper .page-nav .page-nav-direction {
  font-size: 0.9rem;
  text-transform: uppercase;
  font-family: "Space Grotesk", sans-serif;
  color: #596794;
}
.page-nav-wrapper .page-nav .page-nav-label {
  color: #0833BC;
  font-family: "Space Grotesk", sans-serif;
}
@media (max-width: 767px) {
  .page-nav-wrapper .page-nav .page-nav-label {
    font-size: 0.85rem;
  }
}

.offer-why-wrapper {
  background-color: #596794;
  background-image: url("../images/misc/background.svg");
}
.offer-why-wrapper .offer-why {
  display: flex;
  gap: 3rem;
  margin: 4rem 0;
}
.offer-why-wrapper .offer-why-content {
  width: 50%;
  color: #FFF;
}
.offer-why-wrapper .offer-why-content .offer-why-title h2 {
  color: #FFF;
}
.offer-why-wrapper .offer-why-img {
  width: 50%;
  display: flex;
  justify-content: end;
  align-items: center;
}
.offer-why-wrapper .offer-why-img .offer-why-img-frame {
  position: relative;
  width: 75%;
}
.offer-why-wrapper .offer-why-img img {
  display: block;
  width: 100%;
  height: auto;
}
.offer-why-wrapper .offer-why-img .icon-points {
  display: inline-block;
  aspect-ratio: 257/67;
  background-color: #0833BC;
  -webkit-mask-image: url("../icons/decor/dots.webp");
  mask-image: url("../icons/decor/dots.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 85%;
  left: 60%;
  width: 38%;
  z-index: 1;
}
@media (max-width: 767px) {
  .offer-why-wrapper .offer-why {
    flex-direction: column;
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
    padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) 0;
    padding: 2rem;
  }
  .offer-why-wrapper .offer-why-content,
  .offer-why-wrapper .offer-why-img {
    width: 100%;
  }
  .offer-why-wrapper .offer-why-img {
    justify-content: center;
  }
  .offer-why-wrapper .offer-why-img .offer-why-img-frame {
    width: 70%;
  }
  .offer-why-wrapper .offer-why-img .icon-points {
    top: 85%;
    left: 60%;
    width: 38%;
    z-index: 1;
  }
}

.offer-why-elosi {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
.offer-why-elosi .offer-why-elosi-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}
.offer-why-elosi .offer-why-elosi-inner {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item {
  display: flex;
  flex-direction: column;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item p {
  margin: 0;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item .offer-why-elosi-item-title,
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item p {
  max-width: 50%;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item .offer-why-elosi-item-title {
  display: flex;
  gap: 2rem;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item .offer-why-elosi-item-title h3 {
  min-width: 0;
}
@media (max-width: 767px) {
  .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item .offer-why-elosi-item-title {
    display: block;
  }
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item.right {
  align-items: end;
  text-align: end;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item.right .offer-why-elosi-item-title {
  flex-direction: row-reverse;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item.left {
  align-items: baseline;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:first-of-type .dots-trio-point:first-child {
  position: relative;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:first-of-type .dots-trio-point:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(7.5rem, calc(5.2941176471rem + 9.4117647059vw), 15rem);
  height: clamp(7.5rem, calc(5.2941176471rem + 9.4117647059vw), 15rem);
  border-radius: 50%;
  background-color: #F5E4CC;
  z-index: -1;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(4) .dots-trio {
  position: relative;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(4) .dots-trio::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  width: clamp(7.5rem, calc(5.2941176471rem + 9.4117647059vw), 15rem);
  height: clamp(7.5rem, calc(5.2941176471rem + 9.4117647059vw), 15rem);
  border-radius: 50%;
  background-color: #F5E4CC;
  z-index: -1;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(2) .offer-why-elosi-item-title {
  position: relative;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(2) .offer-why-elosi-item-title::before {
  content: "";
  position: absolute;
  top: 25%;
  right: 0;
  transform: translateY(-25%);
  width: clamp(4.75rem, calc(3.3529411765rem + 5.9607843137vw), 9.5rem);
  height: clamp(9.5rem, calc(6.7058823529rem + 11.9215686275vw), 19rem);
  background: url("../icons/brand/slash-elosi-blue.svg") no-repeat center center;
  background-size: contain;
  z-index: -1;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(3) .offer-why-elosi-item-title {
  position: relative;
}
.offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(3) .offer-why-elosi-item-title::before {
  content: "";
  position: absolute;
  top: 25%;
  left: 0;
  transform: translate(-50%, -25%);
  width: clamp(4.75rem, calc(3.3529411765rem + 5.9607843137vw), 9.5rem);
  height: clamp(9.5rem, calc(6.7058823529rem + 11.9215686275vw), 19rem);
  background: url("../icons/brand/slash-elosi-blue.svg") no-repeat center center;
  background-size: contain;
  z-index: -1;
}
.offer-why-elosi .offer-why-elosi-expertise {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5rem;
  gap: 2rem;
}
.offer-why-elosi .offer-why-elosi-expertise::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(12.5rem, calc(8.8235294118rem + 15.6862745098vw), 25rem);
  height: clamp(12.5rem, calc(8.8235294118rem + 15.6862745098vw), 25rem);
  border-radius: 50%;
  background-color: #F5E4CC;
  z-index: -1;
}
.offer-why-elosi .offer-why-elosi-expertise .offer-why-elosi-expertise-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.offer-why-elosi .offer-why-elosi-expertise .offer-why-elosi-expertise-inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.offer-why-elosi .offer-why-elosi-expertise .offer-why-elosi-expertise-line {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.offer-why-elosi .offer-why-elosi-expertise .offer-why-elosi-expertise-line .offer-why-elosi-expertise-item {
  flex: 1 1 auto;
  text-align: center;
  border-radius: 64px;
  color: #FFF;
  font-weight: 600;
  padding: 1rem 3rem;
  margin: 0;
}
.offer-why-elosi .offer-why-elosi-expertise .offer-why-elosi-expertise-line .offer-why-elosi-expertise-item.blue {
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
}
.offer-why-elosi .offer-why-elosi-expertise .offer-why-elosi-expertise-line .offer-why-elosi-expertise-item.yellow {
  background-image: linear-gradient(180deg, #FFA100 0%, #C96807 100%);
}
.offer-why-elosi .offer-why-elosi-expertise .offer-why-elosi-expertise-line .offer-why-elosi-expertise-item.grey {
  background-image: linear-gradient(180deg, #596794 0%, #384161 100%);
}

@media (min-width: 1025px) and (max-width: 1279px) {
  .offer-why-elosi .offer-why-elosi-inner {
    padding-inline: 2rem;
  }
  .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item .offer-why-elosi-item-title,
  .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item p {
    max-width: clamp(50%, 150% - 7.8125vw, 70%);
  }
}
@media (min-width: 1280px) and (max-width: 1366px) {
  .offer-why-elosi .offer-why-elosi-inner {
    gap: 4rem;
  }
  .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item .offer-why-elosi-item-title, .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item p {
    max-width: 65%;
  }
}
@media (max-width: 1024px) {
  .offer-why-elosi .offer-why-elosi-inner {
    gap: 4rem;
  }
  .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item .offer-why-elosi-item-title,
  .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item p {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .offer-why-elosi .offer-why-elosi-expertise .offer-why-elosi-expertise-inner .offer-why-elosi-expertise-line {
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  .offer-why-elosi .offer-why-elosi-expertise .offer-why-elosi-expertise-inner .offer-why-elosi-expertise-line .offer-why-elosi-expertise-item {
    margin: 0;
    padding: 1rem 1rem;
  }
}
@media (max-width: 767px) {
  .page-consulting .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:first-of-type .dots-trio-point:first-child::before,
  .page-consulting .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(4) .dots-trio::before,
  .page-consulting .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(2) .offer-why-elosi-item-title::before,
  .page-consulting .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(3) .offer-why-elosi-item-title::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:first-of-type .dots-trio-point:first-child::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(4) .dots-trio::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(2) .offer-why-elosi-item-title::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(3) .offer-why-elosi-item-title::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:first-of-type .dots-trio-point:first-child::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(4) .dots-trio::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(2) .offer-why-elosi-item-title::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(3) .offer-why-elosi-item-title::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:first-of-type .dots-trio-point:first-child::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(4) .dots-trio::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(2) .offer-why-elosi-item-title::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(3) .offer-why-elosi-item-title::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:first-of-type .dots-trio-point:first-child::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(4) .dots-trio::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(2) .offer-why-elosi-item-title::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(3) .offer-why-elosi-item-title::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:first-of-type .dots-trio-point:first-child::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(4) .dots-trio::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(2) .offer-why-elosi-item-title::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(3) .offer-why-elosi-item-title::before {
    content: none;
  }
  .page-consulting .offer-why-elosi .offer-why-elosi-item,
  #page-solutions .offer-why-elosi .offer-why-elosi-item,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item,
  .page-drupal .offer-why-elosi .offer-why-elosi-item,
  .page-intershop .offer-why-elosi .offer-why-elosi-item,
  .page-odoo .offer-why-elosi .offer-why-elosi-item {
    position: relative;
  }
  .page-consulting .offer-why-elosi .offer-why-elosi-item::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    pointer-events: none;
  }
  .page-consulting .offer-why-elosi .offer-why-elosi-item.left,
  #page-solutions .offer-why-elosi .offer-why-elosi-item.left,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item.left,
  .page-drupal .offer-why-elosi .offer-why-elosi-item.left,
  .page-intershop .offer-why-elosi .offer-why-elosi-item.left,
  .page-odoo .offer-why-elosi .offer-why-elosi-item.left {
    padding-left: 0;
  }
  .page-consulting .offer-why-elosi .offer-why-elosi-item.left::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item.left::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item.left::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item.left::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item.left::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item.left::before {
    left: -2rem;
  }
  .page-consulting .offer-why-elosi .offer-why-elosi-item.right,
  #page-solutions .offer-why-elosi .offer-why-elosi-item.right,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item.right,
  .page-drupal .offer-why-elosi .offer-why-elosi-item.right,
  .page-intershop .offer-why-elosi .offer-why-elosi-item.right,
  .page-odoo .offer-why-elosi .offer-why-elosi-item.right {
    padding-right: 0;
  }
  .page-consulting .offer-why-elosi .offer-why-elosi-item.right::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item.right::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item.right::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item.right::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item.right::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item.right::before {
    right: -1rem;
  }
  .page-consulting .offer-why-elosi .offer-why-elosi-item:nth-child(4n+1)::before,
  .page-consulting .offer-why-elosi .offer-why-elosi-item:nth-child(4n)::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item:nth-child(4n+1)::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item:nth-child(4n)::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item:nth-child(4n+1)::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item:nth-child(4n)::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item:nth-child(4n+1)::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item:nth-child(4n)::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item:nth-child(4n+1)::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item:nth-child(4n)::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item:nth-child(4n+1)::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item:nth-child(4n)::before {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #F5E4CC;
    top: 3.25rem;
  }
  .page-consulting .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2)::before,
  .page-consulting .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3)::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2)::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3)::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2)::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3)::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2)::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3)::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2)::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3)::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2)::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3)::before {
    width: 135px;
    height: 240px;
    background: url("../icons/brand/slash-elosi-blue.svg") no-repeat center center;
    background-size: contain;
  }
  .page-consulting .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).left::before,
  .page-consulting .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).left::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).left::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).left::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).left::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).left::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).left::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).left::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).left::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).left::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).left::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).left::before {
    left: -1rem;
  }
  .page-consulting .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).right::before,
  .page-consulting .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).right::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).right::before,
  #page-solutions .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).right::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).right::before,
  .page-nutanix .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).right::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).right::before,
  .page-drupal .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).right::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).right::before,
  .page-intershop .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).right::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).right::before,
  .page-odoo .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).right::before {
    right: -2rem;
  }
}

.offer-client-case {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.offer-client-case .separator-primary-wrapper {
  height: 2px;
  background-color: #CFD5E7;
}
.offer-client-case .offer-client-case-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.offer-client-case .offer-client-case-block {
  display: flex;
  background-color: rgb(220, 226, 246);
  border-radius: 32px;
}
.offer-client-case .offer-client-case-block .offer-client-case-left-part {
  width: 33%;
  background-color: rgba(251, 251, 251, 0.3);
}
.offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-img {
  width: 100%;
}
.offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-short-description {
  padding: 2rem;
}
.offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-short-description .offer-client-case-short-description-item {
  display: flex;
}
.offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-short-description .offer-client-case-short-description-item h3 {
  color: #0833BC;
  width: 30%;
  font-size: 1.2rem;
  font-family: Raleway, sans-serif;
}
.offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-short-description .offer-client-case-short-description-item p {
  width: 65%;
  margin-left: 3rem;
  font-size: 1.2rem;
  font-weight: 100;
}
.offer-client-case .offer-client-case-right-part {
  padding: 2.5rem;
  width: 67%;
}
.offer-client-case .offer-client-case-right-part .offer-client-case-right-part-title {
  display: flex;
  gap: 2rem;
  align-items: baseline;
}
.offer-client-case .offer-client-case-right-part .offer-client-case-right-part-title .offer-client-case-yellow-form {
  height: 15px;
  min-width: 35px;
  width: 35px;
  background-color: #FFA100;
  border-radius: 15px;
}
.offer-client-case .offer-client-case-right-part .offer-client-case-right-part-title h3 {
  margin: 0 0 1rem 0;
  font-weight: 600;
}
.offer-client-case .offer-client-case-right-part .offer-client-case-right-part-title p {
  font-size: 1rem;
}
.offer-client-case .offer-client-case-right-part h4 {
  text-transform: uppercase;
  font-family: Raleway, sans-serif;
  font-weight: 800;
  color: #596794;
  margin-bottom: 0rem;
}
.offer-client-case .offer-client-case-right-part .offer-client-case-testimonial {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  margin-top: 2rem;
}
.offer-client-case .offer-client-case-right-part .offer-client-case-testimonial .offer-client-case-testimonial-text {
  font-style: italic;
  text-align: center;
}
.offer-client-case .offer-client-case-right-part .offer-client-case-testimonial .offer-client-case-testimonial-author {
  align-self: flex-end;
  font-weight: 600;
}
.offer-client-case .offer-client-case-right-part .offer-client-case-testimonial .offer-client-case-testimonial-quote {
  width: 40px;
  height: auto;
}
.offer-client-case .offer-client-case-right-part .offer-client-case-testimonial .offer-client-case-testimonial-quote--open {
  position: absolute;
  top: 0;
  left: 0;
}
.offer-client-case .offer-client-case-right-part .offer-client-case-testimonial .offer-client-case-testimonial-quote--close {
  align-self: flex-end;
  margin-top: 1rem;
  transform: rotate(180deg);
}
.offer-client-case .offer-client-case-right-part .offer-client-case-button {
  width: 100%;
  display: flex;
  justify-content: end;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .offer-client-case {
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
  .offer-client-case .offer-client-case-block {
    flex-direction: column;
    border-radius: 20px;
  }
  .offer-client-case .offer-client-case-block .offer-client-case-left-part,
  .offer-client-case .offer-client-case-block .offer-client-case-right-part {
    width: 100%;
  }
  .offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-right-part-title,
  .offer-client-case .offer-client-case-block .offer-client-case-right-part .offer-client-case-right-part-title {
    display: block;
  }
  .offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-right-part-title .offer-client-case-yellow-form,
  .offer-client-case .offer-client-case-block .offer-client-case-right-part .offer-client-case-right-part-title .offer-client-case-yellow-form {
    margin-bottom: 0.5rem;
  }
  .offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-img {
    border-top-right-radius: 20px;
  }
  .offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-short-description {
    padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  .offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-short-description .offer-client-case-short-description-item {
    flex-direction: column;
    gap: 0.25rem;
  }
  .offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-short-description .offer-client-case-short-description-item h3,
  .offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-short-description .offer-client-case-short-description-item p {
    width: 100%;
    max-width: 100%;
  }
  .offer-client-case .offer-client-case-block .offer-client-case-left-part .offer-client-case-short-description .offer-client-case-short-description-item p {
    font-size: 1rem;
    margin-left: 0;
    margin-top: 0;
  }
  .offer-client-case .offer-client-case-block .offer-client-case-right-part {
    padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
}
@media (max-width: 767px) {
  .offer-client-case .offer-client-case-right-part h4 {
    font-size: 1rem;
  }
}

.offer-contact-cta {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
.offer-contact-cta .offer-contact-cta-content {
  width: 50%;
}
.offer-contact-cta .offer-contact-cta-content .offer-contact-cta-title {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: baseline;
}
.offer-contact-cta .offer-contact-cta-content .offer-contact-cta-title h2 {
  margin: 0;
}
.offer-contact-cta .offer-contact-cta-content a {
  margin: 2rem 0;
}
.offer-contact-cta .offer-contact-cta-img {
  width: 50%;
}
.offer-contact-cta .offer-contact-cta-img .offer-contact-cta-image {
  width: 75%;
  border-radius: 32px 250px 32px 250px;
}
.offer-contact-cta .offer-contact-cta-img .offer-contact-cta-image-decoration {
  width: 35%;
  position: relative;
  left: 20rem;
  bottom: 5rem;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .offer-contact-cta .offer-contact-cta-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .offer-contact-cta .offer-contact-cta-img .offer-contact-cta-image-decoration {
    left: 11rem;
  }
}
@media (max-width: 767px) {
  .offer-contact-cta {
    flex-direction: column;
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
  .offer-contact-cta .offer-contact-cta-content,
  .offer-contact-cta .offer-contact-cta-img {
    width: 100%;
  }
  .offer-contact-cta .offer-contact-cta-img {
    position: relative;
    display: flex;
    justify-content: center;
  }
  .offer-contact-cta .offer-contact-cta-img .offer-contact-cta-image {
    width: 60%;
    position: relative;
    right: 2rem;
  }
  .offer-contact-cta .offer-contact-cta-img .offer-contact-cta-image-decoration {
    position: absolute;
    top: 70%;
    left: 72%;
    bottom: auto;
    width: 40%;
    transform: translate(-50%, -50%);
  }
}

.hero-offer {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12rem 0 4rem;
  box-sizing: border-box;
  background-image: url("../images/misc/background.svg"), linear-gradient(180deg, #596794 0%, #363C50 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center, center;
}
.hero-offer .hero-offer-icon {
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: clamp(18.75rem, calc(11.3970588235rem + 31.3725490196vw), 43.75rem);
  height: 65%;
  pointer-events: none;
}
.hero-offer .hero-offer-content,
.hero-offer > a.button-primary {
  position: relative;
  z-index: 1;
}
.hero-offer .hero-offer-content {
  display: flex;
  flex-direction: column;
  color: #FFF;
}
.hero-offer .hero-offer-content img {
  width: clamp(10rem, calc(3.3823529412rem + 28.2352941176vw), 32.5rem);
  height: auto;
}
.hero-offer .hero-offer-button {
  display: flex;
  justify-content: end;
  width: 100%;
}
@media (max-width: 767px) {
  .hero-offer {
    padding: 8rem 0 3rem;
  }
}

@media (max-width: 767px) {
  .hero-offer .hero-offer-icon {
    left: 58%;
  }
}
.offer-audience {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "img title" "img content";
  column-gap: 3rem;
  row-gap: 0;
  align-items: center;
}
.offer-audience .offer-audience-title {
  grid-area: title;
}
.offer-audience .offer-audience-img {
  grid-area: img;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.offer-audience .offer-audience-img .offer-audience-img-frame {
  position: relative;
  max-width: 85%;
}
@media (min-width: 1440px) {
  .offer-audience .offer-audience-img .offer-audience-img-frame {
    max-width: 70%;
  }
}
.offer-audience .offer-audience-img .offer-audience-img-frame--second img {
  border-radius: 0 !important;
}
.offer-audience .offer-audience-img .offer-audience-img-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 240px 38px 240px 240px;
}
.offer-audience .offer-audience-img .offer-audience-img-frame .icone-points--blue {
  display: inline-block;
  aspect-ratio: 257/67;
  background-color: #0833BC;
  -webkit-mask-image: url("../icons/decor/dots.webp");
  mask-image: url("../icons/decor/dots.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 3rem;
  left: 0rem;
  width: 100px;
  z-index: 1;
}
@media (max-width: 767px) {
  .offer-audience .offer-audience-img .offer-audience-img-frame .icone-points--blue {
    left: auto;
    right: 12rem;
  }
}
.offer-audience .offer-audience-img .offer-audience-img-frame--second .icone-points {
  display: inline-block;
  aspect-ratio: 257/67;
  background-color: #0833BC;
  -webkit-mask-image: url("../icons/decor/dots.webp");
  mask-image: url("../icons/decor/dots.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  bottom: 3rem;
  right: 0;
  width: 100px;
  z-index: 1;
}
.offer-audience .offer-audience-img > img {
  display: block;
  max-width: 85%;
  height: auto;
}
@media (min-width: 1440px) {
  .offer-audience .offer-audience-img > img {
    max-width: 70%;
  }
}
.offer-audience .offer-audience-content {
  grid-area: content;
  width: 100%;
}
.offer-audience .offer-audience-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.offer-audience .offer-audience-content ul li {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.offer-audience .offer-audience-content ul li::before {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #FFA100;
}
.offer-audience .offer-audience-content ul li.grey::before {
  background-color: #596794;
}
.offer-audience .offer-audience-content ul li.blue::before {
  background-color: #0833BC;
}
.offer-audience .offer-audience-content ul li.dark-blue::before {
  background-color: #082172;
}
@media (max-width: 1024px) {
  .offer-audience {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "img" "content";
    gap: 1rem;
  }
  .offer-audience .offer-audience-img,
  .offer-audience .offer-audience-content {
    width: 100%;
  }
  .offer-audience .offer-audience-content {
    text-align: left;
  }
  .offer-audience .offer-audience-img-frame,
  .offer-audience .offer-audience-img > img {
    max-width: 100%;
  }
}

.method-timeline-wrapper {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-image: url("../images/misc/background.svg"), linear-gradient(180deg, #596794 0%, #384161 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center, center;
}

.method-timeline {
  display: flex;
  flex-direction: column;
}
.method-timeline .method-title {
  position: relative;
  margin-bottom: 2rem;
}
.method-timeline .method-title h2, .method-timeline .method-title p {
  color: #FFF;
}

.method-timeline-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  transition: background 0.2s ease;
}
.method-timeline-toggle:hover {
  background: rgba(255, 255, 255, 0.28);
}
.method-timeline-toggle:focus-visible {
  outline: 2px solid #FFA100;
  outline-offset: 2px;
}

.method-timeline-toggle-icon {
  position: relative;
  width: 14px;
  height: 14px;
}
.method-timeline-toggle-icon::before, .method-timeline-toggle-icon::after {
  content: "";
  position: absolute;
  top: 0;
  width: 4px;
  height: 14px;
  background: #FFF;
  border-radius: 1px;
}
.method-timeline-toggle-icon::before {
  left: 0;
}
.method-timeline-toggle-icon::after {
  left: 10px;
}

.method-timeline-toggle.is-paused .method-timeline-toggle-icon {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #FFF;
}
.method-timeline-toggle.is-paused .method-timeline-toggle-icon::before, .method-timeline-toggle.is-paused .method-timeline-toggle-icon::after {
  content: none;
}

.method-timeline-row,
.method-timeline-connector {
  display: grid;
  grid-template-columns: 1fr 56px 1fr;
  gap: 2rem;
}

.method-timeline-row {
  align-items: center;
}

.method-timeline-connector {
  height: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}

.method-timeline-connector-line {
  grid-column: 2;
  justify-self: center;
  position: relative;
  width: 4px;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 4px;
}

.method-timeline-connector-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #FFA100;
  border-radius: 4px;
  transition: height 0.5s ease;
}

.method-step-card {
  border-radius: 18px;
  padding: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem) clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  background: #E2E3EC;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
  transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}
.method-step-card.left {
  grid-column: 1;
  text-align: end;
  cursor: pointer;
}
.method-step-card.left .method-step-card-title {
  justify-content: end;
}
.method-step-card.right {
  grid-column: 3;
  cursor: pointer;
}
.method-step-card.left:focus-visible, .method-step-card.right:focus-visible {
  outline: 2px solid #0833BC;
  outline-offset: 3px;
}
.method-step-card.empty {
  visibility: hidden;
}
.method-step-card h3 {
  margin: 0 0 0.5rem;
  color: #0833BC;
  font-size: 1.25rem;
}
.method-step-card p {
  margin: 0;
  color: #596794;
  font-size: 0.95rem;
  line-height: 1.5;
}
.method-step-card.active {
  background: #fff;
  transform: scale(1.035);
}
.method-step-card .method-step-card-title {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
  text-align: end;
}
.method-step-card .method-step-card-title h3 {
  margin: 0;
}
.method-step-card .method-step-card-title .puce-color {
  height: 15px;
  width: 20px !important;
}

.method-step-circle {
  grid-column: 2;
  justify-self: center;
  align-self: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff;
  color: #0833BC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
  z-index: 2;
  border: 3px solid #fff;
  transition: all 0.35s ease;
}
.method-step-circle.active {
  background: #FFA100;
  color: #FFF;
  border-color: #FFA100;
  box-shadow: 0 0 0 8px rgba(255, 161, 0, 0.55);
  transform: scale(1.12);
}

@media (max-width: 767px) {
  .method-timeline-row {
    grid-template-columns: 56px 1fr;
    grid-template-areas: "circle card";
  }
  .method-timeline-connector {
    grid-template-columns: 56px 1fr;
    grid-template-areas: "fill .";
  }
  .method-step-circle {
    grid-area: circle;
  }
  .method-timeline-connector-line {
    grid-area: fill;
  }
  .method-step-card.left,
  .method-step-card.right {
    grid-area: card;
  }
  .method-step-card.left {
    text-align: start;
  }
  .method-step-card.left .method-step-card-title {
    justify-content: flex-start;
  }
  .method-step-card.left .method-step-card-title h3 {
    order: 2;
    text-align: start;
  }
  .method-step-card.left .method-step-card-title .puce-color {
    order: 1;
  }
  .method-step-card.right h3 {
    text-align: start;
    font-size: 1rem;
  }
  .method-step-card.empty {
    display: none;
  }
}
.offer-method-wrapper {
  background-image: url("../images/misc/background.svg"), linear-gradient(180deg, #596794 0%, #384161 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center, center;
}

.offer-method {
  padding: 3rem 0;
}
.offer-method .offer-method-title {
  margin-bottom: 2rem;
}
.offer-method .offer-method-title h2, .offer-method .offer-method-title p {
  color: #FFF;
}
.offer-method .offer-method-title img {
  width: 8%;
}

.offer-method-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  transition: background 0.2s ease;
}
.offer-method-toggle:hover {
  background: rgba(255, 255, 255, 0.28);
}

.offer-method-toggle-icon {
  position: relative;
  width: 14px;
  height: 14px;
}
.offer-method-toggle-icon::before, .offer-method-toggle-icon::after {
  content: "";
  position: absolute;
  top: 0;
  width: 4px;
  height: 14px;
  background: #FFF;
  border-radius: 1px;
}
.offer-method-toggle-icon::before {
  left: 0;
}
.offer-method-toggle-icon::after {
  left: 10px;
}

.offer-method-toggle.is-paused .offer-method-toggle-icon {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #FFF;
}
.offer-method-toggle.is-paused .offer-method-toggle-icon::before, .offer-method-toggle.is-paused .offer-method-toggle-icon::after {
  content: none;
}

.offer-method-steps {
  display: flex;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}

.offer-method-step {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  cursor: pointer;
}

.offer-method-step-top {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.offer-method-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background-color: #FFF;
  padding: 1.5rem;
  border-radius: 10px;
}
.offer-method-content h3 {
  color: #0833BC;
  font-size: 1.3rem;
}
.offer-method-content p {
  color: #000;
  font-size: 1.1rem;
}

.offer-method-step-number {
  margin: 0;
  font-weight: 800;
  font-size: 2rem;
  color: #FFA100;
}

.offer-method-step-bar {
  position: relative;
  width: 100%;
  height: 8px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  overflow: hidden;
}

.offer-method-step-bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--progress, 0%);
  background: linear-gradient(180deg, #FFA100 0%, #BF5708 100%);
  border-radius: 4px;
  transition: width 1.5s linear;
}

@media (max-width: 767px) {
  .offer-method-steps {
    flex-direction: column;
  }
  .offer-method-steps .offer-method-step {
    flex-direction: row;
    gap: 2rem;
  }
  .offer-method-steps .offer-method-step .offer-method-step-top {
    align-items: center;
  }
  .offer-method-steps .offer-method-step .offer-method-step-top .offer-method-step-bar {
    flex: 1;
    width: 8px;
    height: auto;
  }
  .offer-method-steps .offer-method-step .offer-method-step-top .offer-method-step-bar .offer-method-step-bar-fill {
    width: 100%;
    height: var(--progress, 0%);
    transition: height 1.5s linear;
  }
}
#home_logos_projects {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}
#home_logos_projects #logos_projects_row {
  display: flex;
  align-items: center;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  width: 100%;
}
#home_logos_projects #logos_projects_row .logos_projects_bracket {
  flex: 0 0 auto;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 400;
  font-size: clamp(5.625rem, calc(4.1544117647rem + 6.2745098039vw), 10.625rem);
  line-height: 1;
  transform: translateY(-8%);
  color: var(--color-accent-text);
}
#home_logos_projects #logos_projects_row #logos_projects_toggle {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background-color: #0833BC;
  color: #FFF;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
#home_logos_projects #logos_projects_row #logos_projects_toggle:hover, #home_logos_projects #logos_projects_row #logos_projects_toggle:focus-visible {
  opacity: 0.85;
}
#home_logos_projects #logos_projects_row #logos_projects_toggle svg {
  fill: currentColor;
}
#home_logos_projects #logos_projects_row #logos_projects_toggle #icon-play {
  display: none;
}
#home_logos_projects #logos_projects_row #logos_projects_toggle[aria-pressed=true] #icon-pause {
  display: none;
}
#home_logos_projects #logos_projects_row #logos_projects_toggle[aria-pressed=true] #icon-play {
  display: block;
}
#home_logos_projects #logos_projects_carousel {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 32px;
  padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem) 0;
}
#home_logos_projects #logos_projects_carousel #logos_projects_track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  animation: logos-projects-scroll 40s linear infinite;
}
#home_logos_projects #logos_projects_carousel #logos_projects_track .logos_projects_item {
  flex: 0 0 auto;
  height: clamp(2rem, calc(1.5588235294rem + 1.8823529412vw), 3.5rem);
  display: flex;
  align-items: center;
}
#home_logos_projects #logos_projects_carousel #logos_projects_track .logos_projects_item img {
  display: block;
  height: 100%;
  width: auto;
  object-fit: contain;
}
#home_logos_projects #logos_projects_carousel #logos_projects_track .logos_projects_item--damart img,
#home_logos_projects #logos_projects_carousel #logos_projects_track .logos_projects_item--norauto img {
  height: 70%;
}
#home_logos_projects #logos_projects_carousel.is-paused #logos_projects_track {
  animation-play-state: paused;
}

@keyframes logos-projects-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  #logos_projects_track {
    animation: none;
  }
}
@media (max-width: 767px) {
  #home_logos_projects {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }
  #home_logos_projects #logos_projects_row {
    gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  }
  #home_logos_projects #logos_projects_row .logos_projects_bracket {
    display: none;
  }
}
#home_contact_project {
  width: 100%;
  display: flex;
  justify-content: center;
}
#home_contact_project #contact_project_card {
  position: relative;
  display: flex;
  width: 100%;
  border-radius: 32px 200px 32px 200px;
  overflow: hidden;
}
#home_contact_project #contact_project_card #contact_project_image {
  flex: 1 1 50%;
  min-width: 0;
  overflow: hidden;
}
#home_contact_project #contact_project_card #contact_project_image img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
#home_contact_project #contact_project_card #contact_project_slash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scaleX(0.85);
  height: 101%;
  width: auto;
  z-index: 1;
}
#home_contact_project #contact_project_card #contact_project_content {
  flex: 1 1 50%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  background-image: linear-gradient(180deg, #596794 0%, #26386F 100%);
  color: #FFF;
  border-radius: 100px 0 0 0;
  box-sizing: border-box;
}
#home_contact_project #contact_project_card #contact_project_content .contact-project-text {
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: start;
}
#home_contact_project #contact_project_card #contact_project_content .contact-project-text p {
  margin: 0;
}
#home_contact_project #contact_project_card #contact_project_content .contact-project-text h2 {
  font-size: clamp(1.625rem, calc(1.3676470588rem + 1.0980392157vw), 2.5rem);
  margin-bottom: clamp(0.0625rem, calc(-0.1029411765rem + 0.7058823529vw), 0.625rem);
}

@media (min-width: 1280px) and (max-width: 1600px) {
  #home_contact_project #contact_project_content .contact-project-text .section-title__title {
    font-size: clamp(2rem, calc(-2rem + 5vw), 3rem);
  }
  #home_contact_project #contact_project_content .contact-project-text p {
    font-size: clamp(1.15rem, calc(-0.25rem + 1.75vw), 1.5rem);
  }
  #home_contact_project #contact_project_card {
    min-height: 420px;
  }
  #home_contact_project #contact_project_image img {
    height: 100%;
  }
}
@media (max-width: 1279px) {
  #home_contact_project #contact_project_card {
    flex-direction: column;
    width: 100%;
    border-radius: 32px 150px 32px 100px;
  }
  #home_contact_project #contact_project_card #contact_project_slash {
    display: none;
  }
  #home_contact_project #contact_project_card #contact_project_image,
  #home_contact_project #contact_project_card #contact_project_content {
    flex: 1 1 auto;
    width: 100%;
  }
  #home_contact_project #contact_project_card #contact_project_content {
    border-radius: 0 0 32px 32px;
    padding: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  }
  #home_contact_project #contact_project_card #contact_project_content .contact-project-text {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  #home_contact_project #contact_project_card #contact_project_content {
    border-radius: 0 0 32px 32px;
  }
  #home_contact_project #contact_project_card #contact_project_content .contact-project-text .contact-project-button {
    display: flex;
    width: 100%;
    margin: 1rem 0.5rem;
    justify-content: center;
  }
}
.offers-sector-activity {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.offers-sector-activity .offers-sector-activity-title {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: end;
}
.offers-sector-activity .offers-sector-activity-intro {
  margin: 0;
  text-align: center;
}
.offers-sector-activity .offers-sector-activity-wrapper {
  width: 100%;
  justify-content: center;
  display: flex;
}
.offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
}
.offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block .offers-sector-activity-line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  width: 100%;
}
.offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block .offers-sector-activity-line .offers-sector-activity-item {
  flex: 0 0 auto;
  padding: 0.75rem 1.5rem;
  border-radius: 14px;
  background-color: #dbe1f1;
  color: #1b1b1b;
  font-weight: 700;
  font-size: min(1.3vw, 22.1px);
}
@media (max-width: 767px) {
  .offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block .offers-sector-activity-line .offers-sector-activity-item {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block .offers-sector-activity-line {
    flex-wrap: nowrap;
  }
  .offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block .offers-sector-activity-line .offers-sector-activity-item {
    flex: 0 1 auto;
    min-width: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block .offers-sector-activity-line .offers-sector-activity-item {
    font-size: 1.15vw;
  }
}
@media (min-width: 1025px) {
  .offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block .offers-sector-activity-line .offers-sector-activity-item {
    padding-inline: clamp(1.5rem, calc(1.3529411765rem + 0.6274509804vw), 2rem);
    min-width: 9ch;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .offers-sector-activity {
    margin: 0;
  }
  .offers-sector-activity.expertise-domaines {
    margin: 0;
  }
  .offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block {
    gap: 1rem;
  }
  .offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block .offers-sector-activity-line {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
  .offers-sector-activity .offers-sector-activity-wrapper .offers-sector-activity-block .offers-sector-activity-line .offers-sector-activity-item {
    text-align: center;
  }
}
.recent-content {
  background-image: url("../images/misc/background.svg"), linear-gradient(180deg, #596794 0%, #384161 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center, center;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.recent-content_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.recent-content_slider {
  position: relative;
  width: 100%;
}
.recent-content_viewport {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .recent-content_viewport {
    overflow: visible;
  }
}
.recent-content_cards {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  margin-top: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  transition: transform 0.6s ease;
  justify-content: space-between;
}
@media (prefers-reduced-motion: reduce) {
  .recent-content_cards {
    transition: none;
  }
}
@media (min-width: 768px) {
  .recent-content_cards {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (min-width: 1025px) {
  .recent-content_cards {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.recent-content_controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  margin: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem) auto 0;
}
@media (min-width: 768px) {
  .recent-content_controls {
    display: none;
  }
}
.recent-content_toggle, .recent-content_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background-color: #0833BC;
  color: #FFF;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.recent-content_toggle:hover, .recent-content_toggle:focus-visible, .recent-content_nav:hover, .recent-content_nav:focus-visible {
  opacity: 0.85;
}
.recent-content_toggle svg {
  fill: currentColor;
}
.recent-content_toggle .icon-play {
  display: none;
}
.recent-content_toggle[aria-pressed=true] .icon-pause {
  display: none;
}
.recent-content_toggle[aria-pressed=true] .icon-play {
  display: block;
}
.recent-content_nav-icon {
  width: 40%;
}
.recent-content_nav-icon.return {
  rotate: 180deg;
}
.recent-content_card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  background-image: linear-gradient(180deg, #0833BC 0%, #162A6D 100%);
  border-radius: 25px 25px 25px 100px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  border: 5px solid #FFF;
}
@media (min-width: 768px) {
  .recent-content_card {
    flex: 0 0 auto;
    width: 100%;
    max-width: 380px;
  }
}
@media (min-width: 1025px) {
  .recent-content_card {
    flex: 1 1 0;
  }
}
.recent-content_card-image {
  position: relative;
  max-width: 100%;
  margin: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
.recent-content_card-image::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 25px 15px 25px 86px;
  background-color: #FFA100;
  transform: translate(-7.12px, 0.26px);
  z-index: 0;
}
.recent-content_card-image img {
  position: relative;
  display: block;
  width: 100%;
  height: 190px;
  object-fit: cover;
  border-radius: 25px 15px 25px 86px;
  z-index: 1;
}
.recent-content_card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  padding-bottom: calc(clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem) + 5.5rem + clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem));
  color: #FFF;
}
.recent-content_card-body h3 {
  margin: 0;
  font-size: 1.1rem;
  color: #FFF;
}
.recent-content_card-body p {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.recent-content_card-date {
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
}
.recent-content_card-link {
  position: absolute;
  bottom: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  right: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}

body.route-carriere-nos-offres-demploi {
  --color-page-bg: var(--color-surface-behind);
}

#offres-emploi {
  display: flex;
  flex-direction: column;
  padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  background-color: #FFF;
  border-radius: 0 0 32px 32px;
  margin-bottom: 2rem;
}

.offres-emploi__title, .unsolicited-application__title {
  background: linear-gradient(180deg, #FFA100 0%, #BF5708 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  margin: 0;
  font-size: clamp(1.25rem, calc(1.0294117647rem + 0.9411764706vw), 2rem);
  line-height: 1.25;
  max-width: 50ch;
}
.offres-emploi .puce-color, .unsolicited-application .puce-color {
  width: 26px;
  height: 12px;
  min-width: 0;
  margin: clamp(0.75rem, calc(0.6764705882rem + 0.3137254902vw), 1rem) 0 clamp(1rem, calc(0.9264705882rem + 0.3137254902vw), 1.25rem);
}
.offres-emploi .unsolicited-application-right, .unsolicited-application .unsolicited-application-right {
  display: grid;
  gap: 1rem;
}

.offres-emploi-list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  list-style: none;
  margin: 0;
  padding: 0;
}
.offres-emploi-list a {
  text-decoration: none;
  color: inherit;
}

.offres-emploi-list_empty,
.offres-emploi-list_note {
  color: var(--color-heading);
  text-align: center;
}

.offres-emploi-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem) clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  border-radius: 32px 32px 64px 32px;
  background-color: #DBE0F1;
  transition: opacity 0.2s ease;
  color: #FFF;
}
.offres-emploi-card:hover {
  opacity: 0.85;
}
.offres-emploi-card h3 {
  margin: 0;
  font-size: clamp(1rem, calc(0.8529411765rem + 0.6274509804vw), 1.5rem);
}
.offres-emploi-card_content {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.offres-emploi-card_lieu {
  margin: 0;
  color: #FFF;
  opacity: 0.8;
  font-size: 0.95rem;
}
.offres-emploi-card_icon {
  flex: 0 0 auto;
  width: 32px;
}
@media (max-width: 767px) {
  .offres-emploi-card {
    padding: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem) clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
    border-radius: 40px 16px 40px 16px;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
    flex-direction: column;
    align-items: flex-start;
  }
  .offres-emploi-card .button-primary {
    align-self: stretch;
    text-align: center;
  }
}

#unsolicited-application {
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  display: flex;
  padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  border-radius: 32px;
  gap: 2rem;
}
#unsolicited-application #unsolicited-application-title {
  width: 60%;
}
#unsolicited-application h2 {
  color: #FFF;
}
#unsolicited-application p {
  color: #FFF;
}
@media (max-width: 1024px) {
  #unsolicited-application {
    flex-direction: column;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  #unsolicited-application #unsolicited-application-title {
    width: 100%;
  }
}

#offre-detail {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
#offre-detail #tce-testimony {
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  display: flex;
  border-radius: 32px;
  padding: 2rem;
}
#offre-detail #tce-testimony #tce-testimony-img img {
  width: 100%;
}
#offre-detail #tce-testimony #tce-testimony-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 84%;
}
#offre-detail #tce-testimony #tce-testimony-content h2 {
  color: #FFA100;
}
#offre-detail #tce-testimony #tce-testimony-content #tce-testimony-content-citation {
  gap: 1rem;
  display: flex;
  align-items: center;
}
#offre-detail #tce-testimony #tce-testimony-content #tce-testimony-content-citation p {
  font-size: 1.9rem;
  margin: 0;
}
#offre-detail #tce-testimony #tce-testimony-content #tce-testimony-content-citation .citation-line {
  width: 7px;
  border-radius: 20px;
  height: 70%;
  background-color: #FFA100;
}
#offre-detail #tce-testimony #tce-testimony-content p {
  font-weight: 600;
  color: #FFF;
}
#offre-detail #tce-testimony .puce-color {
  height: 15px;
  width: 30px;
  border-radius: 16px;
}
#offre-detail .hero-carriere {
  margin-top: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
@media (max-width: 767px) {
  #offre-detail .section {
    padding: 20px 20px;
  }
  #offre-detail #tce-testimony {
    padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
    margin: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
}
@media (max-width: 1279px) {
  #offre-detail #tce-testimony {
    padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
}
@media (max-width: 1024px) {
  #offre-detail #tce-testimony {
    flex-direction: column;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  #offre-detail #tce-testimony #tce-testimony-content {
    width: 100%;
  }
}

.offre-detail_content {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  background-color: #F2F5FF;
  margin-bottom: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.offre-detail_content h1 {
  color: #FFF;
}
.offre-detail_content .offre-detail_description {
  line-height: 1.6;
  color: var(--color-text);
  padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  padding-top: 0;
}
.offre-detail_content .offre-detail_description b {
  display: inline-block;
  font-size: clamp(1.625rem, calc(1.3308823529rem + 1.2549019608vw), 2.625rem);
  color: #596794;
}
.offre-detail_content .offre-detail_description b::after {
  content: "";
  display: block;
  margin-top: 0.4rem;
  width: clamp(3.75rem, calc(3.1433823529rem + 2.5882352941vw), 5.8125rem);
  height: clamp(0.9375rem, calc(0.7904411765rem + 0.6274509804vw), 1.4375rem);
  background: url("../icons/decor/point-line.svg") no-repeat center center;
  background-size: contain;
}
.offre-detail_content .offre-detail_description ul li:nth-child(3n+1)::marker {
  color: #0833BC;
}
.offre-detail_content .offre-detail_description ul li:nth-child(3n+2)::marker {
  color: #FFA100;
}
.offre-detail_content .offre-detail_description ul li:nth-child(3n+3)::marker {
  color: #596794;
}
.offre-detail_content .offre-detail_description p:has(a[href*="youtube.com"]),
.offre-detail_content .offre-detail_description p:has(+ p a[href*="youtube.com"]) {
  display: none;
}
.offre-detail_content .offre-detail_meta {
  padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  padding-bottom: 0;
}
.offre-detail_content .offre-detail_meta .offre-detail_meta-row {
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
  margin-bottom: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
.offre-detail_content .offre-detail_meta .offre-detail_meta-row p {
  margin: 0.7rem;
}
@media (max-width: 767px) {
  .offre-detail_content .offre-detail_meta .offre-detail_meta-row {
    display: block;
  }
  .offre-detail_content .offre-detail_meta .offre-detail_meta-row .offre-detail_meta-item {
    margin-bottom: 1rem;
  }
  .offre-detail_content .offre-detail_meta .offre-detail_meta-row p {
    font-size: 0.9rem;
  }
}
.offre-detail_content .offre-detail_meta .offre-detail_meta-row .offre-detail_meta-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0px clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  border-radius: 12px;
  background: #DBE0F1;
}
.offre-detail_content .offre-detail_meta .offre-detail_meta-row .offre-detail_meta-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.offre-detail_content .offre-detail_formulaire {
  padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}

.candidature-form {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  padding-left: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  padding-right: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  border-radius: 30px;
  background-color: #596794;
  background-image: url("../images/misc/background.svg");
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% 100vh;
}
.candidature-form h2 {
  color: #FFF;
}
@media (max-width: 767px) {
  .candidature-form {
    padding-left: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
    padding-right: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
}

.candidature-form_message {
  padding: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem) clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  border-radius: 12px;
  font-weight: 600;
  background-color: var(--color-page-bg);
}
.candidature-form_message .form-success {
  color: var(--color-text);
  border-left: 4px solid #FFA100;
  padding-left: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
}
.candidature-form_message .form-error {
  color: var(--color-text);
  border-left: 4px solid #FF7A7A;
  padding-left: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
}

.candidature-form_form {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
}
.candidature-form_form label {
  font-weight: 600;
  color: #FFF;
}
.candidature-form_form input,
.candidature-form_form select {
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  border: 1px solid #E2E3EC;
  background-color: var(--color-page-bg);
  color: var(--color-text);
}
.candidature-form_form input:focus,
.candidature-form_form select:focus {
  outline: 2px solid #FFA100;
  outline-offset: 1px;
}

.legal-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: clamp(1rem, calc(0.7794117647rem + 0.9411764706vw), 1.75rem);
  min-height: clamp(9.375rem, calc(7.4816176471rem + 8.0784313725vw), 15.8125rem);
  padding: clamp(1.5rem, calc(1.0588235294rem + 1.8823529412vw), 3rem) clamp(1.5rem, calc(1.2058823529rem + 1.2549019608vw), 2.5rem) clamp(2rem, calc(1.4117647059rem + 2.5098039216vw), 4rem);
  border-radius: 16px 16px 0 0;
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
}
.legal-hero--grey {
  background-image: linear-gradient(180deg, #596794 0%, #363C50 100%);
}
.legal-hero__points {
  display: flex;
  align-items: center;
  gap: clamp(0.4375rem, calc(0.3639705882rem + 0.3137254902vw), 0.6875rem);
}
.legal-hero__points::before, .legal-hero__points::after {
  content: "";
  display: block;
  height: clamp(0.9375rem, calc(0.7904411765rem + 0.6274509804vw), 1.4375rem);
  background-color: #FFA100;
}
.legal-hero__points::before {
  width: clamp(2.375rem, calc(1.9705882353rem + 1.7254901961vw), 3.75rem);
  border-radius: 100px;
}
.legal-hero__points::after {
  aspect-ratio: 1;
  border-radius: 50%;
}
.legal-hero__title {
  margin: 0;
  color: #FFF;
  font-size: clamp(2rem, calc(1.7058823529rem + 1.2549019608vw), 3rem);
}
.legal-hero__icon {
  display: inline-block;
  width: 1.4em;
  vertical-align: -0.2em;
  color: #FFA100;
}
.legal-hero__icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.legal-hero__dots {
  position: absolute;
  right: clamp(1.5rem, calc(1.2058823529rem + 1.2549019608vw), 2.5rem);
  bottom: 0;
  display: flex;
  gap: clamp(0.625rem, calc(0.4779411765rem + 0.6274509804vw), 1.125rem);
  transform: translateY(50%);
}
.legal-hero__dot {
  display: block;
  width: clamp(1.625rem, calc(1.3676470588rem + 1.0980392157vw), 2.5rem);
  aspect-ratio: 1;
  border-radius: 50%;
}
.legal-hero__dot--blue {
  background-color: #0833BC;
}
.legal-hero__dot--yellow {
  background-color: #FFA100;
}
.legal-hero__dot--grey {
  background-color: #596794;
}
@media (max-width: 767px) {
  .legal-hero__dots {
    display: none;
  }
}

body.route-mentions-legales,
body.route-politique-de-confidentialite,
body.route-accessibilite {
  --color-page-bg: var(--color-surface-behind);
}

.legal-page {
  padding-top: clamp(2rem, calc(1.1176470588rem + 3.7647058824vw), 5rem);
  padding-bottom: clamp(3rem, calc(1.6764705882rem + 5.6470588235vw), 7.5rem);
  padding-left: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
  padding-right: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .legal-page {
    padding-left: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
    padding-right: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  }
}
.legal-page__card {
  width: 100%;
  border-radius: 16px;
  background-color: var(--color-surface);
}
.legal-page__body {
  padding: clamp(1.5rem, calc(1.0588235294rem + 1.8823529412vw), 3rem) clamp(1.25rem, calc(0.8823529412rem + 1.568627451vw), 2.5rem) clamp(2rem, calc(1.4117647059rem + 2.5098039216vw), 4rem);
}
.legal-page__updated {
  margin: 0;
  color: var(--color-accent-text);
  font-weight: 600;
}
.legal-page__rule {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, calc(0.3897058824rem + 0.4705882353vw), 0.875rem);
  margin: clamp(1rem, calc(0.7794117647rem + 0.9411764706vw), 1.75rem) 0 clamp(1.5rem, calc(1.2058823529rem + 1.2549019608vw), 2.5rem);
}
.legal-page__rule-bar {
  flex: 1;
  height: 8px;
  border-radius: 100px;
  background-color: #DBE0F1;
}
.legal-page__rule-dots {
  display: flex;
  gap: clamp(0.3125rem, calc(0.2573529412rem + 0.2352941176vw), 0.5rem);
}
.legal-page__rule-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #DBE0F1;
}

.legal-section {
  display: grid;
  grid-template-columns: minmax(0, clamp(10rem, calc(8.7132352941rem + 5.4901960784vw), 14.375rem)) 1fr;
  gap: clamp(1.5rem, calc(0.9117647059rem + 2.5098039216vw), 3.5rem);
  padding: clamp(1.5rem, calc(1.2058823529rem + 1.2549019608vw), 2.5rem) 0;
}
.legal-section + .legal-section {
  border-top: 1px solid #DBE0F1;
}
.legal-section__aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.625rem, calc(0.5147058824rem + 0.4705882353vw), 1rem);
}
.legal-section__aside .puce-color {
  width: 26px;
  height: 12px;
}
html[data-theme=dark] .legal-section__aside .puce-color.grey {
  background-color: var(--color-heading);
}
.legal-section__title {
  margin: 0;
  font-size: clamp(1.25rem, calc(1.0661764706rem + 0.7843137255vw), 1.875rem);
  line-height: 1.25;
  background: linear-gradient(180deg, #FFA100 0%, #C96807 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.legal-section__content {
  display: flex;
  flex-direction: column;
  gap: clamp(0.875rem, calc(0.7647058824rem + 0.4705882353vw), 1.25rem);
  min-width: 0;
}
@media (max-width: 767px) {
  .legal-section {
    grid-template-columns: 1fr;
  }
}

.legal-block-paragraph {
  margin: 0;
  color: var(--color-text);
  font-size: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
}
.legal-block-paragraph a {
  color: var(--color-accent-text);
  font-weight: 600;
  text-decoration: underline;
}
.legal-block-paragraph a:hover {
  color: #FFA100;
}
.legal-block-paragraph strong {
  color: var(--color-accent-text);
  font-weight: 600;
}

.legal-block-subtitle {
  margin: clamp(0.5rem, calc(0.3897058824rem + 0.4705882353vw), 0.875rem) 0 0;
  color: var(--color-heading);
  font-size: clamp(1.0625rem, calc(0.9705882353rem + 0.3921568627vw), 1.375rem);
  font-weight: 600;
}

.legal-block-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.375rem, calc(0.3014705882rem + 0.3137254902vw), 0.625rem);
  line-height: 1.5;
}
.legal-block-list li {
  position: relative;
  padding-left: clamp(1.5rem, calc(1.3529411765rem + 0.6274509804vw), 2rem);
  color: var(--color-text);
  font-size: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
}
.legal-block-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
  height: clamp(0.6875rem, calc(0.6323529412rem + 0.2352941176vw), 0.875rem);
  background-color: #FFA100;
  -webkit-mask: url("../icons/arrows/arrow-blog.svg") no-repeat center/contain;
  mask: url("../icons/arrows/arrow-blog.svg") no-repeat center/contain;
}

.legal-block-tags {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, calc(0.4264705882rem + 0.3137254902vw), 0.75rem);
  margin: 0;
  padding: 0;
  list-style: none;
}
.legal-block-tags li {
  padding: clamp(0.375rem, calc(0.3198529412rem + 0.2352941176vw), 0.5625rem) clamp(0.75rem, calc(0.6397058824rem + 0.4705882353vw), 1.125rem);
  border-radius: 8px;
  background-color: #DBE0F1;
  color: #1A1A1A;
  font-weight: 500;
}

.legal-block-table {
  width: 100%;
  border-collapse: collapse;
  font-size: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
}
.legal-block-table th {
  padding: 0 clamp(0.5rem, calc(0.3529411765rem + 0.6274509804vw), 1rem) clamp(0.625rem, calc(0.5514705882rem + 0.3137254902vw), 0.875rem) 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: var(--color-accent-text);
  text-align: left;
  font-family: "Space Grotesk", system-ui, sans-serif;
}
.legal-block-table td {
  padding: clamp(0.625rem, calc(0.5147058824rem + 0.4705882353vw), 1rem) clamp(0.5rem, calc(0.3529411765rem + 0.6274509804vw), 1rem) clamp(0.625rem, calc(0.5147058824rem + 0.4705882353vw), 1rem) 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: var(--color-text);
  vertical-align: top;
}
.legal-block-table tbody tr:last-child td {
  border-bottom: 0;
}
.legal-block-table th:first-child,
.legal-block-table td:first-child {
  width: 55%;
}

.legal-block-address {
  margin: clamp(0.5rem, calc(0.3529411765rem + 0.6274509804vw), 1rem) auto 0;
  color: var(--color-text);
  font-size: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
  font-style: normal;
  line-height: 1.6;
  text-align: center;
}

body.route-plan-du-site {
  --color-page-bg: var(--color-surface-behind);
}

.sitemap-page {
  padding-top: clamp(2rem, calc(1.1176470588rem + 3.7647058824vw), 5rem);
  padding-bottom: clamp(3rem, calc(1.6764705882rem + 5.6470588235vw), 7.5rem);
  padding-left: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
  padding-right: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .sitemap-page {
    padding-left: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
    padding-right: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  }
}
.sitemap-page__card {
  width: 100%;
  border-radius: 16px;
  background-color: var(--color-surface);
}
.sitemap-page__body {
  padding: clamp(1.5rem, calc(1.0588235294rem + 1.8823529412vw), 3rem) clamp(1.25rem, calc(0.8823529412rem + 1.568627451vw), 2.5rem) clamp(2rem, calc(1.4117647059rem + 2.5098039216vw), 4rem);
}

.sitemap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(clamp(12.5rem, calc(11.3970588235rem + 4.7058823529vw), 16.25rem), 1fr));
  gap: clamp(1.75rem, calc(1.3823529412rem + 1.568627451vw), 3rem) clamp(1.5rem, calc(0.9117647059rem + 2.5098039216vw), 3.5rem);
}
@media (max-width: 767px) {
  .sitemap {
    grid-template-columns: 1fr;
  }
}

.sitemap-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.625rem, calc(0.5147058824rem + 0.4705882353vw), 1rem);
  min-width: 0;
}
.sitemap-group__title {
  margin: 0;
  font-size: clamp(1.125rem, calc(1.0147058824rem + 0.4705882353vw), 1.5rem);
  line-height: 1.25;
  background: linear-gradient(180deg, #FFA100 0%, #C96807 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.sitemap-group__title a {
  color: inherit;
  text-decoration: none;
}
.sitemap-group__title a:hover, .sitemap-group__title a:focus-visible {
  text-decoration: underline;
}
.sitemap-group .puce-color {
  width: 26px;
  height: 12px;
}
html[data-theme=dark] .sitemap-group .puce-color.grey {
  background-color: var(--color-heading);
}
.sitemap-group__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.375rem, calc(0.3014705882rem + 0.3137254902vw), 0.625rem);
  line-height: 1.5;
  width: 100%;
}
.sitemap-group__list li {
  position: relative;
  padding-left: clamp(1.5rem, calc(1.3529411765rem + 0.6274509804vw), 2rem);
}
.sitemap-group__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
  height: clamp(0.6875rem, calc(0.6323529412rem + 0.2352941176vw), 0.875rem);
  background-color: #FFA100;
  -webkit-mask: url("../icons/arrows/arrow-blog.svg") no-repeat center/contain;
  mask: url("../icons/arrows/arrow-blog.svg") no-repeat center/contain;
}
.sitemap-group__list a {
  color: var(--color-text);
  font-family: Raleway, sans-serif;
  font-size: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
  text-decoration: none;
}
.sitemap-group__list a:hover, .sitemap-group__list a:focus-visible {
  color: var(--color-accent-text);
  text-decoration: underline;
}

body.route-carriere-nous-rejoindre {
  --color-page-bg: var(--color-surface-behind);
}

.nous-rejoindre {
  padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  background-color: #FFF;
  border-radius: 0 0 32px 32px;
}
.nous-rejoindre__title {
  background: linear-gradient(180deg, #FFA100 0%, #BF5708 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  margin: 0;
  font-size: clamp(1.25rem, calc(1.0294117647rem + 0.9411764706vw), 2rem);
  line-height: 1.25;
  max-width: 50ch;
}
.nous-rejoindre .puce-color {
  width: 26px;
  height: 12px;
  min-width: 0;
  margin: clamp(0.75rem, calc(0.6764705882rem + 0.3137254902vw), 1rem) 0 clamp(1rem, calc(0.9264705882rem + 0.3137254902vw), 1.25rem);
}
.nous-rejoindre__text {
  margin: 0;
  color: #1C1C1C;
  font-size: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
  line-height: 1.6;
}
.nous-rejoindre .button-secondary {
  margin-top: clamp(1.5rem, calc(1.2058823529rem + 1.2549019608vw), 2.5rem);
}

.livre-blanc-odoo {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  color: #FFF;
  padding: clamp(1.5rem, calc(1.3529411765rem + 0.6274509804vw), 2rem) clamp(1.5rem, calc(-2.4705882353rem + 16.9411764706vw), 15rem);
  margin: 120px auto;
  gap: 32px;
}
.livre-blanc-odoo img {
  max-width: 30%;
  height: auto;
}
@media (max-width: 767px) {
  .livre-blanc-odoo {
    flex-direction: column;
  }
  .livre-blanc-odoo .livre-blanc-odoo_content-left,
  .livre-blanc-odoo img {
    max-width: 100%;
  }
}

.livre-blanc-odoo_content-left {
  max-width: 60%;
}

.livre-blanc-odoo_image {
  border-radius: 24px;
}

.dot-line-separator {
  --dls-color: #DBE0F1;
  --dls-width: 50%;
  --dls-offset: 45%;
  --dls-thickness: 12px;
  display: flex;
  align-items: center;
  width: var(--dls-width);
  margin-top: 2rem;
  gap: 10px;
}

.dot-line-separator::after {
  content: "";
  display: block;
  height: var(--dls-thickness);
  flex: 1;
  background: var(--dls-color);
  border-radius: 999px;
}

.dot-line-separator_dot {
  display: block;
  width: var(--dls-thickness);
  height: var(--dls-thickness);
  flex: 0 0 var(--dls-thickness); /* empêche le point de rétrécir/s'étirer dans le flex */
  align-self: center; /* le centre verticalement, indépendamment du parent */
  border-radius: 50%;
  background: var(--dls-color);
}

/* Palette */
.dot-line-separator--grey {
  --dls-color: #DBE0F1;
}

.dot-line-separator--orange {
  --dls-color: #FFA100;
}

.dot-line-separator--white {
  --dls-color: #FFF;
}

/* Points à droite : le décalage est pris à gauche, du côté opposé aux points. */
.dot-line-separator--right {
  margin-left: var(--dls-offset);
  margin-right: 0;
}

/* Points à gauche : décalage symétrique, et ordre du flex inversé. */
.dot-line-separator--left {
  margin-left: 0;
  margin-right: var(--dls-offset);
  flex-direction: row-reverse;
}

html[data-consent=unset] [data-requires-consent],
html[data-consent=refused] [data-requires-consent] {
  display: none;
}

.cookie-banner {
  position: fixed;
  left: 50%;
  bottom: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  transform: translateX(-50%);
  z-index: calc(var(--z-site-header) + 10);
  width: min(92%, 900px);
  padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  border-radius: 1rem;
  background: linear-gradient(180deg, #0833BC 0%, #162A6D 100%);
  color: #FFF;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  animation: cookie-banner-slide-up 0.4s ease both;
}
.cookie-banner[hidden] {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .cookie-banner {
    animation: none;
  }
}

@keyframes cookie-banner-slide-up {
  from {
    opacity: 0;
    transform: translate(-50%, 1rem);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
.cookie-banner_close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: #FFF;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.25s ease, background-color 0.25s ease;
}
.cookie-banner_close:hover, .cookie-banner_close:focus-visible {
  background: rgba(255, 255, 255, 0.15);
  opacity: 1;
}

.cookie-fab {
  position: fixed;
  left: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  bottom: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  z-index: calc(var(--z-site-header) + 9);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(180deg, #0833BC 0%, #162A6D 100%);
  color: #FFF;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.cookie-fab[hidden] {
  display: none;
}
.cookie-fab:hover, .cookie-fab:focus-visible {
  transform: scale(1.08);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}
@media (prefers-reduced-motion: reduce) {
  .cookie-fab {
    transition: none;
  }
  .cookie-fab:hover, .cookie-fab:focus-visible {
    transform: none;
  }
}
@media (max-width: 767px) {
  .cookie-fab {
    width: 2.75rem;
    height: 2.75rem;
  }
}

.cookie-banner_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  text-align: center;
}

.cookie-banner_title {
  margin: 0;
  color: #FFF;
  font-size: 1.25rem;
}

.cookie-banner_text {
  margin: 0;
  max-width: 62ch;
  font-size: 1rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .cookie-banner_text {
    font-size: 0.9rem;
  }
}

.cookie-banner_link {
  color: #FFA100;
  font-weight: 700;
  text-decoration: underline;
}

.cookie-banner_actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
}

.cookie-banner_button {
  min-width: 10rem;
  padding: 0.7rem 1.75rem;
  border: 2px solid #FFF;
  border-radius: 50px;
  background: #FFF;
  color: #0833BC;
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.cookie-banner_button:hover, .cookie-banner_button:focus-visible {
  background: transparent;
  color: #FFF;
}
@media (max-width: 767px) {
  .cookie-banner_button {
    min-width: 8rem;
    font-size: 0.9rem;
  }
}

.consent-notice {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  margin: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem) auto;
  max-width: 62ch;
  padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  border: 2px dashed #596794;
  border-radius: 1rem;
  background: var(--color-surface);
  color: var(--color-text);
  text-align: center;
}

.consent-notice_title {
  margin: 0;
  color: var(--color-heading);
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 1.15rem;
}

.consent-notice_text {
  margin: 0;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .consent-notice_text {
    font-size: 0.9rem;
  }
}

.cookie-settings-link {
  padding: 0;
  border: 0;
  background: none;
  color: #FFF;
  font-family: "Raleway", system-ui, sans-serif;
  font-size: clamp(1rem, calc(0.9264705882rem + 0.3137254902vw), 1.25rem);
  font-weight: 600;
  line-height: inherit;
  cursor: pointer;
}
.cookie-settings-link:hover, .cookie-settings-link:focus-visible {
  text-decoration: underline;
}

.consent-notice_button {
  padding: 0.7rem 1.75rem;
  border: 2px solid #0833BC;
  border-radius: 50px;
  background: #0833BC;
  color: #FFF;
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.consent-notice_button:hover, .consent-notice_button:focus-visible {
  background: transparent;
  color: var(--color-accent-text);
}

#home {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#home #home_contact_project {
  margin-top: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  margin-bottom: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
#home #hero {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  height: 100vh;
}
#home #hero > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#home #hero #hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
}
@media (min-width: 768px) {
  #home #hero #hero-content {
    flex-direction: row;
    text-align: left;
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
    padding-top: calc(clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) + 5rem);
  }
}
#home #hero #hero-content > img,
#home #hero #hero-content > .icone-logo-elosi {
  flex: 0 0 auto;
  width: clamp(3rem, calc(0.0220588235rem + 12.7058823529vw), 13.125rem);
  height: auto;
}
#home #hero #hero-content > .icone-logo-elosi {
  color: #FFF;
}
#home #hero #hero-content #hero-text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  max-width: clamp(17.5rem, calc(6.1029411765rem + 48.6274509804vw), 56.25rem);
}
#home #hero #hero-content #hero-text h1 {
  margin: 0;
  font-size: clamp(1.5rem, calc(1.0588235294rem + 1.8823529412vw), 3rem);
  color: #FFF;
  text-shadow: 2px 2px #000000;
}
#home #hero #hero-content #hero-text h1 span {
  color: #FFA100;
}
#home #hero #hero-content #hero-text h1 #hero-button {
  display: flex;
  justify-content: center;
}
#home #hero #hero-content #hero-text p {
  margin: 0;
  font-size: clamp(1rem, calc(0.8161764706rem + 0.7843137255vw), 1.625rem);
  color: #FFF;
  font-weight: 400;
  text-shadow: 2px 2px #000000;
}
#home #offers {
  display: flex;
  flex-direction: column;
}
#home #offers #offers-body {
  display: flex;
}
#home #offers #offers-body #offers-content {
  width: 50%;
}
#home #offers #offers-body #offers-content p {
  max-width: 80%;
}
#home #offers #offers-body #offers-badges {
  width: 50%;
  display: flex;
  align-items: center;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
#home #offers #offers-body #offers-badges .badge {
  position: relative;
  cursor: pointer;
  transition: filter 0.25s ease;
  width: 105%;
}
#home #offers #offers-body #offers-badges .badge:hover, #home #offers #offers-body #offers-badges .badge:focus-visible {
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.3));
}
#home #offers #offers-body #offers-badges .badge.consulting {
  position: relative;
  bottom: 5rem;
}
#home #offers #offers-body #offers-badges .badge:last-child {
  align-self: flex-start;
}
#home #offers #offers-body #offers-badges .badge::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px 15px 25px 57px;
  background-color: #FFA100;
  transform: translate(-16.12px, -0.74px);
  z-index: 0;
}
#home #offers #offers-body #offers-badges .badge img {
  position: relative;
  display: block;
  width: 100%;
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  border-radius: 0px 15px 25px 50px;
  padding: 1rem;
  z-index: 1;
}
#home #expertise {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#home #expertise #expertise-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
#home #expertise #expertise-content {
  display: flex;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
#home #expertise #expertise-content #expertise-list {
  width: 50%;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1280px) {
  #home #expertise #expertise-content #expertise-list:hover .expertise-item:not(:hover) {
    height: 48px;
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1rem, calc(0.4117647059rem + 2.5098039216vw), 3rem);
  }
}
#home #expertise #expertise-content #expertise-list .expertise-item {
  position: relative;
  width: 100%;
  height: 64px;
  display: flex;
  align-items: stretch;
  gap: 1rem;
  transition: height 0.3s ease, gap 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
}
#home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-marker {
  flex: 0 0 16%;
  height: 100%;
  border-radius: 80px;
  transition: border-radius 0.3s ease;
}
#home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-content {
  display: contents;
}
#home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-answer-inner {
  color: #FFF;
}
#home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-trigger {
  flex: 1;
  height: 100%;
  margin: 0;
  border: none;
  background-color: transparent;
  border-radius: 80px;
  display: flex;
  align-items: center;
  padding: clamp(1rem, calc(0.8529411765rem + 0.6274509804vw), 1.5rem);
  font: inherit;
  font-weight: 600;
  transition: border-radius 0.3s ease, font-size 0.3s ease, justify-content 0.3s ease;
  color: #FFF;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  font-size: clamp(1rem, calc(0.9264705882rem + 0.3137254902vw), 1.25rem);
  font-family: "Space Grotesk", sans-serif;
}
#home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-trigger:focus-visible {
  outline: 2px solid #0833BC;
  outline-offset: 2px;
}
#home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-icon {
  display: none;
}
#home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-label {
  transition: font-size 0.3s ease;
}
@media (min-width: 1280px) {
  #home #expertise #expertise-content #expertise-list .expertise-item:hover {
    height: 84px;
    gap: 0;
    background-color: transparent;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item:hover > *:first-child {
    border-radius: 80px 0 0 80px;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item:hover > *:first-child .expertise-item-trigger {
    border-radius: inherit;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item:hover > *:last-child {
    border-radius: 0 80px 80px 0;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item:hover > *:last-child .expertise-item-trigger {
    border-radius: inherit;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item:hover .expertise-item-trigger {
    justify-content: center;
    text-align: center;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item:hover .expertise-item-label {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25em;
  }
}
#home #expertise #expertise-content #expertise-list .expertise-item.yellow .expertise-item-marker, #home #expertise #expertise-content #expertise-list .expertise-item.yellow .expertise-item-trigger, #home #expertise #expertise-content #expertise-list .expertise-item.yellow .expertise-item-answer-inner {
  background-image: linear-gradient(180deg, #FFA100 0%, #BF5708 100%);
}
#home #expertise #expertise-content #expertise-list .expertise-item.blue .expertise-item-marker, #home #expertise #expertise-content #expertise-list .expertise-item.blue .expertise-item-trigger, #home #expertise #expertise-content #expertise-list .expertise-item.blue .expertise-item-answer-inner {
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  color: #FFF;
}
#home #expertise #expertise-content #expertise-list .expertise-item.grey .expertise-item-marker, #home #expertise #expertise-content #expertise-list .expertise-item.grey .expertise-item-trigger, #home #expertise #expertise-content #expertise-list .expertise-item.grey .expertise-item-answer-inner {
  background-image: linear-gradient(180deg, #596794 0%, #384161 100%);
  color: #FFF;
}
#home #expertise #expertise-content #expertise-preview {
  position: relative;
  flex: 1;
}
#home #expertise #expertise-content #expertise-preview img {
  display: block;
  width: 70%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 32px 300px 32px 32px;
  transition: opacity 0.2s ease;
  position: relative;
  left: 10rem;
}
#home #expertise #expertise-content #expertise-preview p {
  position: relative;
  margin: -2.5rem 1.5rem 0;
  padding: 3rem 3rem 3rem 5rem;
  background-color: #DBE0F1;
  color: #000000;
  border-radius: 32px 32px 32px 300px;
  transition: opacity 0.2s ease;
  height: 50%;
  width: 70%;
  text-align: center;
  border-radius: 32px 32px 32px 300px;
  border-left: 30px solid #596794;
}
@media (min-width: 1280px) and (max-width: 1439px) {
  #home #expertise #expertise-content #expertise-preview p {
    width: 80%;
    padding: 2rem 2rem 2rem 5rem;
  }
}
#home #expertise #expertise-content #expertise-preview.is-swapping img, #home #expertise #expertise-content #expertise-preview.is-swapping p {
  opacity: 0;
}
#home #expertise #expertise-button {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}
#home #ai {
  display: flex;
  justify-content: space-between;
}
#home #ai #ai-visual {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#home #ai #ai-visual .ai-image-frame {
  position: relative;
}
#home #ai #ai-visual .ai-image-frame #ai-dot {
  display: inline-block;
  aspect-ratio: 257/67;
  background-color: #FFA100;
  -webkit-mask-image: url("../icons/decor/dots.webp");
  mask-image: url("../icons/decor/dots.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20%;
  position: absolute;
  z-index: 1;
  bottom: 25%;
}
#home #ai #ai-visual .ai-image-frame #ai-image {
  width: 100%;
  position: relative;
  z-index: 0;
}
#home #ai #ai-content {
  width: 40%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#home #ai #ai-content p {
  text-align: end;
}
#home #solutions {
  display: flex;
  justify-content: space-between;
}
#home #solutions #solutions-content {
  width: 35%;
}
#home #solutions #solutions-logos {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 40%;
}
#home #solutions #solutions-logos #solutions-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
#home #solutions #solutions-logos #solutions-grid .solution-logo {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  box-sizing: border-box;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}
#home #solutions #solutions-logos #solutions-grid .solution-logo:hover, #home #solutions #solutions-logos #solutions-grid .solution-logo:focus-visible {
  transform: scale(1.06);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
#home #solutions #solutions-logos #solutions-grid .solution-logo.intershop {
  background-color: #0833BC;
  border-radius: 200px;
}
#home #solutions #solutions-logos #solutions-grid .solution-logo.odoo {
  background-color: #596794;
  border-radius: 200px 32px 200px 200px;
}
#home #solutions #solutions-logos #solutions-grid .solution-logo.nutanix {
  background-color: #596794;
  border-radius: 200px 200px 200px 32px;
}
#home #solutions #solutions-logos #solutions-grid .solution-logo.drupal {
  background-image: linear-gradient(180deg, #FFA100 0%, #C96807 100%);
  border-radius: 200px;
}
#home #solutions #solutions-logos #solutions-grid .solution-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.5rem;
}
#home #solutions #solutions-logos #solutions-grid .solution-logo.odoo img {
  width: 80%;
  height: 80%;
  padding: 0.5rem;
}
#home #stats {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  width: 100%;
}
#home #stats #stats-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#home #stats #stats-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  width: 100%;
}
#home #stats #stats-list .stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  min-width: 0;
}
#home #stats #stats-list .stat-item .stat-visual {
  position: relative;
  width: clamp(6.25rem, calc(5rem + 5.3333333333vw), 10.5rem);
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70%;
}
#home #stats #stats-list .stat-item .stat-visual .stat-visual-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: auto;
  z-index: 0;
}
#home #stats #stats-list .stat-item .stat-visual .stat-visual-icon {
  position: relative;
  display: block;
  width: 80%;
  height: auto;
  z-index: 1;
  transition: transform 0.3s ease;
}
#home #stats #stats-list .stat-item .stat-visual .stat-visual-icon--clients {
  width: 90%;
}
#home #stats #stats-list .stat-item .stat-visual:hover .stat-visual-icon {
  transform: scale(1.1);
}
#home #stats #stats-list .stat-item p {
  margin: 0;
  text-align: center;
  font-weight: 600;
  max-width: 86%;
}

@media (max-width: 1279px) {
  #home #offers #offers-body {
    flex-direction: column;
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
  #home #offers #offers-body #offers-content {
    width: 100%;
  }
  #home #offers #offers-body #offers-badges {
    width: 100%;
    justify-content: center;
    margin-top: 5rem;
    display: flex;
    align-items: center;
  }
  #home #expertise #expertise-content {
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
    flex-direction: column;
  }
  #home #expertise #expertise-content #expertise-preview {
    display: none;
  }
  #home #expertise #expertise-content #expertise-list {
    width: 100%;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item-marker {
    display: none;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item {
    height: auto;
    display: block;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 32px;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-trigger {
    width: 100%;
    height: auto;
    border-radius: 0;
    justify-content: space-between;
    gap: 1rem;
    text-align: left;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-icon {
    display: block;
    position: relative;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-icon::before, #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: currentColor;
    transform: translate(-50%, -50%);
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-icon::before {
    width: 100%;
    height: 2px;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-icon::after {
    width: 2px;
    height: 100%;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item.is-open .expertise-item-icon::after {
    display: none;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-answer[hidden] {
    display: none;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-answer .expertise-item-answer-inner {
    overflow: hidden;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-answer .expertise-item-image {
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-answer .expertise-item-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item .expertise-item-answer p {
    margin: 0;
    padding: 1.5rem;
    color: inherit;
    text-align: center;
  }
  #home #expertise #expertise-content #expertise-list .expertise-item.is-open .expertise-item-answer {
    grid-template-rows: 1fr;
  }
  #home #ai {
    flex-direction: column;
    gap: 2rem;
  }
  #home #ai #ai-visual,
  #home #ai #ai-content {
    width: 100%;
  }
  #home #ai #ai-visual {
    order: 2;
  }
  #home #ai #ai-visual #ai-dot {
    bottom: 32.5%;
    width: 30%;
  }
  #home #ai #ai-content {
    order: 1;
  }
  #home #solutions {
    flex-direction: column;
    display: flex;
    gap: 2rem;
  }
  #home #solutions #solutions-content {
    width: 100%;
  }
  #home #solutions #solutions-logos {
    width: 100%;
    justify-content: center;
  }
  #home #solutions #solutions-logos #solutions-grid {
    width: clamp(17.5rem, calc(14.7258711283rem + 11.8362831858vw), 24.1875rem);
  }
  #home #stats #stats-list {
    gap: 2rem;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #home #offers #offers-body #offers-badges .badge.consulting {
    bottom: 1.5rem;
  }
  #home #offers #offers-body #offers-badges {
    align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #home #hero {
    height: 60vh;
  }
  #home #ai #ai-visual .ai-image-frame {
    width: 60%;
    align-self: center;
  }
}
@media (max-width: 767px) {
  #home {
    gap: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  }
  #home #hero {
    height: 60vh;
  }
  #home #hero #hero-content {
    margin-top: 7rem;
  }
  #home #hero > img {
    object-position: center top;
  }
  #home #offers #offers-body {
    gap: 1rem;
    width: 100%;
    justify-content: center;
  }
  #home #offers #offers-body #offers-content {
    display: contents;
  }
  #home #offers #offers-body #offers-content > img {
    order: 1;
    flex: 0 0 auto;
    align-self: flex-start;
  }
  #home #offers #offers-body #offers-content > p {
    order: 1;
  }
  #home #offers #offers-body #offers-content .button-primary {
    order: 3;
    align-self: center;
  }
  #home #offers #offers-body #offers-badges {
    order: 2;
    width: 100%;
  }
  #home #offers #offers-body #offers-badges .badge {
    width: 100%;
  }
  #home #stats #stats-list {
    grid-template-columns: repeat(2, 1fr);
  }
  #home .icone-line-point-line {
    width: 25%;
  }
  #home .icone-point-line {
    width: 17%;
  }
}
.contact-page {
  position: relative;
  overflow: hidden;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  background: linear-gradient(180deg, #596794 0%, #26386F 100%);
  border-radius: 35px;
  margin: 0 auto 5rem;
  padding: clamp(0.25rem, calc(-1.1470588235rem + 5.9607843137vw), 5rem);
}
@media (max-width: 767px) {
  .contact-page {
    max-width: 100%;
    border-radius: 16px;
    padding-top: 32px;
    padding-bottom: 32px;
    margin: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
}
.contact-page::before {
  content: "";
  position: absolute;
  inset: -25%;
  background: url("../images/misc/background.svg") no-repeat center/cover;
  transform: rotate(-20deg);
  pointer-events: none;
  top: 10%;
}
.contact-page > * {
  position: relative;
  z-index: 1;
}

.contact-form_notice {
  padding: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem) clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  border-radius: 12px;
  font-weight: 600;
}
.contact-form_notice--success {
  background: linear-gradient(180deg, rgba(255, 162, 0, 0.5215686275) 0%, rgba(201, 104, 7, 0.5333333333) 100%);
  color: #CFD5E7;
}
.contact-form_notice--error {
  background-color: rgba(220, 53, 69, 0.12);
  color: #DC3545;
}

.contact-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-title h2 {
  color: #FFF;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  margin: auto;
  width: 90%;
}
.contact-form_row {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
@media (min-width: 1025px) {
  .contact-form_row {
    flex-direction: row;
  }
}
.contact-form_row .contact-form_field {
  flex: 1;
}
.contact-form_field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contact-form_field label {
  font-weight: 700;
  color: #FFF;
}
.contact-form_field input,
.contact-form_field textarea,
.contact-form_field select {
  width: 100%;
  padding: 0.9rem 1.25rem;
  border: none;
  border-left: 8px solid #FFA100;
  border-radius: 100px 50px 50px 16px;
  background-color: #fff;
  color: var(--color-text);
  font-family: "Raleway", system-ui, sans-serif;
  font-size: 0.9rem;
}
.contact-form_field input::placeholder,
.contact-form_field textarea::placeholder,
.contact-form_field select::placeholder {
  color: #8a8fa3;
}
.contact-form_field input:focus,
.contact-form_field textarea:focus,
.contact-form_field select:focus {
  outline: 2px solid #FFA100;
  outline-offset: 2px;
}
.contact-form_field textarea {
  resize: vertical;
  padding-left: 2rem;
  padding-top: 1.3rem;
  border-radius: 70px 50px 50px 16px;
}
.contact-form_field select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFA100' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  padding-right: 3rem;
  cursor: pointer;
}
.contact-form_field .file-field {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0rem;
  padding-left: 1.25rem;
  border-left: 8px solid #FFA100;
  border-radius: 100px 58px 58px 16px;
  background-color: #fff;
  overflow: hidden;
}
.contact-form_field .file-field_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #8a8fa3;
  font-size: 0.9rem;
}
.contact-form_field .file-field_button {
  flex-shrink: 0;
  padding: 0.9rem 0.9rem;
  border-radius: 50px;
  background-color: #FFA100;
  color: #fff;
  font-weight: 700;
  font-size: 0.9rem;
  white-space: nowrap;
}
.contact-form_field .file-field_input {
  position: absolute;
  inset: 0;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.contact-form_field .contact-form_hint {
  margin: 0;
  color: #FFF;
  opacity: 0.8;
  font-size: 0.8rem;
}
.contact-form_consent {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 0.9rem;
  color: var(--color-text);
}
.contact-form_consent input[type=checkbox] {
  margin-top: 0.2rem;
  flex: 0 0 auto;
}
.contact-form_consent span {
  color: #FFF;
}
.contact-form_consent span a {
  color: #FFA100;
  font-weight: 700;
}
.contact-form_req {
  color: #FFA100;
}
.contact-form_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.contact-form_required-note {
  margin: 0;
  color: #FFA100;
  font-weight: 700;
  font-size: clamp(1rem, calc(0.9411764706rem + 0.2509803922vw), 1.2rem);
}

.candidature-submit-btn.is-loading {
  cursor: wait;
  opacity: 0.85;
}
.candidature-submit-btn.is-loading .button-hover-icon {
  max-width: 26px;
  margin-left: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  opacity: 1;
}
.candidature-submit-btn.is-loading .button-hover-icon svg {
  display: none;
}
.candidature-submit-btn.is-loading .button-hover-icon::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 3px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: candidature-submit-spin 0.7s linear infinite;
}

@keyframes candidature-submit-spin {
  to {
    transform: rotate(360deg);
  }
}
body.route-adn .chapo--no-separator {
  margin-bottom: 0;
}

#dna {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
@media (min-width: 768px) {
  #dna {
    gap: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  }
}
@media (min-width: 1280px) {
  #dna {
    gap: 0;
  }
}
#dna #history > .dot-line-separator {
  --dls-width: 54%;
  margin-top: 0;
  margin-bottom: clamp(2rem, calc(1.2957746479rem + 3.0046948357vw), 4rem);
}
#dna #history .icone-points {
  display: inline-block;
  aspect-ratio: 257/67;
  background-color: #FFA100;
  -webkit-mask-image: url("../icons/decor/dots.webp");
  mask-image: url("../icons/decor/dots.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --dots-width: clamp(5.5rem, calc(3.9815140845rem + 6.4788732394vw), 9.8125rem);
  display: block;
  width: var(--dots-width);
  margin-left: auto;
  margin-bottom: calc(var(--dots-width) * -0.1304);
  position: relative;
  z-index: 1;
}
#dna #history #history-panel {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-left: calc(-1 * clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem));
  margin-right: calc(-1 * clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem));
  padding: clamp(2rem, calc(1.6478873239rem + 1.5023474178vw), 3rem) clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem) clamp(2rem, calc(0.9436619718rem + 4.5070422535vw), 5rem);
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  color: #FFF;
  border-radius: 0 clamp(2.9375rem, calc(0.0105633803rem + 12.4882629108vw), 11.25rem);
}
#dna #history #history-panel #history-panel-title h3 {
  color: #FFF;
  font-size: clamp(1.375rem, calc(1.2253521127rem + 0.6384976526vw), 1.8rem);
}
#dna #history #history-panel #history-panel-text p {
  font-weight: 500;
}
@media (min-width: 1025px) {
  #dna #history #history-panel {
    flex-direction: row;
    justify-content: flex-start;
    gap: clamp(2rem, calc(1.6038732394rem + 1.6901408451vw), 3.125rem);
    min-height: 480px;
  }
  #dna #history #history-panel #history-panel-title {
    width: 30%;
    flex-shrink: 0;
  }
  #dna #history #history-panel #history-panel-text {
    flex: 1;
  }
}
@media (min-width: 1280px) {
  #dna #history #history-panel #history-panel-title {
    width: 200px;
  }
}
#dna #history #history-note {
  background-image: linear-gradient(180deg, #FFA100 0%, #C96807 100%);
  color: #FFF;
  padding: 4.5% 9%;
  border-radius: 9% 5% 14% 9%/50% 30% 50% 50%;
  margin-top: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  position: relative;
  z-index: 1;
}
#dna #history #history-note p {
  margin: 0;
  font-size: clamp(1rem, calc(0.9449823944rem + 0.234741784vw), 1.15625rem);
  text-align: center;
  font-weight: 700;
}
#dna #history #history-note .history-note-lead {
  text-transform: uppercase;
}
@media (min-width: 1280px) {
  #dna #history #history-note {
    width: 79%;
    margin-inline: auto;
    margin-top: -8.3%;
    padding: 3.555% 7.11%;
  }
}
#dna #group {
  --node: clamp(80px, 21vw, 130px);
  --node-gap-x: calc(var(--node) * 0.144);
  --node-gap-y: calc(var(--node) * 0.159);
}
@media (min-width: 1025px) {
  #dna #group {
    --node: clamp(110px, 13vw, 172px);
  }
}
@media (min-width: 1280px) {
  #dna #group {
    --node: clamp(110px, 13vw, 200px);
  }
}
#dna #group #group-diagram {
  display: flex;
  justify-content: center;
  margin-top: clamp(2.125rem, calc(0.8926056338rem + 5.2582159624vw), 5.625rem);
}
#dna #group .group-diagram-spacer {
  display: none;
}
#dna #group #group-grid {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "solutions-label solutions" "consulting consulting-label" "rdp-label rdp" "blueloop blueloop-label";
  gap: var(--node-gap-y) var(--node-gap-x);
  width: 100%;
  max-width: calc(var(--node) * 3.6);
}
#dna #group #group-grid .group-grid-arrow {
  display: none;
}
#dna #group #group-grid .group-grid-node {
  width: var(--node);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11.5%;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}
#dna #group #group-grid .group-grid-node:hover, #dna #group #group-grid .group-grid-node:focus-visible {
  transform: scale(1.06);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
@media (prefers-reduced-motion: reduce) {
  #dna #group #group-grid .group-grid-node {
    transition: none;
  }
}
#dna #group #group-grid .group-grid-node img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
#dna #group #group-grid .group-grid-node--solutions {
  background-color: #596794;
  border-radius: 50%;
  grid-area: solutions;
}
#dna #group #group-grid .group-grid-node--consulting {
  background-image: linear-gradient(90deg, #c96807 0%, #ffa100 100%);
  border-radius: 50% 50% 10% 50%;
  grid-area: consulting;
}
#dna #group #group-grid .group-grid-node--rdp {
  background-color: #0833BC;
  border-radius: 10% 50% 50% 50%;
  grid-area: rdp;
}
#dna #group #group-grid .group-grid-node--blueloop {
  background-color: #596794;
  border-radius: 50%;
  grid-area: blueloop;
}
#dna #group #group-grid .group-grid-node--solutions, #dna #group #group-grid .group-grid-node--rdp {
  justify-self: start;
}
#dna #group #group-grid .group-grid-node--consulting, #dna #group #group-grid .group-grid-node--blueloop {
  justify-self: end;
}
#dna #group #group-grid .group-grid-label {
  margin: 0;
  font-size: clamp(0.9375rem, calc(0.8274647887rem + 0.4694835681vw), 1.25rem);
  color: #000;
}
#dna #group #group-grid .group-grid-label--solutions {
  grid-area: solutions-label;
}
#dna #group #group-grid .group-grid-label--rdp {
  grid-area: rdp-label;
}
#dna #group #group-grid .group-grid-label--consulting {
  grid-area: consulting-label;
}
#dna #group #group-grid .group-grid-label--blueloop {
  grid-area: blueloop-label;
}
#dna #group #group-grid .group-grid-label--solutions, #dna #group #group-grid .group-grid-label--rdp {
  text-align: right;
  justify-self: end;
}
#dna #group #group-grid .group-grid-label--consulting, #dna #group #group-grid .group-grid-label--blueloop {
  justify-self: start;
}
@media (min-width: 1025px) {
  #dna #group #group-grid {
    position: relative;
    width: auto;
    max-width: none;
    grid-template-columns: repeat(3, var(--node));
    grid-template-rows: repeat(2, var(--node));
    grid-template-areas: "solutions consulting ." ". rdp blueloop";
  }
  #dna #group #group-grid .group-grid-node {
    width: 100%;
    height: 100%;
  }
  #dna #group #group-grid .group-grid-label,
  #dna #group #group-grid .group-grid-arrow {
    position: absolute;
  }
  #dna #group #group-grid .group-grid-arrow {
    display: block;
    width: 69%;
    height: auto;
    translate: -50% -50%;
  }
  #dna #group #group-grid .group-grid-arrow--solutions {
    grid-area: solutions;
    left: -35.4%;
    top: -2.6%;
  }
  #dna #group #group-grid .group-grid-arrow--consulting {
    grid-area: consulting;
    left: 151.1%;
    top: 54.6%;
    scale: -1 -1;
  }
  #dna #group #group-grid .group-grid-arrow--rdp {
    grid-area: rdp;
    left: -38.1%;
    top: 95%;
    scale: 1 -1;
  }
  #dna #group #group-grid .group-grid-arrow--blueloop {
    grid-area: blueloop;
    left: 143%;
    top: 32.7%;
    scale: -1 1;
  }
  #dna #group #group-grid .group-grid-label {
    text-align: left;
    font-size: clamp(15px, var(--node) * 0.116, 20px);
  }
  #dna #group #group-grid .group-grid-label--solutions {
    grid-area: solutions;
    left: -154%;
    top: 50%;
    translate: 0 -50%;
    width: 11em;
  }
  #dna #group #group-grid .group-grid-label--consulting {
    grid-area: consulting;
    left: 169.2%;
    top: 13%;
    translate: 0 -50%;
    width: 9em;
  }
  #dna #group #group-grid .group-grid-label--rdp {
    grid-area: rdp;
    left: -180%;
    top: 54%;
    translate: 0 -50%;
    width: 11.8em;
  }
  #dna #group #group-grid .group-grid-label--blueloop {
    grid-area: blueloop;
    left: 157.7%;
    top: 75%;
    translate: 0 -50%;
    width: 11.5em;
  }
}
@media (min-width: 1280px) {
  #dna #group #group-grid .group-grid-label {
    font-size: clamp(15px, var(--node) * 0.116, 23px);
  }
}
#dna #figures #figures-list {
  --fig-num: clamp(2.125rem, calc(1.3305084746rem + 3.3898305085vw), 3.5rem);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.5rem, calc(1.1478873239rem + 1.5023474178vw), 2.5rem);
  justify-items: center;
}
#dna #figures #figures-list .icone-point-line {
  display: none;
}
#dna #figures #figures-list .figures-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#dna #figures #figures-list .figures-item .figures-item-value {
  font-size: var(--fig-num);
  font-weight: bold;
  line-height: 1.1;
  margin: 0;
}
#dna #figures #figures-list .figures-item .figures-item-value--blue {
  color: #0833BC;
}
#dna #figures #figures-list .figures-item .figures-item-value--yellow {
  color: #FFA100;
}
#dna #figures #figures-list .figures-item .figures-item-label {
  font-size: max(14px, var(--fig-num) * 0.282);
  font-weight: bold;
  line-height: 1.4;
  color: #596794;
  margin: 0;
}
@media (min-width: 1025px) {
  #dna #figures #figures-list {
    --fig-num: clamp(3.5rem, calc(0.1153846154rem + 5.2884615385vw), 4.875rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
  }
  #dna #figures #figures-list .icone-point-line {
    display: block;
    width: calc(var(--fig-num) * 0.61);
    height: auto;
    aspect-ratio: 78/156;
    flex: 0 0 auto;
    align-self: flex-start;
    margin-top: calc(var(--fig-num) * -0.06);
  }
  #dna #figures #figures-list .figures-item {
    flex: 0 0 auto;
  }
}
#dna #values {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#dna #values #values-list {
  --values-icon: clamp(4.5rem, calc(3.4436619718rem + 4.5070422535vw), 7.5rem);
  --values-brace: clamp(4.5rem, calc(2.4093309859rem + 8.9201877934vw), 10.4375rem);
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, calc(1.2957746479rem + 3.0046948357vw), 4rem);
  width: 100%;
}
#dna #values #values-list .values-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, calc(0.823943662rem + 0.7511737089vw), 1.5rem);
}
#dna #values #values-list .values-block > img {
  height: var(--values-icon);
  width: auto;
  flex: 0 0 auto;
}
#dna #values #values-list .values-block .logos_projets_bracket {
  display: none;
  font-size: var(--values-brace);
  line-height: 1;
  color: #0833BC;
  font-family: "Space Grotesk", sans-serif;
}
@media (min-width: 768px) {
  #dna #values #values-list .values-block {
    flex-direction: row;
    align-items: center;
    gap: 3.8%;
    width: 92%;
    text-align: start;
  }
  #dna #values #values-list .values-block--left {
    margin-right: auto;
  }
  #dna #values #values-list .values-block--right {
    margin-left: auto;
    text-align: end;
  }
  #dna #values #values-list .values-block .logos_projets_bracket {
    display: block;
    flex: 0 0 auto;
  }
  #dna #values #values-list .values-block .values-block-body {
    flex: 1 1 auto;
    min-width: 0;
  }
}
#dna #identity {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-image: url("../images/misc/background.svg"), linear-gradient(180deg, #596794 0%, #384161 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, cover;
  background-position: top center, center;
}
#dna #identity #identity-inner {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  padding-block: clamp(2.5rem, calc(1.5096830986rem + 4.2253521127vw), 5.3125rem);
  max-width: 1980px;
  margin-inline: auto;
}
#dna #identity #identity-inner #identity-content {
  text-align: center;
}
#dna #identity #identity-inner #identity-content h2,
#dna #identity #identity-inner #identity-content p {
  color: #FFF;
}
#dna #identity #identity-inner #identity-visual {
  position: relative;
}
#dna #identity #identity-inner #identity-visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 17/10;
  object-fit: cover;
  border-radius: 6.6% 29.4% 29.4% 29.4%/11.2% 50% 50% 50%;
}
#dna #identity #identity-inner #identity-visual .icone-points--white {
  display: inline-block;
  aspect-ratio: 257/67;
  background-color: #FFF;
  -webkit-mask-image: url("../icons/decor/dots.webp");
  mask-image: url("../icons/decor/dots.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  right: 0;
  bottom: 7.4%;
  width: 29.6%;
}
@media (min-width: 1025px) {
  #dna #identity #identity-inner {
    flex-direction: row;
    align-items: center;
    gap: 8.4%;
  }
  #dna #identity #identity-inner #identity-visual {
    flex: 0 0 47.7%;
  }
  #dna #identity #identity-inner #identity-content {
    flex: 1 1 auto;
    text-align: end;
  }
}
#dna #csr #csr-inner #csr-article #csr-report {
  display: flex;
}
@media (max-width: 767px) {
  #dna #csr #csr-inner #csr-article #csr-report {
    flex-direction: column;
    gap: 2rem;
  }
}
#dna #csr #csr-inner #csr-article #csr-report #csr-report-text {
  max-width: 50%;
}
@media (max-width: 767px) {
  #dna #csr #csr-inner #csr-article #csr-report #csr-report-text {
    max-width: 100%;
  }
}
#dna #csr #csr-inner #csr-article #csr-report #csr-report-text h3 {
  color: #0833BC;
  font-size: 1.8rem;
}
#dna #csr #csr-inner #csr-article #csr-report #csr-report-text li > p {
  margin: 0;
}
#dna #csr #csr-inner #csr-article #csr-report #csr-report-text li + li {
  margin-top: 13px;
}
#dna #csr #csr-inner #csr-article #csr-report-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}
@media (max-width: 767px) {
  #dna #csr #csr-inner #csr-article #csr-report-img {
    width: 100%;
  }
}
#dna #csr #csr-inner #csr-article #csr-report-img img {
  width: 40%;
}
#dna #csr #csr-inner #csr-article .dot-line-separator {
  --dls-width: 100%;
  margin-block: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
#dna #csr #csr-inner #csr-article #csr-ecovadis {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
#dna #csr #csr-inner #csr-article #csr-ecovadis > div:first-child {
  max-width: 200px;
}
@media (max-width: 767px) {
  #dna #csr #csr-inner #csr-article #csr-ecovadis > div:first-child {
    max-width: 140px;
    align-self: center;
  }
}
#dna #csr #csr-inner #csr-article #csr-ecovadis img {
  display: block;
  width: 100%;
}
#dna #csr #csr-inner #csr-article #csr-ecovadis .section-title {
  align-items: flex-start;
  text-align: left;
}
@media (min-width: 1025px) {
  #dna #csr #csr-inner #csr-article #csr-ecovadis {
    flex-direction: row;
    align-items: center;
    gap: 7.7%;
    text-align: end;
  }
  #dna #csr #csr-inner #csr-article #csr-ecovadis > div:first-child {
    flex: 0 0 21.3%;
    max-width: none;
  }
  #dna #csr #csr-inner #csr-article #csr-ecovadis .section-title {
    align-items: flex-end;
    text-align: right;
  }
}
@media (min-width: 1280px) {
  #dna #csr #csr-inner #csr-article .dot-line-separator {
    --dls-width: 54%;
  }
}
#dna #why-elosi #why-elosi-inner {
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  border-radius: 32px clamp(3.5rem, calc(0.3309859155rem + 13.5211267606vw), 12.5rem);
  padding: clamp(1.5rem, calc(0.9718309859rem + 2.2535211268vw), 3rem) clamp(1.25rem, calc(-0.1804577465rem + 6.103286385vw), 5.3125rem);
}
#dna #why-elosi #why-elosi-inner #why-elosi-title {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block: clamp(1rem, calc(0.6478873239rem + 1.5023474178vw), 2rem);
}
#dna #why-elosi #why-elosi-inner #why-elosi-title .icone-points {
  display: inline-block;
  aspect-ratio: 257/67;
  background-color: #FFA100;
  -webkit-mask-image: url("../icons/decor/dots.webp");
  mask-image: url("../icons/decor/dots.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: clamp(3rem, calc(2.0977112676rem + 3.8497652582vw), 5.5625rem);
}
@media (min-width: 768px) {
  #dna #why-elosi #why-elosi-inner #why-elosi-title {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
  }
}
#dna #why-elosi #why-elosi-inner #why-elosi-content {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
#dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-badge {
  order: 2;
  display: flex;
  justify-content: center;
}
#dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-badge img,
#dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-badge .icone-logo-elosi {
  width: 40%;
  max-width: 180px;
}
#dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-badge .icone-logo-elosi {
  color: #FFF;
}
#dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-list {
  order: 1;
  color: #FFF;
  font-weight: 600;
}
#dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-list ul {
  list-style: none;
  padding-left: 0;
}
#dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-list ul li {
  position: relative;
  padding-left: 2rem;
}
#dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 1.1rem;
  height: 1.1rem;
  background-image: url("../icons/arrows/arrow-nav-offers.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 1025px) {
  #dna #why-elosi #why-elosi-inner #why-elosi-content {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
  #dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-badge {
    order: 0;
    flex: 0 0 30%;
  }
  #dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-badge img,
  #dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-badge .icone-logo-elosi {
    width: 59%;
    max-width: none;
  }
  #dna #why-elosi #why-elosi-inner #why-elosi-content #why-elosi-list {
    order: 0;
    flex: 1 1 auto;
  }
}
#dna #partners {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-image: linear-gradient(180deg, #596794 0%, #384161 100%);
}
#dna #partners #partners-inner {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, calc(0.5915492958rem + 6.0093896714vw), 6rem);
  max-width: 1980px;
  margin-inline: auto;
}
#dna #partners #partners-inner #partners-content h2,
#dna #partners #partners-inner #partners-content p {
  color: #FFF;
}
#dna #partners #partners-inner #partners-logos {
  --partners-logo-gap: clamp(1rem, calc(0.6478873239rem + 1.5023474178vw), 2rem);
  grid-template-columns: repeat(2, minmax(0, clamp(6rem, calc(4.8776408451rem + 4.7887323944vw), 9.1875rem)));
  display: grid;
  justify-content: center;
  gap: var(--partners-logo-gap);
  min-width: 0;
}
#dna #partners #partners-inner #partners-logos .partners-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #F2F5FF;
}
#dna #partners #partners-inner #partners-logos .partners-logo img {
  max-width: 76%;
  max-height: 76%;
  width: auto;
  height: auto;
  object-fit: contain;
}
#dna #partners #partners-inner #partners-logos .partners-logo--intershop img {
  border-radius: 3rem;
}
#dna #partners #partners-inner #partners-logos .partners-logo:nth-child(3) {
  grid-column: 1/-1;
  justify-self: center;
  width: calc((100% - var(--partners-logo-gap)) / 2);
}
@media (min-width: 1025px) {
  #dna #partners #partners-inner {
    flex-direction: row;
    align-items: center;
  }
  #dna #partners #partners-inner #partners-content {
    flex: 0 0 50%;
  }
  #dna #partners #partners-inner #partners-logos {
    flex: 1 1 0;
  }
}
@media (min-width: 1280px) {
  #dna #partners #partners-inner #partners-content {
    flex: 0 0 42%;
  }
  #dna #partners #partners-inner #partners-content h2 {
    font-size: 2.2rem;
  }
  #dna #partners #partners-inner #partners-content p {
    font-size: 1.15rem;
  }
  #dna #partners #partners-inner #partners-logos {
    justify-content: flex-end;
    --partners-logo-gap: 44px;
    grid-template-columns: repeat(3, minmax(0, 220px));
  }
  #dna #partners #partners-inner #partners-logos .partners-logo:nth-child(3) {
    grid-column: auto;
    justify-self: stretch;
    width: auto;
  }
}

.page-expertise > .cta-with-media {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  padding-right: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}

.expertise-enjeux {
  background-color: #dbe1f1;
  background-image: url("../images/misc/background.svg");
  background-position: center;
}
.expertise-enjeux .expertise-enjeux-head {
  margin-bottom: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
.expertise-enjeux .expertise-enjeux-row {
  display: flex;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  align-items: stretch;
}
.expertise-enjeux .expertise-enjeux-media {
  flex: 0 0 28%;
  max-width: 280px;
  margin: 0;
}
.expertise-enjeux .expertise-enjeux-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 120px 36px 120px 36px;
}
.expertise-enjeux .expertise-enjeux-col {
  flex: 1 1 auto;
  min-width: 0;
}

.expertise-technique .expertise-technique-intro {
  text-align: center;
}

.expertise-bloc-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
}
.expertise-bloc-title .expertise-bloc-dot {
  flex: 0 0 auto;
  width: 28px;
  height: 14px;
  border-radius: 100px;
  background-color: #FFA100;
}
.expertise-bloc-title h3 {
  margin: 0;
}

.expertise-bloc {
  margin-top: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
.expertise-bloc .expertise-bloc-intro {
  margin-bottom: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  font-size: 1.2rem;
}
.expertise-bloc .expertise-bloc-list li::before {
  content: "→";
  top: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: #596794;
  font-weight: 700;
}
.expertise-bloc .expertise-bloc-list li:nth-child(n)::before {
  background: none;
}

.expertise-bloc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.expertise-bloc-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}
.expertise-bloc-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0833BC;
}
.expertise-bloc-list li:nth-child(3n+2)::before {
  background-color: #FFA100;
}
.expertise-bloc-list li:nth-child(3n)::before {
  background-color: #596794;
}

.expertise-bloc-list--cols-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}

.expertise-bloc-note {
  margin-top: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  padding-left: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  border-left: 3px solid #FFA100;
  font-weight: 700;
  font-size: 1.2rem;
}
.expertise-bloc-note strong {
  color: #0833BC;
}

.expertise-solutions .expertise-solutions-intro {
  margin-bottom: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
.expertise-solutions .expertise-solutions-cards {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
.expertise-solutions .expertise-solutions-card {
  display: flex;
  align-items: center;
  gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  width: 78%;
  padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem) clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  border-radius: 150px 28px 150px 150px;
  background-color: #dbe1f1;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .expertise-solutions .expertise-solutions-card {
    display: grid;
    width: 100%;
    border-radius: 28px;
    gap: 1rem;
  }
}
.expertise-solutions .expertise-solutions-card:nth-child(even) {
  margin-left: auto;
}
.expertise-solutions .expertise-solutions-card-logo {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: clamp(6rem, calc(4.4558823529rem + 6.5882352941vw), 11.25rem);
  aspect-ratio: 1/1;
  padding: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  border-radius: 200px 200px 32px 200px;
}
.expertise-solutions .expertise-solutions-card-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.expertise-solutions .expertise-solutions-card-logo.expertise-solutions-card-logo--odoo {
  background-color: #714b67;
}
.expertise-solutions .expertise-solutions-card-logo.expertise-solutions-card-logo--intershop {
  background-color: #e1004c;
}
.expertise-solutions .expertise-solutions-card-body p {
  margin: 0;
}
.expertise-solutions .expertise-solutions-cta {
  display: flex;
  justify-content: center;
  margin-top: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}

.page-expertise .offre-client-case .button-primary,
.page-expertise .expertise-solutions .button-primary {
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
}

.page-expertise .method-title {
  text-align: center;
}
.page-expertise .method-title .icone-point-line {
  content: url("../icons/decor/dot-line-dot.svg");
  width: 104px;
  margin-top: 1.25rem;
}

.page-expertise .offre-client-case-title {
  gap: 1.25rem;
}
.page-expertise .offre-client-case-title .icone-line-point-line {
  content: url("../icons/decor/dot-line-dot.svg");
  width: 104px;
  height: auto;
}

.page-expertise .offer-why-elosi-title {
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
.page-expertise .offer-why-elosi-title .section-title__separator svg {
  width: 134px;
}

.page-expertise .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item .offer-why-elosi-item-title {
  gap: 1.15rem;
}

.page-expertise .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:first-of-type .dots-trio-point:first-child::before,
.page-expertise .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(4) .dots-trio::before,
.page-expertise .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(2) .offer-why-elosi-item-title::before,
.page-expertise .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(3) .offer-why-elosi-item-title::before {
  content: none;
}
.page-expertise .offer-why-elosi .offer-why-elosi-item {
  position: relative;
}
.page-expertise .offer-why-elosi .offer-why-elosi-item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  pointer-events: none;
}
.page-expertise .offer-why-elosi .offer-why-elosi-item.left {
  padding-left: 6rem;
}
.page-expertise .offer-why-elosi .offer-why-elosi-item.left::before {
  left: -1rem;
}
.page-expertise .offer-why-elosi .offer-why-elosi-item.right {
  padding-right: 6rem;
}
.page-expertise .offer-why-elosi .offer-why-elosi-item.right::before {
  right: -1rem;
}
.page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+1)::before,
.page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n)::before {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background-color: #F5E4CC;
  top: 2.25rem;
}
.page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2)::before,
.page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3)::before {
  width: 200px;
  height: 400px;
  background: url("../icons/brand/slash-elosi-blue.svg") no-repeat center center;
  background-size: contain;
}
.page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).left::before,
.page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).left::before {
  left: 4rem;
}
.page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).right::before,
.page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).right::before {
  right: 4rem;
}

@media (max-width: 767px) {
  .expertise-enjeux .expertise-enjeux-row {
    flex-direction: column;
    align-items: stretch;
  }
  .expertise-enjeux .expertise-enjeux-media {
    flex-basis: auto;
    min-height: 220px;
  }
  .expertise-bloc-list--cols-3 {
    grid-template-columns: 1fr;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:first-of-type .dots-trio-point:first-child::before,
  .page-expertise .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(4) .dots-trio::before,
  .page-expertise .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(2) .offer-why-elosi-item-title::before,
  .page-expertise .offer-why-elosi .offer-why-elosi-inner .offer-why-elosi-item:nth-child(3) .offer-why-elosi-item-title::before {
    content: none;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-item {
    position: relative;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-item::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    pointer-events: none;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-item.left {
    padding-left: 0;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-item.left::before {
    left: -2rem;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-item.right {
    padding-right: 0;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-item.right::before {
    right: -1rem;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+1)::before,
  .page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n)::before {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #F5E4CC;
    top: 3.25rem;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2)::before,
  .page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3)::before {
    width: 135px;
    height: 240px;
    background: url("../icons/brand/slash-elosi-blue.svg") no-repeat center center;
    background-size: contain;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).left::before,
  .page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).left::before {
    left: -1rem;
  }
  .page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+2).right::before,
  .page-expertise .offer-why-elosi .offer-why-elosi-item:nth-child(4n+3).right::before {
    right: -2rem;
  }
}
#solutions-list {
  display: flex;
  flex-direction: column;
}
#solutions-list #solutions-list-title {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 1rem;
}
#solutions-list #solutions-list-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  margin-top: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
}
#solutions-list .solutions-list-button {
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: clamp(0.625rem, calc(0.4411764706rem + 0.7843137255vw), 1.25rem);
  padding: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem) clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  border: none;
  border-radius: 50px;
  background-color: #E2E3EC;
  color: #000;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
#solutions-list .solutions-list-button:hover {
  background-color: #CFD5E7;
}
#solutions-list .solutions-list-button.is-active {
  background-color: #0833BC;
  color: #FFF;
}
#solutions-list #solutions-list-panels {
  width: 100%;
  margin-top: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
#solutions-list .solutions-list-panel {
  display: none;
  flex-direction: column;
  margin: 0 auto;
  background-color: #FFF;
  border-radius: 32px;
  padding: 2rem;
  gap: 1rem;
}
#solutions-list .solutions-list-panel.is-active {
  display: flex;
}
#solutions-list .solutions-list-panel .solutions-list-panel-label {
  color: #FFA100;
  font-size: 1.5rem;
}
#solutions-list .solutions-list-panel .solutions-list-panel-label, #solutions-list .solutions-list-panel h3 {
  margin: 0;
}
#solutions-list .solutions-list-panel img {
  width: clamp(5rem, calc(3.8970588235rem + 4.7058823529vw), 8.75rem);
  height: auto;
}

.page-intershop {
  display: flex;
  flex-direction: column;
}
.page-intershop #intershop-avantages {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.page-intershop #intershop-avantages .intershop-avantages-block {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.page-intershop #intershop-avantages .intershop-avantages-block .intershop-avantage-secteur {
  background-color: #DBE0F1;
  border-radius: 16px;
  padding: 32px;
  display: flex;
  gap: 5rem;
}
.page-intershop #intershop-avantages .intershop-avantages-block .intershop-avantage-secteur .intershop-avantage-secteur-title {
  width: 30%;
}
.page-intershop #intershop-avantages .intershop-avantages-block .intershop-avantage-secteur .intershop-avantage-secteur-list {
  width: 60%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-intershop #intershop-avantages .intershop-avantages-block .intershop-avantage-secteur .intershop-avantage-secteur-list .intershop-avantage-secteur-list-inner {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.page-intershop #intershop-avantages .intershop-avantages-block .intershop-avantage-secteur .intershop-avantage-secteur-list .intershop-avantage-secteur-list-inner p {
  max-width: 90%;
}
@media (max-width: 767px) {
  .page-intershop #intershop-avantages {
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
  .page-intershop #intershop-avantages .intershop-avantages-block {
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
  .page-intershop #intershop-avantages .intershop-avantages-block .intershop-avantage-secteur {
    flex-direction: column;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
    padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  .page-intershop #intershop-avantages .intershop-avantages-block .intershop-avantage-secteur .intershop-avantage-secteur-title,
  .page-intershop #intershop-avantages .intershop-avantages-block .intershop-avantage-secteur .intershop-avantage-secteur-list {
    width: 100%;
  }
  .page-intershop #intershop-avantages .intershop-avantages-block .intershop-avantage-secteur .intershop-avantage-secteur-list-inner {
    gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  }
  .page-intershop #intershop-avantages .intershop-avantages-block .intershop-avantage-secteur .intershop-avantage-secteur-list-inner p {
    max-width: 100%;
  }
}

.page-odoo .odoo-advantages .odoo-advantages-title {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: end;
}
.page-odoo .odoo-advantages .odoo-advantages-block {
  display: flex;
  background-color: #DBE0F1;
  border-radius: 16px 500px 500px 16px;
  gap: 3rem;
}
.page-odoo .odoo-advantages .odoo-advantages-block .odoo-advantages-list {
  padding: 2rem;
  width: 73%;
}
.page-odoo .odoo-advantages .odoo-advantages-block .odoo-advantages-list .odoo-advantages-list-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.page-odoo .odoo-advantages .odoo-advantages-block .odoo-advantages-list .odoo-advantages-list-item p {
  margin: 12px;
}
.page-odoo .odoo-advantages .odoo-advantages-block .odoo-advantages-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-odoo .odoo-advantages .odoo-advantages-block .odoo-advantages-img .odoo-advantages-img-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 50%;
  aspect-ratio: 1/1;
  background-color: #FFF;
  padding: 2rem;
  border-radius: 50%;
}
.page-odoo .odoo-advantages .odoo-advantages-block .odoo-advantages-img img {
  width: 100%;
  height: auto;
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .page-odoo .odoo-advantages .odoo-advantages-list {
    padding: 1.25rem 1.5rem;
  }
  .page-odoo .odoo-advantages .odoo-advantages-list .odoo-advantages-list-item p {
    font-size: 1.05rem;
  }
}
@media (max-width: 1024px) {
  .page-odoo .odoo-advantages .odoo-advantages-block {
    border-radius: 32px;
    flex-direction: column;
    gap: 1rem;
  }
  .page-odoo .odoo-advantages .odoo-advantages-block .odoo-advantages-list {
    order: 2;
    width: 100%;
  }
  .page-odoo .odoo-advantages .odoo-advantages-block .odoo-advantages-img {
    order: 1;
    padding-top: 2rem;
  }
  .page-odoo .odoo-advantages .odoo-advantages-block .odoo-advantages-img .odoo-advantages-img-circle {
    width: 55%;
  }
}

.page-drupal .drupal-avantages .drupal-title {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 1rem;
  padding-top: 5rem;
}
.page-drupal .drupal-avantages .drupal-avantages-items {
  list-style: none;
  margin: 0;
  color: #FFF;
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  gap: 3rem 5rem;
  padding: 3rem 0;
}
.page-drupal .drupal-avantages .drupal-avantages-items p {
  padding: 2rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Space Grotesk", sans-serif;
}
.page-drupal .drupal-avantages .drupal-avantages-items .circle {
  border-radius: 205px;
  height: 236px;
  width: 236px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-drupal .drupal-avantages .drupal-avantages-items .circle-br {
  border-radius: 205px 205px 15px 205px;
  height: 236px;
  width: 236px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-drupal .drupal-avantages .drupal-avantages-items .circle-bl {
  border-radius: 205px 205px 205px 15px;
  height: 236px;
  width: 236px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-drupal .drupal-avantages .drupal-avantages-items .circle-tl {
  border-radius: 15px 205px 205px 205px;
  height: 236px;
  width: 236px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-drupal .drupal-avantages .drupal-avantages-items .circle-tr {
  border-radius: 205px 15px 205px 205px;
  height: 236px;
  width: 236px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-drupal .drupal-avantages .drupal-avantages-items .blue {
  background-color: #0833BC;
}
.page-drupal .drupal-avantages .drupal-avantages-items .yellow {
  background-image: linear-gradient(180deg, #FFA100 0%, #BF5708 100%);
}
.page-drupal .drupal-avantages .drupal-avantages-items .grey {
  background-color: #596794;
}
@media (max-width: 767px) {
  .page-drupal .drupal-avantages .drupal-avantages-items {
    display: flex;
    justify-content: space-around;
    gap: 1.5rem 2rem;
  }
  .page-drupal .drupal-avantages .drupal-avantages-items p {
    font-size: 0.8rem;
  }
  .page-drupal .drupal-avantages .drupal-avantages-items .circle, .page-drupal .drupal-avantages .drupal-avantages-items .circle-br, .page-drupal .drupal-avantages .drupal-avantages-items .circle-bl, .page-drupal .drupal-avantages .drupal-avantages-items .circle-tl, .page-drupal .drupal-avantages .drupal-avantages-items .circle-tr {
    width: 135px;
    height: 135px;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .page-drupal .drupal-avantages .drupal-avantages-items {
    row-gap: 3rem;
    column-gap: 3rem;
  }
  .page-drupal .drupal-avantages .drupal-avantages-items .circle, .page-drupal .drupal-avantages .drupal-avantages-items .circle-br, .page-drupal .drupal-avantages .drupal-avantages-items .circle-bl, .page-drupal .drupal-avantages .drupal-avantages-items .circle-tl, .page-drupal .drupal-avantages .drupal-avantages-items .circle-tr {
    flex: 0 0 calc((100% - 4 * 3rem) / 5);
    min-width: 0;
    aspect-ratio: 1/1;
    height: auto;
  }
  .page-drupal .drupal-avantages .drupal-avantages-items p {
    padding: 1rem;
    font-size: clamp(1rem, calc(-0.5094339623rem + 1.8867924528vw), 1.1875rem);
  }
}

.page-nutanix .nutanix-advantages-items {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.page-nutanix .nutanix-advantages-items .nutanix-advantages-line {
  display: flex;
  gap: 2rem;
}
.page-nutanix .nutanix-advantages-items .nutanix-advantages-line.one {
  justify-content: end;
}
.page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-item {
  position: relative;
  z-index: 0;
}
.page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-item::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 200px;
}
.page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-item.halo-center::after {
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 40px);
  background: linear-gradient(180deg, #0833BC 0%, #041756 100%);
}
.page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-item.halo-right::after {
  left: 0;
  width: calc(100% + 20px);
  background: linear-gradient(180deg, #FFA100 0%, #C96807 100%);
}
.page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-item.halo-left::after {
  right: 0;
  width: calc(100% + 20px);
  background: linear-gradient(180deg, #FFA100 0%, #C96807 100%);
}
.page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-blocks {
  position: relative;
  background-color: #DBE0F1;
  border-radius: 200px;
  padding-right: 20px;
  width: 550px;
  padding: 3rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 328px;
}
.page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-blocks p, .page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-blocks h3 {
  max-width: 100%;
}
.page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-blocks .puce-color {
  max-width: 20px;
}
@media (max-width: 1024px) {
  .page-nutanix .nutanix-advantages-items .nutanix-advantages-line {
    flex-wrap: wrap;
  }
  .page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-blocks {
    width: clamp(16.25rem, calc(10.9191176471rem + 22.7450980392vw), 34.375rem);
    height: clamp(12.5rem, calc(10.1470588235rem + 10.0392156863vw), 20.5rem);
    padding: clamp(1.5rem, calc(1.0588235294rem + 1.8823529412vw), 3rem);
  }
}
@media (max-width: 767px) {
  .page-nutanix .nutanix-advantages-items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
    transition: transform 0.6s ease;
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .page-nutanix .nutanix-advantages-items {
    transition: none;
  }
}
@media (max-width: 767px) {
  .page-nutanix .nutanix-advantages-items .nutanix-advantages-line {
    display: contents;
  }
  .page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-item {
    flex: 0 0 100%;
    width: 100%;
  }
  .page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-item.halo-right::after, .page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-item.halo-left::after {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: calc(clamp(15rem, calc(13.5294117647rem + 6.2745098039vw), 20rem) + 10px);
  }
  .page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-item.halo-center::after {
    width: calc(clamp(15rem, calc(13.5294117647rem + 6.2745098039vw), 20rem) + 35px);
  }
  .page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-blocks {
    width: clamp(15rem, calc(13.5294117647rem + 6.2745098039vw), 20rem);
    height: clamp(15rem, calc(13.5294117647rem + 6.2745098039vw), 20rem);
    border-radius: 50%;
    margin: 0 auto;
  }
  .page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-blocks h3 {
    font-size: 1.1rem;
  }
  .page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-blocks p {
    font-size: 0.85rem;
  }
  .page-nutanix .nutanix-advantages-items .nutanix-advantages-line .nutanix-advantages-blocks .puce-color {
    display: none;
  }
}
.page-nutanix .nutanix-advantages {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.page-nutanix .nutanix-advantages .nutanix-advantages-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2rem;
}
.page-nutanix .nutanix-advantages .nutanix-advantages-grid-item {
  border-left: 8px solid transparent;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1.5rem 2rem;
}
.page-nutanix .nutanix-advantages .nutanix-advantages-grid-item h3 {
  margin: 0 0 0.5rem;
}
.page-nutanix .nutanix-advantages .nutanix-advantages-grid-item p {
  margin: 0;
}
.page-nutanix .nutanix-advantages .nutanix-advantages-grid-item.grey {
  border-left-color: #596794;
}
.page-nutanix .nutanix-advantages .nutanix-advantages-grid-item.yellow {
  border-left-color: #FFA100;
}
@media (max-width: 767px) {
  .page-nutanix .nutanix-advantages .nutanix-advantages-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  .page-nutanix .nutanix-advantages .nutanix-advantages-grid-item {
    padding: 1.25rem 1.5rem;
  }
}
.page-nutanix .offer-why-wrapper .offer-why-img img {
  border-radius: 300px;
}
.page-nutanix .offer-audience .offer-audience-img .offer-audience-img-frame .icone-points--blue {
  background-color: #FFA100;
}
@media (max-width: 1024px) {
  .page-nutanix .offer-audience {
    grid-template-areas: "title" "content" "img";
  }
}
.page-nutanix .nutanix-advantages-controls {
  display: none;
}
@media (max-width: 767px) {
  .page-nutanix .nutanix-advantages-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
    margin-top: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
}
.page-nutanix .nutanix-advantages-toggle,
.page-nutanix .nutanix-advantages-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background-color: #0833BC;
  color: #FFF;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.page-nutanix .nutanix-advantages-toggle:hover,
.page-nutanix .nutanix-advantages-nav:hover {
  opacity: 0.85;
}
.page-nutanix .nutanix-advantages-toggle:focus-visible,
.page-nutanix .nutanix-advantages-nav:focus-visible {
  outline: 2px solid var(--color-heading);
  outline-offset: 2px;
}
.page-nutanix .nutanix-advantages-toggle svg {
  fill: currentColor;
}
.page-nutanix .nutanix-advantages-toggle .icon-play {
  display: none;
}
.page-nutanix .nutanix-advantages-toggle[aria-pressed=true] .icon-pause {
  display: none;
}
.page-nutanix .nutanix-advantages-toggle[aria-pressed=true] .icon-play {
  display: block;
}
.page-nutanix .nutanix-advantages-nav-icon {
  width: 40%;
}
.page-nutanix .nutanix-advantages-nav-icon.return {
  rotate: 180deg;
}

.page-consulting .consulting-intervention {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.page-consulting .consulting-intervention .consulting-intervention-title {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: baseline;
}
.page-consulting .consulting-intervention .consulting-intervention-line {
  display: flex;
  gap: 1rem;
}
.page-consulting .consulting-intervention .consulting-intervention-line .consulting-intervention-item {
  position: relative;
  background-color: #DBE0F1;
  padding: 3rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  width: 33%;
  text-align: center;
  min-width: auto;
}
.page-consulting .consulting-intervention .consulting-intervention-line .consulting-intervention-item p,
.page-consulting .consulting-intervention .consulting-intervention-line .consulting-intervention-item h3 {
  margin: 0;
  overflow-wrap: normal;
  word-break: keep-all;
}
.page-consulting .consulting-intervention .consulting-intervention-line .consulting-intervention-item:nth-child(1)::before {
  content: "";
  position: absolute;
  top: -81px;
  left: 0;
  width: 209px;
  height: 111px;
  background: url("../icons/arrows/arrow-consulting-blue.svg") no-repeat center center;
  background-size: contain;
}
.page-consulting .consulting-intervention .consulting-intervention-line .consulting-intervention-item:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 271px;
  left: 101px;
  width: 100px;
  height: 145px;
  background: url("../icons/arrows/arrow-consulting-yellow.svg") no-repeat center center;
  background-size: contain;
}
.page-consulting .consulting-intervention .consulting-intervention-line .consulting-intervention-item:nth-child(3)::before {
  content: "";
  position: absolute;
  top: -81px;
  left: 202px;
  width: 100px;
  height: 116px;
  background: url("../icons/arrows/arrow-consulting-grey.svg") no-repeat center center;
  background-size: contain;
}
.page-consulting .offer-audience-content ul .b {
  font-weight: bolder;
}

@media (min-width: 1025px) and (max-width: 1600px) {
  .page-consulting .consulting-intervention .consulting-intervention-line .consulting-intervention-item:nth-child(2)::before {
    top: 350px;
  }
}
@media (max-width: 1024px) {
  .page-consulting .consulting-intervention {
    margin: 0;
    gap: 2rem;
  }
  .page-consulting .consulting-intervention .consulting-intervention-line {
    flex-direction: column;
  }
  .page-consulting .consulting-intervention .consulting-intervention-line .consulting-intervention-item {
    width: 100%;
  }
  .page-consulting .consulting-intervention .consulting-intervention-line .consulting-intervention-item:nth-child(n)::before {
    content: none;
  }
}
#offres-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#offres-intro #offres-intro-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 70%;
  text-align: center;
  padding-block: clamp(3rem, calc(1.8235294118rem + 5.0196078431vw), 7rem);
}
#offres-intro #offres-intro-content #offres-intro-content-text {
  position: relative;
  z-index: 1;
}
#offres-intro #offres-intro-content #offres-intro-content-text p {
  font-size: 1.5rem;
  font-weight: 500;
}
#offres-intro #offres-intro-content #offres-intro-content-text .offres-intro-slash {
  width: auto;
  height: auto;
  background: url("../icons/brand/slash-elosi-blue.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  z-index: -1;
  top: calc(-1 * clamp(1.125rem, calc(0.8125rem + 1.3333333333vw), 2.1875rem));
  bottom: clamp(0.25rem, calc(0.1213235294rem + 0.5490196078vw), 0.6875rem);
  left: calc(50% - clamp(3.25rem, calc(2.2573529412rem + 4.2352941176vw), 6.625rem));
  transform: translateX(-50%);
  aspect-ratio: 78/156;
  max-height: clamp(11.875rem, calc(8.0147058824rem + 16.4705882353vw), 25rem);
}
#offres-intro #offres-intro-content #offres-intro-content-text .section-title {
  position: relative;
}
#offres-intro #offres-intro-content #offres-intro-content-text .section-title::after {
  content: "";
  width: clamp(3rem, calc(2.2463235294rem + 3.2156862745vw), 5.5625rem);
  height: clamp(3rem, calc(2.2463235294rem + 3.2156862745vw), 5.5625rem);
  border-radius: 50%;
  background-color: #F5E4CC;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: calc(50% + clamp(2.625rem, calc(1.8529411765rem + 3.2941176471vw), 5.25rem));
  transform: translate(-50%, -50%);
}
#offres-intro #offres-selection {
  display: flex;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
#offres-intro #offres-selection .points-deco {
  position: relative;
  align-self: center;
  flex-shrink: 0;
  width: clamp(6.25rem, calc(4.9632352941rem + 5.4901960784vw), 10.625rem);
  margin-block: 0;
  margin-inline: calc(clamp(6.25rem, calc(4.9632352941rem + 5.4901960784vw), 10.625rem) * -0.5);
  rotate: 90deg;
  z-index: 2;
}
#offres-intro #offres-selection #offre-selection-solution, #offres-intro #offres-selection #offre-selection-consulting {
  flex: 1 1 50%;
  min-width: 0;
  padding: clamp(5rem, calc(0.5rem + 9.375vw), 8rem);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
#offres-intro #offres-selection #offre-selection-solution > .button-secondary, #offres-intro #offres-selection #offre-selection-consulting > .button-secondary {
  align-self: flex-end;
  margin-top: auto;
}
#offres-intro #offres-selection #offre-selection-solution p, #offres-intro #offres-selection #offre-selection-consulting p {
  color: #FFF;
  font-weight: 600;
}
#offres-intro #offres-selection #offre-selection-solution img, #offres-intro #offres-selection #offre-selection-consulting img {
  width: 100%;
}
#offres-intro #offres-selection #offre-selection-solution {
  background-image: url("../images/misc/background.svg"), linear-gradient(180deg, #0833BC 0%, #041756 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: 200% 100%, cover;
  background-position: left center, center;
}
#offres-intro #offres-selection #offre-selection-consulting {
  background-image: url("../images/misc/background.svg"), linear-gradient(180deg, #596794 0%, #384161 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: 200% 100%, cover;
  background-position: right center, center;
}

@media (max-width: 767px) {
  #offres-intro #offres-intro-content #offres-intro-content-text p {
    font-size: 1rem;
  }
  #offres-intro #offres-selection {
    flex-direction: column;
    position: relative;
  }
  #offres-intro #offres-selection .points-deco {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    rotate: 0deg;
    margin: 0;
    width: 40%;
  }
  #offres-intro #offres-selection #offre-selection-solution, #offres-intro #offres-selection #offre-selection-consulting {
    flex: 0 0 auto;
    padding-inline: clamp(1.5rem, calc(-1.8396946565rem + 14.2493638677vw), 5rem);
    padding-block: 5rem;
    height: 50%;
  }
}
body.route-carriere-travailler-chez-elosi {
  --color-page-bg: var(--color-surface-behind);
}

#page-travailler-chez-elosi #tce-chiffres {
  display: flex;
  position: relative;
  justify-content: space-around;
  align-items: center;
  padding: 74px 24px;
}
#page-travailler-chez-elosi #tce-chiffres p {
  color: #FFF;
  margin: 0;
}
#page-travailler-chez-elosi #tce-chiffres .tce-chiffres-item-values {
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  #page-travailler-chez-elosi #tce-chiffres .tce-chiffres-item-values {
    font-size: 1.5rem;
  }
}
#page-travailler-chez-elosi #tce-chiffres::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  opacity: 0.7;
}
#page-travailler-chez-elosi #tce-chiffres .tce-chiffres-line {
  width: 23px;
  height: 58px;
  background-color: #a6b3da;
  opacity: 0.9;
  clip-path: polygon(48.58% 100%, 0% 100%, 51.42% 0%, 100% 0%);
}
#page-travailler-chez-elosi #tce-block-content {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  background-color: #FFF;
}
#page-travailler-chez-elosi #tce-block-content .content-block {
  display: flex;
  justify-content: space-between;
}
#page-travailler-chez-elosi #tce-block-content .content-block-text {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#page-travailler-chez-elosi #tce-block-content .content-block-text p {
  margin: 0;
}
#page-travailler-chez-elosi #tce-block-content #tce-block-why-elosi-content h2 {
  background: linear-gradient(180deg, #FFA100 0%, #BF5708 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#page-travailler-chez-elosi #tce-block-content #tce-block-equip-values-content {
  text-align: end;
  display: flex;
  flex-direction: column;
  align-items: end;
}
#page-travailler-chez-elosi #tce-block-content #tce-block-equip-values-content h2 {
  background: linear-gradient(180deg, #596794 0%, #363C50 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#page-travailler-chez-elosi #tce-block-content #tce-block-collective-emulation-content h2 {
  background: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#page-travailler-chez-elosi #tce-block-content .content-block-img {
  width: 40%;
  position: relative;
}
#page-travailler-chez-elosi #tce-block-content .content-block-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#page-travailler-chez-elosi #tce-block-content .content-block-img #tce-block-collective-emulation-img {
  background-color: #596794;
  padding: 20px;
  border-radius: 45px 290px 290px 290px;
  max-height: clamp(16.25rem, calc(6.25rem + 15.625vw), 25rem);
}
#page-travailler-chez-elosi #tce-block-content .content-block-img #tce-block-collective-emulation-img img {
  border-radius: 290px 290px 290px 290px;
  object-position: 80% center;
}
#page-travailler-chez-elosi #tce-block-content #tce-block-why-elosi-img,
#page-travailler-chez-elosi #tce-block-content #tce-block-equip-values-img,
#page-travailler-chez-elosi #tce-block-content #tce-block-collective-emulation-img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  aspect-ratio: 1/1;
  box-sizing: border-box;
}
#page-travailler-chez-elosi #tce-block-content #tce-block-why-elosi-img {
  background-color: #0833BC;
  padding: 20px;
  border-radius: 290px 290px 290px 45px;
  max-height: clamp(11.875rem, calc(4.7321428571rem + 11.1607142857vw), 18.125rem);
}
#page-travailler-chez-elosi #tce-block-content #tce-block-why-elosi-img img {
  border-radius: 50%;
}
#page-travailler-chez-elosi #tce-block-content #tce-block-equip-values-img {
  background-color: #FFA100;
  padding: 20px;
  border-radius: 290px 290px 45px 290px;
  max-height: clamp(14.0625rem, calc(5.4910714286rem + 13.3928571429vw), 21.5625rem);
}
#page-travailler-chez-elosi #tce-block-content #tce-block-equip-values-img img {
  border-radius: 50%;
}
#page-travailler-chez-elosi #tce-testimony {
  background-image: linear-gradient(180deg, #0833BC 0%, #041756 100%);
  display: flex;
  border-radius: 0 0 32px 32px;
  padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
}
#page-travailler-chez-elosi #tce-testimony #tce-testimony-img img {
  width: 100%;
}
#page-travailler-chez-elosi #tce-testimony #tce-testimony-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 84%;
}
#page-travailler-chez-elosi #tce-testimony #tce-testimony-content h2 {
  color: #FFA100;
}
#page-travailler-chez-elosi #tce-testimony #tce-testimony-content #tce-testimony-content-citation {
  gap: 1rem;
  display: flex;
  align-items: center;
}
#page-travailler-chez-elosi #tce-testimony #tce-testimony-content #tce-testimony-content-citation p {
  font-size: 1.9rem;
  margin: 0;
}
#page-travailler-chez-elosi #tce-testimony #tce-testimony-content #tce-testimony-content-citation .citation-line {
  width: 7px;
  border-radius: 20px;
  height: 70%;
  background-color: #FFA100;
}
#page-travailler-chez-elosi #tce-testimony #tce-testimony-content p {
  font-weight: 600;
  color: #FFF;
}
#page-travailler-chez-elosi #tce-testimony .puce-color {
  height: 15px;
  width: 30px;
  border-radius: 16px;
}
#page-travailler-chez-elosi #tce-cta {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
  gap: 4rem;
}
#page-travailler-chez-elosi #tce-cta-offers,
#page-travailler-chez-elosi #tce-cta-unsolicited-application {
  padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  border-radius: 30px;
}
#page-travailler-chez-elosi #tce-cta-offers .puce-color,
#page-travailler-chez-elosi #tce-cta-unsolicited-application .puce-color {
  margin: 1rem 0;
}
#page-travailler-chez-elosi #tce-cta-offers {
  background-image: linear-gradient(180deg, #596794 0%, #26386F 100%);
  width: 40%;
}
#page-travailler-chez-elosi #tce-cta-offers h2 {
  color: #FFF;
}
#page-travailler-chez-elosi #tce-cta-offers p {
  color: #FFF;
}
#page-travailler-chez-elosi #tce-cta-unsolicited-application {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#page-travailler-chez-elosi #tce-cta-unsolicited-application h2 {
  background: linear-gradient(180deg, #FFA100 0%, #BF5708 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

@media (max-width: 1279px) {
  #page-travailler-chez-elosi #tce-chiffres {
    padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  #page-travailler-chez-elosi #tce-block-content {
    gap: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
    padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  #page-travailler-chez-elosi #tce-testimony {
    padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
  #page-travailler-chez-elosi #tce-cta {
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
  #page-travailler-chez-elosi #tce-cta-offers,
  #page-travailler-chez-elosi #tce-cta-unsolicited-application {
    padding: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
}
@media (max-width: 1024px) {
  #page-travailler-chez-elosi #tce-chiffres {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem) clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
    text-align: center;
  }
  #page-travailler-chez-elosi #tce-chiffres .tce-chiffres-line {
    display: none;
  }
  #page-travailler-chez-elosi #tce-block-content {
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
  #page-travailler-chez-elosi #tce-block-content .content-block {
    flex-direction: column;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  #page-travailler-chez-elosi #tce-block-content .content-block-text {
    width: 100%;
  }
  #page-travailler-chez-elosi #tce-block-content #tce-block-equip-values-content {
    text-align: left;
    align-items: flex-start;
  }
  #page-travailler-chez-elosi #tce-block-content .content-block-img {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #page-travailler-chez-elosi #tce-block-content .content-block-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #page-travailler-chez-elosi #tce-block-content #tce-block-why-elosi-img,
  #page-travailler-chez-elosi #tce-block-content #tce-block-equip-values-img,
  #page-travailler-chez-elosi #tce-block-content #tce-block-collective-emulation-img {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 280px;
    height: auto;
    max-height: none;
  }
  #page-travailler-chez-elosi #tce-testimony {
    flex-direction: column;
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  #page-travailler-chez-elosi #tce-testimony #tce-testimony-content {
    width: 100%;
  }
  #page-travailler-chez-elosi #tce-cta {
    flex-direction: column;
  }
  #page-travailler-chez-elosi #tce-cta-offers,
  #page-travailler-chez-elosi #tce-cta-unsolicited-application {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #page-travailler-chez-elosi #tce-chiffres {
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem) clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
    padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  #page-travailler-chez-elosi #tce-block-content {
    padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
    gap: clamp(1.5rem, calc(0.7647058824rem + 3.137254902vw), 4rem);
  }
  #page-travailler-chez-elosi #tce-testimony {
    padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  #page-travailler-chez-elosi #tce-cta {
    gap: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
  #page-travailler-chez-elosi #tce-cta-offers,
  #page-travailler-chez-elosi #tce-cta-unsolicited-application {
    padding: clamp(1rem, calc(0.7058823529rem + 1.2549019608vw), 2rem);
  }
}
body.error404 {
  --color-page-bg: var(--color-surface-behind);
}

.page-404 {
  padding-left: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
  padding-right: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
  padding-top: clamp(2rem, calc(1.1176470588rem + 3.7647058824vw), 5rem);
  padding-bottom: clamp(3rem, calc(1.6764705882rem + 5.6470588235vw), 7.5rem);
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .page-404 {
    padding-left: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
    padding-right: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  }
}
.page-404__card {
  width: 100%;
  border-radius: 16px;
  background-color: var(--color-surface);
}
.page-404__body {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  padding: clamp(1.5rem, calc(1.0588235294rem + 1.8823529412vw), 3rem) clamp(1.25rem, calc(0.8823529412rem + 1.568627451vw), 2.5rem) clamp(2rem, calc(1.4117647059rem + 2.5098039216vw), 4rem);
}
.page-404__text {
  margin: 0;
  color: var(--color-text);
  font-size: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
}
.page-404__actions {
  display: flex;
  justify-content: center;
  margin-top: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
}

.page-maintenance {
  padding-left: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
  padding-right: clamp(2rem, calc(-1.0882352941rem + 13.1764705882vw), 12.5rem);
  margin-top: calc(var(--site-header-gap) + var(--site-header-height));
  padding-top: clamp(2rem, calc(1.1176470588rem + 3.7647058824vw), 5rem);
  padding-bottom: clamp(3rem, calc(1.6764705882rem + 5.6470588235vw), 7.5rem);
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .page-maintenance {
    padding-left: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
    padding-right: clamp(2rem, calc(0.8235294118rem + 5.0196078431vw), 6rem);
  }
}
.page-maintenance__card {
  width: 100%;
  border-radius: 16px;
  background-color: var(--color-surface);
}
.page-maintenance__body {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
  padding: clamp(1.5rem, calc(1.0588235294rem + 1.8823529412vw), 3rem) clamp(1.25rem, calc(0.8823529412rem + 1.568627451vw), 2.5rem) clamp(2rem, calc(1.4117647059rem + 2.5098039216vw), 4rem);
  border-radius: 0 0 16px 16px;
}
.page-maintenance__text {
  margin: 0;
  color: var(--color-text);
  font-size: clamp(0.875rem, calc(0.8014705882rem + 0.3137254902vw), 1.125rem);
}
.page-maintenance__actions {
  display: flex;
  justify-content: center;
  margin-top: clamp(0.75rem, calc(0.6029411765rem + 0.6274509804vw), 1.25rem);
}

body {
  font-family: "Raleway", system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Space Grotesk", system-ui, sans-serif;
}

h2 {
  color: var(--color-heading);
  font-size: clamp(1.625rem, calc(1.3308823529rem + 1.2549019608vw), 2.625rem);
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  h2 {
    font-size: 1.3rem;
  }
}

h1 {
  font-size: clamp(2rem, calc(1.7058823529rem + 1.2549019608vw), 3rem);
}

h4 {
  font-size: 1.4rem;
}

h3 {
  font-size: clamp(1.25rem, calc(0.9558823529rem + 1.2549019608vw), 2.25rem);
  color: #0833BC;
  margin: 18px 0;
}
@media (max-width: 767px) {
  h3 {
    font-size: 1.3rem;
  }
}

p, li {
  font-size: clamp(1rem, calc(0.9117647059rem + 0.3764705882vw), 1.3rem);
  line-height: 150%;
  font-family: Raleway, sans-serif;
  letter-spacing: 3%;
  font-weight: 500;
}

.p-card {
  font-size: 1rem;
}
@media (max-width: 767px) {
  .p-card {
    font-size: 0.9rem;
  }
}

ul {
  line-height: 2;
}

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