@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
}
body:not(.fl-builder-edit) {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
a {
  display: inline-block;
  transition: all 0.5s;
}
img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@font-face {
  font-family: "Aqum";
  src: url("./fonts/Aqum.woff2") format("woff2"), url("./fonts/Aqum.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url("./fonts/Akrobat-Bold.woff2") format("woff2"), url("./fonts/Akrobat-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url("./fonts/Akrobat-SemiBold.woff2") format("woff2"), url("./fonts/Akrobat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url("./fonts/Akrobat-Regular.woff2") format("woff2"), url("./fonts/Akrobat-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url("./fonts/Akrobat-ExtraBold.woff2") format("woff2"), url("./fonts/Akrobat-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/*!
 * Bootstrap Grid v5.2.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #5B89C7;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #EC6608;
  --bs-yellow: #D3D800;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #0D0802;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #5B89C7;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #D3D800;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 91, 137, 199;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 211, 216, 0;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 13, 8, 2;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(13, 8, 2, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-heading-color: ;
  --bs-link-color: #5B89C7;
  --bs-link-hover-color: #496e9f;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #f6f7cc;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1345px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0, .gx-0 {
  --bs-gutter-x: 0;
}
.g-0, .gy-0 {
  --bs-gutter-y: 0;
}
.g-1, .gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1, .gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2, .gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1, .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
html.noscroll {
  overflow: hidden;
  height: 100%;
}
body {
  font-family: "Akrobat";
  background-color: #1F1F1F;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
body a {
  color: #fff;
}
body.noscroll {
  overflow: hidden;
  height: 100%;
}
.video-overlay {
  display: none;
}
body.home {
  background: #1F1F1F url(../img/home_hero.png) no-repeat center top;
  background-size: 100% auto;
}
body.page, body.single-post {
  padding-top: 78px;
}
@media (min-width: 992px) {
  body.page, body.single-post {
    padding-top: 101px;
  }
}
body.single-type_installation .bloc_texte_central {
  padding-top: 80px !important;
}
@media (min-width: 992px) {
  body.single-type_installation .bloc_texte_central {
    padding-top: 95px !important;
  }
}
body.single-type_installation .bloc_blanc_texte_et_image {
  margin-top: 50px;
}
@media (min-width: 992px) {
  body.single-type_installation .bloc_blanc_texte_et_image {
    margin-top: 100px;
  }
}
body.single-type_installation .bloc_contenu {
  padding: 0 !important;
}
body.has-bloc-image-after-header {
  padding-top: 0 !important;
}
.to_that {
  cursor: pointer;
}
section.small_border_top {
  padding-top: 32px !important;
}
section.small_border_bottom {
  padding-bottom: 32px !important;
}
#header {
  position: fixed;
  top: 12px;
  right: 0;
  left: 0;
  color: white;
  z-index: 999;
}
#header #header_container {
  border-radius: 8px;
  background: rgba(13, 8, 2, 0.65);
  backdrop-filter: blur(5px);
  padding: 8px;
  min-height: 54px;
}
#header #logo_header img {
  max-width: 160px;
  width: 100%;
  height: auto;
  display: block;
}
#header .burger_menu {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 31px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.12);
  height: 38px;
  width: 42px;
  text-align: center;
}
#header .burger_menu > i {
  font-size: 22px;
}
#header .burger_menu > i.fa-bars {
  transform: translateY(-3px);
}
#header .burger_menu .fa-xmark {
  display: none;
  transform: translateY(-4px);
}
#header .burger_menu.open .fa-bars {
  display: none;
}
#header .burger_menu.open .fa-xmark {
  display: inline-block;
}
.text_center {
  text-align: center;
}
body.page-id-21 h3, body.page-id-21 .style-h3 {
  color: #5B89C7 !important;
}
body.page-id-21 h3 strong, body.page-id-21 .style-h3 strong {
  color: #5B89C7 !important;
}
body.page-id-21 h1 strong, body.page-id-21 .style-h1 strong {
  color: #5B89C7 !important;
}
body.page-id-21 .bloc_gris .bloc .logo.base {
  display: none;
}
body.page-id-21 .bloc_gris .bloc .logo.maintenance {
  display: inline-block !important;
}
.yoast-breadcrumbs {
  margin-bottom: 36px;
}
.yoast-breadcrumbs span, .yoast-breadcrumbs a {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  line-height: 100%;
  /* 16px */
}
.yoast-breadcrumbs a:hover {
  text-decoration: underline;
}
@media (min-width: 992px) {
  #header {
    top: 16px;
  }
  #header #header_container {
    height: 69px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
  }
  #header #header_container #logo_header img {
    max-width: 175px;
  }
}
.select {
  display: inline-flex;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.select > span {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
  padding: 16px 22px;
}
.select ul {
  display: flex;
  flex-direction: column;
  padding: 16px 22px;
  gap: 16px;
  position: absolute;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  top: 50px;
  right: 0;
}
.select ul li {
  color: #878787;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  /* 17.6px */
  white-space: nowrap;
  cursor: pointer;
  gap: 8px;
  display: flex;
}
.select ul li label {
  cursor: pointer;
}
.select ul li:hover {
  color: #0D0802;
}
.wpcf7-text {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  color: #878787;
  font-family: "Akrobat";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 43px;
  line-height: 43px;
  padding: 0 20px;
  width: 100%;
}
.wpcf7-text.wpcf7-not-valid {
  border: 1px solid red;
}
.wpcf7-select {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  color: #878787;
  font-family: "Akrobat";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 43px;
  line-height: 43px;
  padding: 0 20px;
  width: 100%;
}
.wpcf7-textarea {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  color: #878787;
  font-family: "Akrobat";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 160px;
  line-height: 110%;
  padding: 15px 20px;
  resize: none;
  width: 100%;
}
.wpcf7-textarea.wpcf7-not-valid {
  border: 1px solid red;
}
.wpcf7-checkbox {
  color: #0D0802;
  font-family: "Akrobat";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 17.6px */
}
.wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
}
.wpcf7-response-output {
  background-color: #0D0802;
  font-size: 16px;
  padding: 10px !important;
  color: white;
}
.file-upload {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: inherit;
  position: relative;
}
.file-upload > label:first-of-type {
  font-weight: 600;
  margin-bottom: 4px;
}
.file-upload input.wpcf7-form-control.wpcf7-file {
  position: absolute;
  left: -9999px;
}
.file-upload .file-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.file-upload .file-trigger i {
  font-size: 16px;
  line-height: 1;
}
.file-upload .file-upload__name {
  font-size: 0.9rem;
  color: #666;
}
.newsletter .wpcf7-list-item {
  margin-left: 0;
}
.newsletter .wpcf7-list-item label {
  cursor: pointer;
}
.newsletter .wpcf7-form-control-wrap {
  margin-top: 10px;
  display: inline-block;
}
/* BREVO */
.sib-form, #sib-container, .sib-form-block {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Akrobat" !important;
}
.sib-form .entry__error {
  padding: 10px !important;
}
.sib-form .input {
  color: #0D0802 !important;
}
#sib-container input:-ms-input-placeholder {
  text-align: left;
  color: #c0ccda;
}
#sib-container input::placeholder {
  text-align: left;
  color: #c0ccda;
}
#sib-container textarea::placeholder {
  text-align: left;
  color: #c0ccda;
}
#sib-container a {
  text-decoration: underline;
  color: #2BB2FC;
}
sup {
  font-size: 0.6em;
  vertical-align: 0.1em;
  position: relative;
  top: -0.8em;
}
#main-navigation {
  /* Icône flèche Font Awesome 6 */
  /* Flèche qui pivote quand le sous-menu est ouvert */
  /* Sous-menu caché par défaut */
}
#main-navigation ul#primary-menu ul#primary-menu .sub-menu {
  display: none;
}
#main-navigation .menu-item-has-children > a::after {
  font-family: "Font Awesome 7 Pro";
  /* pour FA6 */
  content: "";
  /* chevron-down */
  display: inline-block;
  margin-left: 0.4em;
  font-size: 0.85em;
  transition: transform 0.3s ease;
  vertical-align: middle;
}
#main-navigation .menu-item-has-children.is-open > a::after {
  transform: rotate(180deg);
}
#main-navigation .menu .menu-item-has-children > .sub-menu {
  display: none;
  overflow: hidden;
}
@media (max-width: 991px) {
  #main-navigation {
    margin: 50px 0 0 40px;
    display: none;
  }
  #main-navigation.open {
    display: block;
    margin-bottom: 0;
  }
  #main-navigation.open .menu-menu-principal-container {
    position: relative;
    height: calc(100vh - 60px);
    overflow-y: scroll;
    top: 0;
    bottom: 0;
  }
  #main-navigation ul#primary-menu > li {
    margin-bottom: 29px;
  }
  #main-navigation ul#primary-menu > li.current_page_parent > a, #main-navigation ul#primary-menu > li.current_page_item > a {
    color: #C09A5E;
  }
  #main-navigation ul#primary-menu a {
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 32px;
  }
  #main-navigation ul#primary-menu a:hover {
    color: #C09A5E;
  }
  #main-navigation ul#primary-menu .sub-menu {
    padding-left: 20px;
    padding-top: 10px;
  }
  #main-navigation ul#primary-menu .sub-menu > li {
    margin-bottom: 10px;
  }
  #main-navigation ul#primary-menu .sub-menu > li.current_page_parent > a, #main-navigation ul#primary-menu .sub-menu > li.current_page_item > a {
    color: #C09A5E;
  }
  #main-navigation ul#primary-menu .sub-menu a {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  #main-navigation ul#primary-menu {
    display: inline-flex;
    align-items: center;
  }
  #main-navigation ul#primary-menu > li {
    display: inline-flex;
  }
  #main-navigation ul#primary-menu > li:last-child a {
    padding: 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.12);
    display: inline-flex;
    font-weight: 700;
  }
  #main-navigation ul#primary-menu > li:last-child a:hover {
    color: #0D0802;
    background-color: white;
  }
  #main-navigation ul#primary-menu > li.current_page_parent > a, #main-navigation ul#primary-menu > li.current_page_item > a {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
  }
  #main-navigation ul#primary-menu > li:not(:last-child) a {
    padding: 8px 12px;
  }
  #main-navigation ul#primary-menu > li:not(:last-child) a:hover {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
  }
  #main-navigation ul#primary-menu > li.menu-item-has-children {
    position: relative;
  }
  #main-navigation ul#primary-menu > li.menu-item-has-children:hover .sub-menu {
    display: block;
  }
  #main-navigation ul#primary-menu > li .sub-menu {
    position: absolute;
    display: none;
    top: 37px;
    left: 0;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(to bottom, rgba(13, 8, 2, 0) 0px, rgba(13, 8, 2, 0) 16px, rgba(13, 8, 2, 0.65) 16px, rgba(13, 8, 2, 0.65) 100%);
    padding: 12px;
  }
  #main-navigation ul#primary-menu > li .sub-menu > li {
    margin-bottom: 5px;
  }
  #main-navigation ul#primary-menu > li .sub-menu > li > a {
    white-space: nowrap;
  }
  #main-navigation ul#primary-menu > li .sub-menu > li.current_page_parent > a, #main-navigation ul#primary-menu > li .sub-menu > li.current_page_item > a {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
  }
  #main-navigation ul#primary-menu a {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
  }
}
@media (min-width: 1200px) {
  #main-navigation ul#primary-menu > li {
    padding-left: 12px;
  }
  #main-navigation ul#primary-menu > li:last-child a {
    padding: 12px 22px;
  }
  #main-navigation ul#primary-menu a {
    font-size: 18px;
  }
}
h1, .style-h1, h2.style-h1, h3.style-h1, h4.style-h1, h5.style-h1, h6.style-h1 {
  color: white;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  /* 64px */
  text-transform: uppercase;
}
h1 span, h1 b, h1 strong, .style-h1 span, .style-h1 b, .style-h1 strong, h2.style-h1 span, h2.style-h1 b, h2.style-h1 strong, h3.style-h1 span, h3.style-h1 b, h3.style-h1 strong, h4.style-h1 span, h4.style-h1 b, h4.style-h1 strong, h5.style-h1 span, h5.style-h1 b, h5.style-h1 strong, h6.style-h1 span, h6.style-h1 b, h6.style-h1 strong {
  color: #C09A5E;
}
h1.black, .style-h1.black, h2.style-h1.black, h3.style-h1.black, h4.style-h1.black, h5.style-h1.black, h6.style-h1.black {
  color: #1F1F1F;
}
h2, .style-h2, h3.style-h2, h4.style-h2, h5.style-h2, h6.style-h2 {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  /* 38px */
  text-transform: uppercase;
}
h2.black, .style-h2.black, h3.style-h2.black, h4.style-h2.black, h5.style-h2.black, h6.style-h2.black {
  color: #1F1F1F;
}
h3, .style-h3, h2.style-h3, h4.style-h3, h5.style-h3, h6.style-h3 {
  color: #C09A5E;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 28px */
}
h3.black, .style-h3.black, h2.style-h3.black, h4.style-h3.black, h5.style-h3.black, h6.style-h3.black {
  color: #1F1F1F;
}
h4, .style-h4, h4.style-h4 {
  color: #0D0802;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 18px */
  margin-bottom: 30px;
}
p {
  margin-bottom: 17px;
}
p.black {
  color: #1F1F1F;
}
@media (min-width: 768px) {
  body {
    font-size: 24px;
  }
  h2, .style-h2, h3.style-h2, h4.style-h2, h5.style-h2, h6.style-h2 {
    font-size: 38px;
  }
  h3, .style-h3, h2.style-h3, h4.style-h3, h5.style-h3, h6.style-h3 {
    font-size: 28px;
  }
  h1, .style-h1, h2.style-h1, h3.style-h1, h4.style-h1, h5.style-h1, h6.style-h1 {
    font-size: 48px;
  }
}
@media (min-width: 992px) {
  h1, .style-h1, h2.style-h1, h3.style-h1, h4.style-h1, h5.style-h1, h6.style-h1 {
    font-size: 64px;
  }
}
.button {
  cursor: pointer;
  font-family: "Akrobat";
}
.button.full {
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.button.full.white {
  background-color: #fff;
  color: #0D0802;
}
.button.full.black {
  background-color: #0D0802;
  color: #fff;
}
.button.full:hover {
  background-color: #C09A5E;
  color: #fff;
}
.button.small {
  font-size: 16px !important;
  padding: 8px !important;
  border-radius: 4px !important;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
}
.button.light {
  color: #1F1F1F;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.button.light:hover {
  color: #C09A5E;
}
.button.extralight {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.button.extralight:hover {
  color: #C09A5E;
}
.button.extralight.border {
  border-radius: 4px;
  border: 1px solid #fff;
  display: inline-flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
}
.button.extralight.border:hover {
  color: #fff;
}
.button.shadow {
  border-radius: 4px;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
}
.petite_action {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #fff;
  color: #0D0802;
  font-size: 16px;
  border-radius: 8px;
  background-color: white;
  cursor: pointer;
}
.petite_action:hover {
  background-color: #C09A5E;
  color: #fff;
}
@media (min-width: 768px) {
  .button.full {
    font-size: 18px;
    padding: 11px 21px;
  }
}
#home_header {
  padding-top: 147px;
  text-align: center;
}
#home_header .contenu .texte {
  padding-bottom: 36px;
}
#home_header .contenu .texte .style-h2 {
  margin-bottom: 36px;
}
#home_header .contenu .texte .les_liens {
  display: inline-flex;
  flex-direction: column;
  gap: 20px;
}
#home_header .contenu .texte .les_liens a {
  margin: 0;
}
#home_header .contenu .miniature {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  cursor: pointer;
}
#home_header .contenu .miniature .btn_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 140px;
  transition: all ease 0.3s;
  z-index: 1;
}
#home_header .contenu .miniature img.miniature_img {
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  transition: all ease 0.3s;
}
#home_header .contenu .miniature:hover img.miniature_img {
  transform: scale(1.1);
}
#home_header .contenu .miniature:hover .btn_play {
  width: 132px;
}
@media (max-width: 767px) {
  #home_header .contenu .texte .button {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  #home_header {
    text-align: left;
    height: calc(100vh - 78px);
    padding-bottom: 60px;
  }
  #home_header .contenu iframe {
    margin: 0;
  }
}
@media (min-width: 992px) {
  #home_header {
    height: calc(100vh - 101px);
  }
  #home_header .contenu .texte .les_liens {
    flex-direction: row;
  }
}
#home_effect {
  padding-top: 140px;
}
#home_effect h2 {
  margin: 10px 0 40px;
}
@media (max-width: 767px) {
  #home_effect {
    margin: 50px 0;
  }
}
@media (min-width: 768px) {
  #home_effect h2 {
    margin: 15px 0 40px;
  }
}
.home_carte {
  background: #F9F9F9;
  padding: 70px 0;
}
.home_carte h2 {
  text-align: center;
  color: #0D0802;
  margin-bottom: 30px;
}
.home_carte .text_center {
  margin-top: 30px;
}
.leaflet-popup-content-wrapper {
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  font-family: "Akrobat";
}
.leaflet-popup-close-button {
  color: #fff !important;
  width: 34px !important;
  height: 34px !important;
  font: 30px/40px Tahoma, Verdana, sans-serif !important;
}
.leaflet-popup-content {
  margin: 0 !important;
}
.leaflet-popup-content .image {
  width: 284px;
  height: 177px;
  background-size: cover;
  background-position: center center;
  padding: 14px;
  max-width: calc(100% + 1px);
}
.leaflet-popup-content .image .meta {
  color: #0D0802;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  /* 17.6px */
  border-radius: 4px;
  background: #fff;
  padding: 8px 12px;
  display: inline-flex;
  margin: 0 !important;
}
.leaflet-popup-content .texte {
  padding: 20px;
}
.leaflet-popup-content .texte strong {
  margin: 0 !important;
  color: #0D0802;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 22px */
  margin-bottom: 12px !important;
  display: flex;
}
.leaflet-popup-content .texte .meta {
  margin: 0 !important;
  color: #878787;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 18px */
}
.leaflet-popup-content .texte .addr {
  display: none;
}
@media (min-width: 768px) {
  .home_carte {
    background: transparent;
  }
  .home_carte .home_carte_container {
    background: #F9F9F9;
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .home_carte {
    padding: 100px 0;
  }
  .home_carte .home_carte_container {
    padding: 100px 60px 72px;
  }
  .home_carte h2 {
    text-align: center;
    color: #0D0802;
    margin-bottom: 72px;
  }
  .home_carte .text_center {
    margin-top: 72px;
  }
}
.recherche .cat-list {
  display: none;
}
.bloc_texte_central {
  padding: 70px 0;
}
.bloc_texte_central h2, .bloc_texte_central h3 {
  margin-bottom: 15px;
}
.bloc_texte_central p {
  font-size: 16px;
}
.bloc_texte_central .onglets {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 18px */
}
@media (max-width: 767px) {
  .bloc_texte_central {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .bloc_texte_central {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .bloc_texte_central {
    padding: 150px 0;
  }
  .bloc_texte_central h2 {
    margin-bottom: 20px;
  }
  .bloc_texte_central h3 {
    margin-bottom: 15px;
  }
}
.bloc_cibles {
  padding: 70px 0;
}
.bloc_cibles .cibles_slider {
  border-radius: 12px;
  overflow: hidden;
}
.bloc_cibles .cibles_slider .slick-list {
  margin: 0 -10px;
}
.bloc_cibles .cibles_slider .slick-slide {
  margin: 0 10px;
}
.bloc_cibles .container {
  position: relative;
}
.bloc_cibles .onglets {
  height: 42px;
  margin-bottom: 24px;
  display: inline-flex;
  align-items: center;
}
.bloc_cibles .bloc_image {
  height: 460px;
  margin-bottom: 93px;
  display: flex;
  border-radius: 12px;
  align-items: end;
  background: linear-gradient(222deg, rgba(13, 8, 2, 0) 35.27%, rgba(13, 8, 2, 0.3) 73.09%), lightgray -114.455px -158.19px / 221.8% 136.563% no-repeat;
  background-position: center;
  background-size: cover;
}
.bloc_cibles .bloc_image .texte {
  border-radius: 8px;
  border: 1px solid #fff;
  background: rgba(13, 8, 2, 0.01);
  backdrop-filter: blur(12px);
  padding: 20px;
  margin: auto 12px -93px 12px;
  display: inline-block;
}
.bloc_cibles .bloc_image .texte a.button {
  margin-top: 19px;
}
.bloc_cibles .bloc_image .texte .style-h2 {
  margin-bottom: 15px;
}
.bloc_cibles .fleches_controle {
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 2;
}
.fleches_controle button {
  margin-left: 12px;
  width: 42px;
  height: 42px;
  display: inline-block;
  align-items: center;
  text-align: center;
  background: transparent;
  color: #fff;
  font-size: 16px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  cursor: pointer;
}
.fleches_controle button:hover {
  background-color: white;
  color: #0D0802;
}
.liste_onglets {
  display: none;
  gap: 16px;
  margin-bottom: 32px;
}
.liste_onglets .onglet {
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
  transition: all 0.3s ease;
  font-size: 18px;
  font-family: "Akrobat";
  font-weight: 700;
}
.liste_onglets .onglet:hover {
  background: rgba(255, 255, 255, 0.12);
}
.liste_onglets .onglet.active {
  background: #fff;
  color: #0D0802;
}
/* Select (mobile) */
.select_onglets {
  margin-bottom: 16px;
}
.select_onglets select {
  width: auto;
  height: 42px;
  padding: 0 42px 0 12px;
  border-radius: 8px;
  background: #fff;
  color: #0D0802;
  appearance: none;
  background-image: url(../img/arrow.svg);
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
}
.select_onglets::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  pointer-events: none;
}
@media (min-width: 768px) {
  .bloc_cibles .bloc_image {
    height: 678px;
    margin-bottom: 0;
  }
  .liste_onglets {
    display: flex;
  }
  .select_onglets {
    display: none;
  }
}
@media (min-width: 992px) {
  .bloc_cibles {
    padding: 150px 0;
  }
  .bloc_cibles .bloc_image .texte {
    padding: 40px;
    margin: 300px 0 60px 60px;
    width: calc(50% - 60px);
  }
  .bloc_cibles .bloc_image .texte p {
    font-size: 16px;
  }
}
#expertise {
  --scroll-offset: 200px;
}
.bloc_double_image {
  padding: 70px 0;
}
.bloc_double_image .bloc_image {
  height: 280px;
  background-size: cover;
  padding: 12px;
  display: flex;
  align-items: end;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(13, 8, 2, 0) 52.41%, rgba(13, 8, 2, 0.7) 91.86%), var(--bg-url) lightgray 50% / cover no-repeat;
  position: relative;
  margin-bottom: 28px;
  overflow: hidden;
  /* état (0 = fermé, 1 = ouvert) */
  --open: 0;
  /* au hover/focus on “ouvre” */
}
.bloc_double_image .bloc_image:hover, .bloc_double_image .bloc_image:focus-within {
  --open: 1;
}
.bloc_double_image .bloc_image span.titre {
  display: flex;
  position: relative;
  padding-right: 54px;
  width: 100%;
  min-height: 42px;
  padding-top: 9px;
  margin-top: 15px;
  font-weight: 700;
  /* au-dessus de l’overlay + “poussé” visuellement */
  z-index: 2;
  transform: translateX(calc(var(--open) * 618px));
  /* push doux → ajuste px si besoin */
  transition: transform 320ms ease;
}
.bloc_double_image .bloc_image span.titre .petite_action {
  position: absolute;
  top: 0;
  right: 0;
  /* suit le mouvement (un peu moins si tu veux) */
}
.bloc_double_image .bloc_image .texte {
  /* ta base gardée, mais optimisée pour l’anim */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  inset: 0;
  height: 100%;
  border-radius: 12px;
  background: rgba(31, 31, 31, 0.36);
  backdrop-filter: blur(12px);
  /* état initial : totalement à gauche (hors cadre) */
  /* état ouvert : en place (0) */
  transform: translateX(calc((var(--open) - 1) * 100%));
  opacity: calc(0.0001 + var(--open));
  /* 0 → 1 sans flicker */
  visibility: visible;
  /* on ne joue pas sur visibility */
  z-index: 1;
  /* sous le titre */
  transition: transform 360ms ease, opacity 260ms ease;
  will-change: transform, opacity;
  padding: 12px;
}
.bloc_double_image_bis {
  padding: 70px 0;
}
.bloc_double_image_bis .bloc_image {
  height: 310px;
  background-size: cover;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(13, 8, 2, 0) 52.41%, rgba(13, 8, 2, 0.7) 91.86%), var(--bg-url) lightgray 50% / cover no-repeat;
  margin-bottom: 28px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  /* Le panneau texte en dessous du titre, dans le flux */
  /* Au hover : le texte se déplie et pousse le reste */
}
.bloc_double_image_bis .bloc_image .titre {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  min-height: 42px;
  margin-top: 15px;
  padding-top: 9px;
  padding-right: 83px;
  padding-left: 32px;
  padding-bottom: 32px;
  font-weight: 700;
  font-size: 21px;
  z-index: 2;
  transition: transform 0.4s ease;
}
.bloc_double_image_bis .bloc_image .petite_action {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 26px;
}
.bloc_double_image_bis .bloc_image .petite_action .icon-plus, .bloc_double_image_bis .bloc_image .petite_action .icon-minus {
  line-height: 42px;
  transition: opacity 0.3s ease, transform 0.3s ease;
  position: absolute;
  left: 0;
  right: 0;
}
.bloc_double_image_bis .bloc_image .petite_action .icon-minus {
  opacity: 0;
  transform: scale(0.8);
}
.bloc_double_image_bis .bloc_image.active .petite_action .icon-plus {
  opacity: 0;
  transform: scale(0.8);
}
.bloc_double_image_bis .bloc_image.active .petite_action .icon-minus {
  opacity: 1;
  transform: scale(1);
}
.bloc_double_image_bis .bloc_image .texte {
  background: #3b3b3b;
  color: #fff;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  font-size: 24px;
  padding: 20px 24px;
  padding-top: 0;
  padding-bottom: 0;
  transition: all 0.3s ease;
}
.bloc_double_image_bis .bloc_image .texte span {
  font-size: 16px;
}
.bloc_double_image_bis .bloc_image.active .texte {
  opacity: 1;
  max-height: 400px;
  /* assez grand pour tout contenir */
  padding: 20px 24px;
}
@media (prefers-reduced-motion: reduce) {
  .bloc_image .texte, .bloc_image span.titre, .bloc_image .petite_action {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
/* tes media queries inchangées */
@media (min-width: 768px) {
  .bloc_double_image .bloc_image {
    height: 480px;
    padding: 40px;
    margin-bottom: 32px;
  }
  .bloc_double_image .bloc_image .texte {
    padding: 40px;
  }
  .bloc_double_image_bis .bloc_image {
    height: 400px;
    margin-bottom: 32px;
  }
  .bloc_double_image_bis .bloc_image .titre {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .bloc_double_image {
    padding: 150px 0;
  }
  .bloc_double_image_bis {
    padding: 150px 0;
  }
}
.bloc_chiffres_cles {
  padding: 70px 0;
}
.bloc_chiffres_cles h2 {
  margin: 11px 0 23px;
}
.bloc_chiffres_cles .texte_droite strong {
  font-weight: 500;
  font-size: 18px;
}
.bloc_chiffres_cles .texte_droite p {
  margin: 7px 0 0 0;
  font-size: 16px;
}
.bloc_chiffres_cles .slider_chiffres_cles {
  margin-top: 32px;
}
.bloc_chiffres_cles .chiffre_cle {
  padding: 22px 128px 22px 32px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  margin-bottom: 20px;
  position: relative;
}
.bloc_chiffres_cles .chiffre_cle.slick-active {
  background-color: #fff;
  color: #0D0802;
}
.bloc_chiffres_cles .chiffre_cle.slick-active .le_chiffre_container .le_chiffre {
  -webkit-text-stroke-color: #0D0802;
  color: #fff;
}
.bloc_chiffres_cles .chiffre_cle.slick-active img {
  display: block;
}
.bloc_chiffres_cles .chiffre_cle p {
  margin: 4px 0 0 0;
}
.bloc_chiffres_cles .chiffre_cle .le_chiffre_container {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.bloc_chiffres_cles .chiffre_cle .le_chiffre_container .le_chiffre {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  font-family: "Aqum";
  font-size: 58px;
  font-weight: 700;
  line-height: 100%;
  /* 58px */
}
.bloc_chiffres_cles .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre {
  font-size: 18px;
  font-weight: 500;
  line-height: 110%;
  /* 19.8px */
}
.bloc_chiffres_cles .chiffre_cle img {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  right: 32px;
}
.bloc_texte_et_chiffres_cles .texte_gauche p {
  margin-bottom: 48px;
}
.bloc_texte_et_chiffres_cles .chiffre_cle {
  padding: 22px 128px 22px 32px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  margin-bottom: 20px;
  position: relative;
}
.bloc_texte_et_chiffres_cles .chiffre_cle p {
  margin: 4px 0 0 0;
}
.bloc_texte_et_chiffres_cles .chiffre_cle .le_chiffre_container {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.bloc_texte_et_chiffres_cles .chiffre_cle .le_chiffre_container .le_chiffre {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  font-family: "Aqum";
  font-size: 58px;
  font-weight: 700;
  line-height: 100%;
  /* 58px */
}
.bloc_texte_et_chiffres_cles .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre {
  font-size: 18px;
  font-weight: 500;
  line-height: 110%;
  /* 19.8px */
}
.bloc_texte_et_chiffres_cles .chiffre_cle img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  right: 32px;
}
.slick-dots {
  display: flex;
  gap: 8px;
}
.slick-dots button {
  width: 8px;
  height: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #404040;
  cursor: pointer;
  text-indent: -5000px;
}
.slick-dots li.slick-active button {
  background-color: #fff;
}
@media (min-width: 768px) {
  .bloc_chiffres_cles .chiffre_cle {
    margin-right: 32px;
  }
  .bloc_chiffres_cles .chiffres_cles_actions {
    margin-top: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bloc_chiffres_cles h2 {
    margin-bottom: 0;
  }
  .bloc_texte_et_chiffres_cles .texte_gauche p {
    margin-bottom: 0;
  }
  .bloc_texte_et_chiffres_cles .chiffres_cles_actions {
    margin-top: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bloc_texte_et_chiffres_cles h2 {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .bloc_chiffres_cles .texte_droite p, .bloc_texte_et_chiffres_cles .texte_droite p {
    font-size: 16px;
  }
  .bloc_chiffres_cles .texte_droite strong, .bloc_texte_et_chiffres_cles .texte_droite strong {
    font-size: 24px;
  }
  .bloc_chiffres_cles .chiffre_cle .le_chiffre_container .le_chiffre, .bloc_texte_et_chiffres_cles .chiffre_cle .le_chiffre_container .le_chiffre {
    font-size: 72px;
  }
  .bloc_chiffres_cles .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre, .bloc_texte_et_chiffres_cles .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre {
    font-size: 24px;
  }
}
.bloc_logos_clients {
  padding: 70px 0;
  margin: 70px 0;
  background-color: #fff;
}
.bloc_logos_clients p {
  text-align: center;
  margin-bottom: 30px;
  color: #0D0802;
}
.bloc_logos_clients .logo_client {
  padding: 0 30px;
}
.bloc_logos_clients img {
  max-width: 180px;
  max-height: 100px;
}
.bloc_logos_clients .slick-track {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .bloc_logos_clients p {
    padding-bottom: 60px;
  }
  .bloc_logos_clients .logo_client {
    padding: 0 60px;
  }
}
@media (min-width: 992px) {
  .bloc_logos_clients {
    padding: 100px 0;
  }
  .bloc_logos_clients .logo_client {
    padding: 0 60px;
  }
}
.bloc_contenu {
  padding: 70px 0;
}
.bloc_contenu .miniature {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  cursor: pointer;
}
.bloc_contenu .miniature .btn_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 140px;
  transition: all ease 0.3s;
  z-index: 1;
}
.bloc_contenu .miniature img.miniature_img {
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  transition: all ease 0.3s;
}
.bloc_contenu .miniature:hover img.miniature_img {
  transform: scale(1.1);
}
.bloc_contenu .miniature:hover .btn_play {
  width: 132px;
}
.bloc_contenu p {
  font-size: 16px;
}
.bloc_contenu img {
  max-width: 100%;
  border-radius: 16px;
}
.bloc_contenu h2 {
  margin: 12px 0 21px;
}
.bloc_contenu a {
  margin-top: 25px;
}
.bloc_contenu ul {
  margin-bottom: 30px;
}
.bloc_contenu ul li {
  position: relative;
  font-size: 18px;
  padding-left: 32px;
  margin-bottom: 10px;
}
.bloc_contenu ul li:before {
  content: "";
  /* code unicode de l’icône Font Awesome */
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  /* 400 = regular, 900 = solid (selon le style que tu veux) */
  position: absolute;
  left: 0;
  top: 0;
  color: #C09A5E;
  /* couleur de ton choix */
  font-size: 17px;
  line-height: 1.4;
}
.bloc_contenu blockquote {
  font-size: 16px;
  padding-left: 15px;
  border-left: 2px solid #C09A5E;
}
.bloc_contenu blockquote strong {
  font-size: 18px;
}
.bloc_contenu .video_gauche {
  position: relative;
}
.bloc_contenu .video_gauche video {
  border-radius: 12px;
}
.bloc_contenu .video_gauche .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: opacity 0.3s;
}
.bloc_contenu .video_gauche .play-btn.hide {
  opacity: 0;
  pointer-events: none;
}
.bloc_video .miniature {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  cursor: pointer;
}
.bloc_video .miniature .btn_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 140px;
  transition: all ease 0.3s;
  z-index: 1;
}
.bloc_video .miniature img.miniature_img {
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  transition: all ease 0.3s;
}
.bloc_video .miniature:hover img.miniature_img {
  transform: scale(1.1);
}
.bloc_video .miniature:hover .btn_play {
  width: 132px;
}
@media (max-width: 767px) {
  .image_gauche {
    margin-bottom: 30px;
  }
  .video_gauche {
    margin-bottom: 30px;
  }
  .video_gauche .play-btn img {
    width: 70px !important;
    height: 50px !important;
  }
}
@media (min-width: 768px) {
  .video_gauche .play-btn img {
    width: 140px !important;
    height: 100px !important;
  }
}
@media (min-width: 992px) {
  .bloc_contenu {
    padding: 150px 0;
  }
  .bloc_contenu h2 {
    margin: 14px 0 35px;
  }
  .bloc_contenu .image_gauche {
    padding-right: 30px;
  }
  .bloc_contenu .image_droite {
    padding-left: 30px;
  }
  .bloc_contenu .video_gauche {
    padding-right: 30px;
  }
  .bloc_contenu .texte_de_droite {
    padding-left: 30px;
  }
  .bloc_contenu .texte_de_gauche {
    padding-right: 30px;
  }
}
.bloc_gris_picto_texte_dore {
  padding: 70px 0;
}
.bloc_gris_picto_texte_dore .titre_lien {
  margin-bottom: 36px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.bloc_gris_picto_texte_dore .bloc {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  padding: 28px;
  margin-bottom: 32px;
  transition: all ease 0.3s;
}
.bloc_gris_picto_texte_dore .bloc img {
  height: 72px;
  margin-bottom: 32px;
}
.bloc_gris_picto_texte_dore .bloc span {
  display: flex;
  color: #C09A5E;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  /* 20px */
}
.bloc_gris_picto_texte_dore .bloc .description_dore {
  padding: 24px 0 0 0;
}
.bloc_gris_picto_texte_dore .bloc .description_dore p {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 17.6px */
  margin: 0;
}
@media (min-width: 768px) {
  .bloc_gris_picto_texte_dore .titre_lien {
    align-items: center;
    margin-bottom: 71px;
  }
  .bloc_gris_picto_texte_dore .bloc {
    height: 100%;
  }
  .bloc_gris_picto_texte_dore .bloc span {
    text-transform: uppercase;
  }
  .bloc_gris_picto_texte_dore .bloc .description_dore p {
    color: #fff;
  }
  .bloc_gris_picto_texte_dore .bloc:hover {
    background-color: white;
  }
  .bloc_gris_picto_texte_dore .bloc:hover img {
    transition: filter 0.25s ease;
    filter: brightness(0) invert(9%) sepia(8%) saturate(226%) hue-rotate(320deg) brightness(95%) contrast(91%);
  }
  .bloc_gris_picto_texte_dore .bloc:hover .description_dore {
    display: block;
  }
  .bloc_gris_picto_texte_dore .bloc:hover .description_dore p {
    color: #0D0802;
  }
}
@media (min-width: 992px) {
  .bloc_gris_picto_texte_dore {
    padding: 140px 0;
  }
  .bloc_gris_picto_texte_dore .bloc {
    padding: 36px 28px 34px 28px;
    margin-bottom: 0;
  }
}
.bloc_dernieres_actualites {
  background: #F9F9F9;
  text-align: center;
  padding: 70px 0;
}
.bloc_dernieres_actualites .style-h1, .bloc_dernieres_actualites .style-h2, .bloc_dernieres_actualites .style-h3, .bloc_dernieres_actualites .style-h4, .bloc_dernieres_actualites .style-h5, .bloc_dernieres_actualites p, .bloc_dernieres_actualites a.button {
  color: #1F1F1F;
}
.bloc_dernieres_actualites .texte_top {
  margin-bottom: 30px;
}
.bloc_dernieres_actualites .texte_top h4 {
  color: #0D0802;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 22px */
  margin: 0;
}
.bloc_dernieres_actualites .texte_top p {
  color: #0D0802;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  /* 17.6px */
  margin: 28px 0;
}
@media (min-width: 768px) {
  .bloc_dernieres_actualites {
    padding: 0;
    margin: 150px 0;
    background-color: transparent;
  }
  .bloc_dernieres_actualites .bloc_dernieres_actualites_container {
    padding: 100px 60px;
    border-radius: 16px;
    background: #F9F9F9;
  }
  .bloc_dernieres_actualites .bloc_dernieres_actualites_container .article {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
  .bloc_dernieres_actualites .bloc_dernieres_actualites_container .article .img {
    margin-bottom: 0;
  }
  .bloc_dernieres_actualites .texte_top {
    margin-bottom: 60px;
  }
  .bloc_dernieres_actualites .texte_top h4 {
    font-size: 28px;
  }
  .bloc_dernieres_actualites .texte_top p {
    margin: 32px 0 48px;
  }
}
@media (min-width: 992px) {
  .bloc_dernieres_actualites .row {
    margin-right: -30px;
    margin-left: -30px;
  }
  .bloc_dernieres_actualites .row > div {
    padding-right: 30px;
    padding-left: 30px;
  }
  .bloc_dernieres_actualites .article img {
    width: 260px;
  }
}
.bloc_double_textes {
  padding: 40px 0 20px;
}
.bloc_double_textes h1, .bloc_double_textes h2, .bloc_double_textes h3, .bloc_double_textes h4, .bloc_double_textes h5, .bloc_double_textes h6 {
  margin-bottom: 24px;
}
.bloc_double_textes .texte_de_gauche p {
  font-size: 24px;
}
.bloc_double_textes .texte_de_droite p {
  font-size: 16px;
}
.bloc_double_textes .texte_de_droite p strong {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .bloc_double_textes {
    text-align: center;
  }
  .bloc_double_textes .texte_de_gauche, .bloc_double_textes .texte_de_droite {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .bloc_double_textes h1 {
    font-size: 38px;
  }
}
.bloc_images_doubles {
  padding: 50px 0;
}
.bloc_images_doubles img {
  max-width: 100%;
  border-radius: 8px;
}
.bloc_images_doubles img.image_2 {
  margin: 0 auto;
  max-width: 50%;
  margin-top: -80px;
  display: block;
}
.bloc_images_doubles .image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(31, 31, 31, 0) 71.4%, rgba(31, 31, 31, 0.5) 93.07%), linear-gradient(180deg, rgba(31, 31, 31, 0) 81.68%, #1F1F1F 136.83%);
  pointer-events: none;
}
.bloc_images_doubles .liens {
  padding-top: 50px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (min-width: 768px) {
  .bloc_images_doubles .container {
    position: relative;
  }
  .bloc_images_doubles .container .image_2 {
    position: absolute;
    margin: auto;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    max-height: 70%;
  }
  .bloc_images_doubles .liens {
    position: absolute;
    left: 40px;
    bottom: 40px;
  }
  .bloc_images_doubles img {
    border-radius: 12px;
  }
}
.bloc_diaporama {
  padding: 70px 0;
}
.bloc_diaporama img {
  border-radius: 8px;
  max-width: 100%;
}
.bloc_diaporama .frise .dates {
  font-size: 24px;
}
.bloc_diaporama .texte_dore {
  color: #C09A5E;
  min-height: 30px;
}
.bloc_diaporama .style-h2 {
  margin-bottom: 48px;
}
.bloc_diaporama .texte p {
  font-size: 16px;
}
.bloc_diaporama .texte p i, .bloc_diaporama .texte p em {
  display: inline-flex;
  margin-top: 10px;
  font-style: normal;
}
.bloc_diaporama .texte h2 {
  margin: 12px 0 21px;
}
.bloc_diaporama .texte ul {
  margin-bottom: 30px;
}
.bloc_diaporama .texte ul li {
  position: relative;
  font-size: 18px;
  padding-left: 32px;
  margin-bottom: 10px;
}
.bloc_diaporama .texte ul li:before {
  content: "";
  /* code unicode de l’icône Font Awesome */
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  /* 400 = regular, 900 = solid (selon le style que tu veux) */
  position: absolute;
  left: 0;
  top: 0;
  color: #C09A5E;
  /* couleur de ton choix */
  font-size: 17px;
  line-height: 1.4;
}
.bloc_diaporama .texte blockquote {
  font-size: 16px;
  padding-left: 15px;
  border-left: 2px solid #C09A5E;
}
.bloc_diaporama .texte blockquote strong {
  font-size: 18px;
}
.bloc_diaporama .slick-slide {
  margin: 0 10px;
  /* 10px d’espace entre les slides */
}
.bloc_diaporama .slick-list {
  margin: 0 -10px;
  /* compense les marges pour garder le centrage */
}
.bloc_diaporama .slider_diaporama {
  margin-bottom: 36px;
}
.bloc_diaporama .frise {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bloc_diaporama .frise .fleches_controle {
  align-items: center;
}
.bloc_diaporama .frise {
  position: relative;
  margin-top: 24px;
}
.bloc_diaporama .frise .track {
  position: absolute;
  left: 0;
  right: 0;
  top: 33px;
  height: 2px;
  background: #404040;
  z-index: 0;
}
.bloc_diaporama .frise .track .progress {
  display: block;
  height: 100%;
  width: 0%;
  background: #fff;
  /* ton doré */
  transition: width 0.35s ease;
}
.bloc_diaporama .frise .dates {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.bloc_diaporama .frise .date {
  position: relative;
  cursor: pointer;
  text-align: center;
  min-width: 64px;
}
@media (min-width: 768px) {
  .bloc_diaporama {
    padding: 150px 0;
  }
  .bloc_diaporama .style-h2 {
    margin-bottom: 72px;
  }
  .bloc_diaporama .image {
    justify-content: end;
    display: flex;
  }
  .bloc_diaporama img {
    border-radius: 12px;
  }
  .bloc_diaporama .texte p {
    font-size: 24px;
  }
  .bloc_diaporama .texte h2 {
    margin: 14px 0 35px;
  }
  .bloc_diaporama .slider_diaporama {
    margin-bottom: 72px;
  }
}
@media (max-width: 768px) {
  .bloc_diaporama {
    /* pas de barre */
    /* centrer */
    /* cacher toutes les dates */
    /* ne montrer que l'actuelle */
    /* pas de clic sur mobile */
  }
  .bloc_diaporama .frise .track {
    display: none;
  }
  .bloc_diaporama .frise .dates {
    justify-content: center;
  }
  .bloc_diaporama .frise .date {
    display: none;
  }
  .bloc_diaporama .frise .date.active {
    display: block;
  }
  .bloc_diaporama .frise .date {
    pointer-events: none;
  }
}
@media (min-width: 992px) {
  .bloc_diaporama .frise {
    gap: 90px;
  }
  .bloc_diaporama .frise .dates {
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    position: relative;
  }
  .bloc_diaporama .frise .dates .date {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
  }
}
.bloc_trombinoscope {
  background: #F9F9F9;
  color: #0D0802;
  padding: 70px 0 140px;
}
.bloc_trombinoscope .button.full.white {
  gap: 8px;
}
.bloc_trombinoscope .texte_introduction {
  position: relative;
  z-index: 1;
}
.bloc_trombinoscope .select {
  margin-top: 31px;
}
.bloc_trombinoscope h2 {
  color: #0D0802;
  margin: 20px 0 28px;
}
.bloc_trombinoscope p {
  font-size: 16px;
}
.bloc_trombinoscope .les_profils {
  padding-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.bloc_trombinoscope .les_profils .profil {
  flex: 0 0 calc(50% - 20px);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  overflow: hidden;
  position: relative;
  transition: all ease 0.3s;
  box-sizing: border-box;
  /* inclure padding/bordures */
}
.bloc_trombinoscope .les_profils .profil .image {
  overflow: hidden;
  position: relative;
  height: 179px;
}
.bloc_trombinoscope .les_profils .profil .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* ✅ remplit tout le conteneur */
  object-position: center;
  /* centre l’image */
  display: block;
  transition: all ease 0.3s;
}
.bloc_trombinoscope .les_profils .profil:hover {
  border-radius: 12px;
  background: #1F1F1F;
  box-shadow: 0 8px 16px 0 rgba(13, 8, 2, 0.12);
}
.bloc_trombinoscope .les_profils .profil:hover .texte strong, .bloc_trombinoscope .les_profils .profil:hover .texte span, .bloc_trombinoscope .les_profils .profil:hover .texte a {
  color: #fff;
}
.bloc_trombinoscope .les_profils .profil:hover .image img {
  transform: scale(1.1);
}
.bloc_trombinoscope .les_profils .profil .texte {
  padding: 20px 30px 20px 12px;
  position: relative;
}
.bloc_trombinoscope .les_profils .profil .texte a {
  position: absolute;
  right: 12px;
  bottom: 20px;
  color: #0D0802;
  font-size: 20px;
}
.bloc_trombinoscope .les_profils .profil .texte strong {
  color: #0D0802;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 20px */
  display: inline-flex;
  width: 100%;
}
.bloc_trombinoscope .les_profils .profil .texte span {
  font-size: 16px;
}
@media (min-width: 768px) {
  .bloc_trombinoscope {
    box-shadow: none;
    background-color: transparent;
  }
  .bloc_trombinoscope .bloc_trombinoscope_container {
    border-radius: 16px;
    background: #F9F9F9;
    padding: 60px 30px;
  }
  .bloc_trombinoscope .les_profils .profil {
    flex: 1 1 calc(33% - 20px);
    max-width: calc(33% - 20px);
  }
  .bloc_trombinoscope .les_profils .profil .image {
    height: 285px;
  }
}
@media (min-width: 992px) {
  .bloc_trombinoscope .bloc_trombinoscope_container {
    padding: 100px 60px;
  }
  .bloc_trombinoscope .les_profils .profil {
    flex: 1 1 calc(25% - 20px);
    max-width: calc(25% - 20px);
  }
  .bloc_trombinoscope .les_profils .profil .texte {
    padding: 30px 20px;
  }
  .bloc_trombinoscope .les_profils .profil .texte a {
    bottom: 30px;
    right: 20px;
  }
}
.bloc_resultats {
  padding: 70px 0;
  background: #F9F9F9;
}
.bloc_resultats h2 {
  margin: 11px 0 23px;
}
.bloc_resultats .texte {
  text-align: left;
  padding-bottom: 21px;
}
.bloc_resultats .texte h2, .bloc_resultats .texte p {
  color: #0D0802;
}
.bloc_resultats .chiffre_cle {
  padding: 22px 128px 22px 32px;
  border-radius: 12px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  color: #0D0802;
  margin-bottom: 20px;
  position: relative;
}
.bloc_resultats .chiffre_cle:hover {
  background-color: #0D0802;
  color: #fff;
}
.bloc_resultats .chiffre_cle:hover .le_chiffre_container .le_chiffre {
  -webkit-text-stroke-color: #fff;
  color: #0D0802;
}
.bloc_resultats .chiffre_cle:hover img {
  filter: invert(1);
}
.bloc_resultats .chiffre_cle p {
  margin: 4px 0 0 0;
}
.bloc_resultats .chiffre_cle .le_chiffre_container {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.bloc_resultats .chiffre_cle .le_chiffre_container .le_chiffre {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #0D0802;
  color: transparent;
  font-family: "Aqum";
  font-size: 58px;
  font-weight: 700;
  line-height: 100%;
  /* 58px */
}
.bloc_resultats .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre {
  font-size: 18px;
  font-weight: 500;
  line-height: 110%;
  /* 19.8px */
}
.bloc_resultats .chiffre_cle img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  right: 32px;
}
@media (min-width: 768px) {
  .bloc_resultats {
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .bloc_resultats .bloc_resultats_container {
    border-radius: 16px;
    background: #F9F9F9;
    padding: 60px 30px;
  }
  .bloc_resultats .texte {
    padding-bottom: 69px;
    text-align: center;
  }
  .bloc_resultats .texte p {
    font-size: 16px;
  }
  .bloc_resultats .chiffres_cles_actions {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .bloc_resultats .bloc_resultats_container {
    padding: 100px 60px;
  }
  .bloc_resultats .chiffre_cle .le_chiffre_container .le_chiffre {
    font-size: 72px;
  }
  .bloc_resultats .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre {
    font-size: 24px;
  }
}
.bloc_image_pleine {
  padding: 40px 0 20px;
}
.bloc_image_pleine img {
  max-width: 100%;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .bloc_image_pleine {
    border-radius: 12px;
  }
}
.bloc_faq {
  padding: 70px 0;
}
.bloc_faq .texte {
  text-align: center;
  margin-bottom: 45px;
}
.bloc_faq .texte p {
  font-size: 16px;
  margin-top: 15px;
}
.bloc_faq .question_reponse .question {
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 22px */
  position: relative;
  padding: 20px 58px 20px 20px;
  cursor: pointer;
  margin-bottom: 20px;
}
.bloc_faq .question_reponse .question i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.bloc_faq .question_reponse .reponse {
  display: none;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 17.6px */
  padding: 0 20px 20px 20px;
}
.bloc_faq .question_reponse.open {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  margin-bottom: 20px;
}
.bloc_faq .question_reponse.open .question {
  margin-bottom: 0;
}
.bloc_logo_et_gros_titre {
  padding: 70px 0;
}
.bloc_logo_et_gros_titre .image {
  text-align: center;
}
.bloc_logo_et_gros_titre .image img {
  max-width: 80%;
}
.bloc_logo_et_gros_titre .texte h1 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .bloc_logo_et_gros_titre .image {
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .bloc_logo_et_gros_titre {
    padding: 140px 0;
  }
}
.bloc_gris {
  padding: 70px 0;
}
.bloc_gris .bloc {
  text-align: left;
  padding: 32px 28px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  margin-bottom: 15px;
}
.bloc_gris .bloc h3 {
  margin-bottom: 15px;
}
.bloc_gris .bloc p {
  font-size: 16px;
  margin-bottom: 10px;
}
.bloc_gris .bloc p strong {
  font-size: 18px;
}
.bloc_gris .bloc .logo {
  width: 36px;
  margin-bottom: 26px;
}
@media (min-width: 768px) {
  .bloc_gris {
    padding: 140px 0;
  }
  .bloc_gris .bloc {
    text-align: center;
  }
  .bloc_gris .bloc h3 {
    font-size: 24px;
  }
}
.bloc_image_pleine_et_texte {
  display: flex;
  height: 85vh;
  padding: 0 12px 12px 12px;
  align-items: flex-end;
  gap: 447px;
  align-self: stretch;
  background: linear-gradient(180deg, rgba(13, 8, 2, 0) 51.9%, rgba(13, 8, 2, 0.6) 100%), var(--bg-url) lightgray -428.279px -142px / 337.311% 116.247% no-repeat;
  background-size: cover;
  background-position: center;
}
.bloc_image_pleine_et_texte .texte {
  padding: 20px 24px;
  border-radius: 12px;
  border: 1px solid #fff;
  background: rgba(13, 8, 2, 0.01);
  backdrop-filter: blur(12px);
  margin-bottom: 32px;
}
.bloc_image_pleine_et_texte .texte h3 {
  color: white;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .bloc_image_pleine_et_texte {
    padding-bottom: 60px;
  }
  .bloc_image_pleine_et_texte .texte {
    margin-bottom: 0;
  }
  .bloc_image_pleine_et_texte .texte h1 {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .bloc_image_pleine_et_texte {
    height: 850px;
  }
}
.bloc_avis {
  padding: 70px 0;
}
.bloc_avis .test {
  padding: 0 10px;
}
.bloc_avis .avis {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.04);
  padding: 20px;
}
.bloc_avis .controles {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bloc_avis .note {
  display: flex;
  flex-direction: column;
}
.bloc_avis .note span {
  color: #D0D0D0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  display: inline-flex;
  margin-top: 5px;
}
.bloc_avis .note span strong {
  color: #fff;
}
.bloc_avis .note i {
  color: #878787;
  font-size: 16px;
}
.bloc_avis .note i.dore {
  color: #C09A5E;
}
.bloc_avis .qui {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  border-left: 2px solid #C09A5E;
  margin-top: 24px;
}
.bloc_avis .qui .nom_et_prenom {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  /* 16px */
  padding-bottom: 5px;
  display: flex;
}
.bloc_avis .qui .metier_entreprise_etou_localisation {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 17.6px */
}
@media (max-width: 767px) {
  .bloc_avis .note {
    text-align: center;
    margin-bottom: 20px;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .bloc_avis {
    padding: 140px 0;
  }
  .bloc_avis .test {
    padding: 0 20px;
  }
  .bloc_avis .slider_avis {
    display: flex;
    justify-content: space-between;
    margin: 0 -19px;
  }
  .bloc_avis .note {
    margin-top: 20px;
  }
  .bloc_avis .note span {
    font-size: 16px;
  }
  .bloc_avis .note i {
    font-size: 20px;
  }
  .bloc_avis .qui_note {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .bloc_avis .qui {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .bloc_avis .slider_avis > .test {
    margin: 0 auto;
  }
  .bloc_avis .slider_avis > .test > .avis {
    max-width: 768px;
  }
}
.bloc_cas_client {
  padding: 140px 0 70px;
  background: #F9F9F9;
}
.bloc_cas_client h2 {
  margin: 11px 0 23px;
}
.bloc_cas_client .texte {
  text-align: center;
  padding-bottom: 21px;
}
.bloc_cas_client .texte h2, .bloc_cas_client .texte p {
  color: #0D0802;
}
.bloc_cas_client .cas_client {
  font-size: 24px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(13, 8, 2, 0) 52.41%, rgba(13, 8, 2, 0.7) 91.86%), var(--bg-url) lightgray 50% / cover no-repeat;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  height: 250px;
  position: relative;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-bottom: 36px;
  background-size: cover;
  /* état initial explicite */
  transition: background-size 0.4s ease;
}
.bloc_cas_client .cas_client span {
  color: #0D0802;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  /* 17.6px */
  border-radius: 4px;
  background: #fff;
  display: flex;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.bloc_cas_client .cas_client strong {
  text-transform: uppercase;
}
.bloc_cas_client .cas_client .les_span {
  display: flex;
  justify-content: space-between;
}
.bloc_cas_client .cas_client:hover {
  background-size: 120%;
}
@media (min-width: 768px) {
  .bloc_cas_client {
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .bloc_cas_client .bloc_cas_client_container {
    border-radius: 16px;
    background: #F9F9F9;
    padding: 60px 30px;
  }
  .bloc_cas_client .texte p {
    font-size: 16px;
  }
  .bloc_cas_client .cas_client strong {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .bloc_cas_client .cas_client {
    height: 400px;
  }
  .bloc_cas_client .bloc_resultats_container {
    padding: 100px 60px;
  }
}
.bloc_cas_client .page-numbers {
  margin: 0;
  color: #1F1F1F;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.bloc_cas_client .page-numbers .current {
  text-decoration: underline;
}
.bloc_cas_client .page-numbers a:hover {
  color: #C09A5E;
}
.bloc_blanc_texte_et_image {
  padding: 140px 0;
  background: #F9F9F9;
}
.bloc_blanc_texte_et_image p {
  font-size: 16px;
  color: #0D0802;
}
.bloc_blanc_texte_et_image img {
  max-width: 100%;
  border-radius: 16px;
}
.bloc_blanc_texte_et_image .texte_de_gauche {
  margin-bottom: 60px;
  text-align: center;
}
.bloc_blanc_texte_et_image h2 {
  margin: 12px 0 21px;
  color: #0D0802;
}
.bloc_blanc_texte_et_image ul {
  margin-bottom: 30px;
}
.bloc_blanc_texte_et_image ul li {
  position: relative;
  font-size: 18px;
  padding-left: 32px;
  margin-bottom: 10px;
}
.bloc_blanc_texte_et_image ul li:before {
  content: "";
  /* code unicode de l’icône Font Awesome */
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  /* 400 = regular, 900 = solid (selon le style que tu veux) */
  position: absolute;
  left: 0;
  top: 0;
  color: #C09A5E;
  /* couleur de ton choix */
  font-size: 17px;
  line-height: 1.4;
}
.bloc_blanc_texte_et_image blockquote {
  font-size: 16px;
  padding-left: 15px;
  border-left: 2px solid #C09A5E;
}
.bloc_blanc_texte_et_image blockquote strong {
  font-size: 18px;
}
@media (min-width: 768px) {
  .bloc_blanc_texte_et_image {
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .bloc_blanc_texte_et_image .bloc_blanc_texte_et_image_container {
    border-radius: 16px;
    background: #F9F9F9;
    padding: 60px 30px;
  }
  .bloc_blanc_texte_et_image .texte_de_gauche {
    text-align: left;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .bloc_blanc_texte_et_image .bloc_blanc_texte_et_image_container {
    padding: 60px;
  }
  .bloc_blanc_texte_et_image h2 {
    margin: 14px 0 35px;
  }
  .bloc_blanc_texte_et_image .image_gauche {
    padding-right: 30px;
  }
  .bloc_blanc_texte_et_image .image_droite {
    padding-left: 30px;
  }
  .bloc_blanc_texte_et_image .texte_de_droite {
    padding-left: 30px;
  }
  .bloc_blanc_texte_et_image .texte_de_gauche {
    padding-right: 30px;
  }
}
#actu_header {
  height: 662px;
  display: flex;
  align-items: end;
  padding-bottom: 60px;
  background-size: cover;
  background-position: center;
}
#actu_header .style-h2 {
  margin-top: 20px;
  margin-bottom: 28px;
}
#actu_header p {
  margin: 0;
}
#articles_epingles {
  background-color: #F9F9F9;
  color: #1F1F1F;
  padding-top: 50px;
  padding-bottom: 25px;
}
#articles_epingles .style-h1, #articles_epingles .style-h2, #articles_epingles .style-h3, #articles_epingles .style-h4, #articles_epingles .style-h5, #articles_epingles p, #articles_epingles a {
  color: #1F1F1F;
}
#articles_epingles .style-h2 {
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  #articles_epingles .style-h2 {
    text-align: left;
  }
  #articles_epingles .big .img {
    height: 347px;
  }
}
@media (min-width: 992px) {
  #articles_epingles .style-h2 {
    margin-bottom: 60px;
  }
  #articles_epingles .row {
    margin-right: -30px;
    margin-left: -30px;
  }
  #articles_epingles .row > .col-md-6 {
    padding-right: 30px;
    padding-left: 30px;
  }
  #articles_epingles .small .article {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
  }
  #articles_epingles .small .article .img {
    margin-bottom: 0;
  }
}
.article {
  transition: all ease 0.3s;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.article:before {
  position: absolute;
  opacity: 0;
  z-index: -1;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  content: " ";
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  transition: all ease 0.3s;
}
.article .img {
  width: 100%;
  height: 260px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  margin-bottom: 32px;
  transition: all ease 0.3s;
}
.article .style-h3 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.article .button.small {
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.04);
  font-weight: 600;
}
.article .date {
  padding-left: 16px;
  color: #878787;
  font-size: 16px;
}
.article p {
  font-size: 16px;
}
.article .lirelasuite {
  font-weight: bold;
  text-decoration: underline;
}
.article .lirelasuite:hover {
  color: #C09A5E !important;
}
.article:hover:before {
  opacity: 1;
}
@media (min-width: 768px) {
  .bloc_dernieres_actualites .article, #articles_epingles .small .article {
    margin-bottom: 60px;
  }
  .bloc_dernieres_actualites .article .img, #articles_epingles .small .article .img {
    width: 260px;
    flex-shrink: 0;
  }
}
#derniers_articles {
  background-color: #F9F9F9;
  color: #1F1F1F;
  padding-top: 25px;
}
#derniers_articles .page-numbers {
  margin: 60px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
#derniers_articles .page-numbers .current {
  text-decoration: underline;
}
#derniers_articles .page-numbers a:hover {
  color: #C09A5E;
}
#derniers_articles .style-h1, #derniers_articles .style-h2, #derniers_articles .style-h3, #derniers_articles .style-h4, #derniers_articles .style-h5, #derniers_articles p, #derniers_articles a {
  color: #1F1F1F;
  margin-bottom: 30px;
}
#derniers_articles .style-h2 {
  margin-bottom: 30px;
}
#derniers_articles .head {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #derniers_articles .style-h2 {
    text-align: center;
  }
}
@media (min-width: 992px) {
  #derniers_articles .style-h2 {
    margin-bottom: 0;
  }
  #derniers_articles .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
  }
  #derniers_articles .row {
    margin-right: -30px;
    margin-left: -30px;
  }
  #derniers_articles .row > .col-md-6 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.recherche input:not([type=checkbox]) {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  height: 46px;
  color: #878787;
  font-family: "Akrobat";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 18px */
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .recherche input:not([type=checkbox]) {
    min-width: 300px;
  }
}
#top_footer {
  text-align: center;
  padding: 176px 0;
  background-size: cover;
  background: linear-gradient(180deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 40%), linear-gradient(0deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 40%), var(--bg-url) center / cover no-repeat;
}
#top_footer img {
  margin-bottom: 36px;
}
#top_footer h2 {
  margin-bottom: 28px;
}
#top_footer p {
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  #top_footer {
    padding: 300px 0;
  }
}
#footer {
  padding: 60px 0 24px;
}
#footer .logo img {
  max-width: 100%;
}
#footer .titre {
  display: flex;
  margin-bottom: 24px;
  font-weight: 700;
}
#footer #navigation_footer {
  margin: 60px 0 48px;
}
#footer #navigation_footer #menu-menu-footer {
  display: flex;
  justify-content: space-between;
}
#footer #navigation_footer #menu-menu-footer > li > a {
  font-weight: 600;
  margin-bottom: 14px;
  font-size: 18px;
}
#footer #navigation_footer #menu-menu-footer .sub-menu > li > a {
  font-weight: 500;
  font-size: 16px;
  padding: 10px 0;
  display: flex;
}
#footer #navigation_footer #menu-menu-footer .sub-menu > li > a:hover {
  color: #C09A5E;
}
#footer .newsletter p {
  font-size: 16px;
}
#footer #footer_bottom .container {
  border-top: 1px solid #fff;
  padding-top: 36px;
  display: flex;
  justify-content: space-between;
}
#footer #footer_bottom #menu-menu-sub-footer > li > a {
  padding: 5px 0;
  text-decoration: underline;
  font-size: 16px;
}
#footer #footer_bottom #menu-menu-sub-footer > li > a:hover {
  color: #C09A5E;
}
#footer #footer_bottom #footer_rs {
  display: flex;
  flex-direction: column;
}
#footer #footer_bottom #footer_rs a {
  padding: 5px 0;
  font-size: 20px;
}
#footer #footer_bottom #footer_rs a:hover {
  color: #C09A5E;
}
@media (min-width: 768px) {
  #footer {
    padding: 100px 0 24px;
  }
  #footer #footer_top {
    padding-bottom: 100px;
  }
  #footer #navigation_footer {
    margin: 0;
  }
}
@media (min-width: 992px) {
  #footer #footer_bottom #menu-menu-sub-footer {
    display: flex;
    gap: 24px;
  }
  #footer #footer_bottom #footer_rs {
    flex-direction: row;
    gap: 12px;
  }
  #footer #footer_bottom #footer_rs a {
    padding: 10px 0;
  }
}
/* lignes animables */
.fx-lines .line {
  display: block;
  opacity: 0.1;
  transform: translateY(16px);
  transition: opacity var(--fx-duration, 600ms) var(--fx-easing, ease), transform var(--fx-duration, 600ms) var(--fx-easing, ease);
  transition-delay: var(--fx-delay, 0ms);
  will-change: opacity, transform;
}
/* entrée (stagger appliqué) */
.fx-lines.inview .line {
  opacity: 1;
  transform: translateY(0);
}
/* sortie instantanée (tout en même temps) */
.fx-lines.out-fast .line {
  transition-delay: 0ms !important;
}
/* pas d’effet sur mobile */
@media (max-width: 767.98px) {
  .fx-lines .line {
    transition: none !important;
    opacity: 1;
    transform: none;
  }
}
.installation_header {
  background: #F9F9F9;
  padding-top: 50px;
  padding-bottom: 45px;
  color: #0D0802;
  padding-top: 78px;
}
.installation_header p {
  font-size: 16px;
}
.installation_header .texte_de_gauche p {
  font-size: 24px;
}
.installation_header h1 {
  color: #0D0802;
  margin-bottom: 18px;
}
.installation_header .the_content {
  position: relative;
  overflow: hidden;
}
.installation_header .the_content:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  /* On augmente un peu la zone pour plus de confort */
  /* On force l'opacité maximale plus tôt dans le dégradé */
  background: linear-gradient(to bottom, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.8) 50%, #f9f9f9 90%);
  pointer-events: none;
}
@media (min-width: 768px) {
  .installation_header h1 {
    font-size: 38px !important;
  }
}
@media (min-width: 992px) {
  .installation_header {
    padding-top: 140px;
  }
}
@media (min-width: 1200px) {
  .installation_header {
    padding-top: 195px;
    padding-bottom: 80px;
  }
}
/* ===== Styles généraux ===== */
.installation_type .image {
  position: relative;
  width: 100%;
  min-height: 420px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
  transition: background-image 0.25s ease-in-out, opacity 0.2s;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 2rem;
}
.installation_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.installation_list li + li {
  margin-top: 0.5rem;
}
.installation_list a {
  display: block;
  padding: 0.9rem 1rem;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s, box-shadow 0.2s;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
}
.installation_list a span {
  opacity: 0;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.installation_list a:hover {
  background: rgba(255, 255, 255, 0.08);
}
.installation_list a.active {
  background: rgba(255, 255, 255, 0.08);
}
.installation_list a.active span {
  opacity: 1;
}
.installation_list {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
  padding-right: 32px;
  /* WebKit (Chrome, Edge, Safari) */
  /* supprime les flèches haut/bas */
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #fff transparent;
}
.installation_list::-webkit-scrollbar {
  width: 8px;
}
.installation_list::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
.installation_list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.installation_list::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 4px;
}
.installation_list::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
/* ===== Mobile ===== */
@media (max-width: 767.98px) {
  .installation_type .image {
    min-height: auto;
    padding: 1rem;
  }
  .installation_list_mobile {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .installation_list_mobile .installation_mobile_li + .installation_mobile_li {
    margin-top: 0.75rem;
  }
  .installation_mobile_item {
    width: 100%;
    text-align: left;
    padding: 1rem 1.25rem;
    border: 0;
    border-radius: 12px;
    background: #2b2b2b;
    color: #fff;
    font: inherit;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
    text-transform: uppercase;
  }
  .installation_mobile_item[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.08);
  }
  .mobile_preview {
    margin-top: 0.55rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    padding: 12px;
  }
  .mobile_preview .image {
    aspect-ratio: 1.7777777778;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 1rem;
  }
  .mobile_preview .button.full.white {
    text-align: center;
    margin: 0.75rem auto 0;
  }
}
.installation_type {
  padding-bottom: 140px;
}
.installation_type .voir_tous {
  margin-top: 36px;
}
@media (min-width: 992px) {
  .installation_type {
    padding-bottom: 100px;
  }
  .installation_type .row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .installation_type .row > [class*="col-"] {
    padding: 0 30px;
  }
  .installation_type .voir_tous {
    margin-top: 60px;
  }
}
.contact_split h4 {
  margin-bottom: 16px;
}
.contact_split p {
  font-size: 16px;
}
.contact_split img {
  max-width: 100%;
  border-radius: 16px;
}
.contact_split h2 {
  margin: 12px 0 21px;
}
.contact_split ul {
  margin-bottom: 30px;
}
.contact_split ul li {
  position: relative;
  font-size: 18px;
  padding-left: 32px;
  margin-bottom: 10px;
}
.contact_split ul li:before {
  content: "";
  /* code unicode de l’icône Font Awesome */
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  /* 400 = regular, 900 = solid (selon le style que tu veux) */
  position: absolute;
  left: 0;
  top: 0;
  color: #C09A5E;
  /* couleur de ton choix */
  font-size: 17px;
  line-height: 1.4;
}
.contact_split blockquote {
  font-size: 16px;
  padding-left: 15px;
  border-left: 2px solid #C09A5E;
}
.contact_split blockquote strong {
  font-size: 18px;
}
.contact_split .content-light p.intro {
  color: #0D0802;
  margin-bottom: 40px;
}
.contact_split .content-light label {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 17.6px */
  margin-bottom: 10px;
  display: block;
}
.contact_split .content-light label.file-trigger {
  display: inline-block;
}
.contact_split a:hover {
  color: #C09A5E;
}
#contact_rs {
  gap: 16px;
  display: flex;
}
@media (max-width: 767px) {
  .contact_split .content-light {
    margin: 30px -12px 0 -12px;
    padding: 30px 12px;
    background-color: #F9F9F9;
  }
}
@media (min-width: 768px) {
  /* Pseudo-éléments pour les fonds 40/60 */
  .contact_split {
    position: relative;
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
  }
  .contact_split::before, .contact_split::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
  }
  .contact_split::before {
    left: 0;
    width: calc(100% * 5 / 12);
    /* correspond à col-md-5 */
  }
  .contact_split::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #F9F9F9;
    width: var(--after-width);
    /* Utilise la largeur dynamique */
    z-index: 0;
  }
  .contact_split .container {
    position: relative;
    z-index: 1;
    /* le contenu au-dessus du fond */
  }
}
@media (min-width: 992px) {
  .contact_split .col-md-5 {
    padding-right: 60px;
  }
  .contact_split .col-md-7 {
    padding-left: 60px;
  }
}
.actualite_header {
  padding: 40px 0;
}
.actualite_header .texte {
  margin-bottom: 19px;
}
.actualite_header .texte h1 {
  margin-bottom: 24px;
}
.actualite_header .texte p {
  font-size: 16px;
}
.actualite_header .image img {
  max-width: 100%;
  height: auto;
}
.actualite_header .post-meta {
  display: flex;
  gap: 10px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}
.actualite_header .post-meta span.post-date {
  font-size: 16px;
}
@media (min-width: 768px) {
  .actualite_header {
    padding: 70px 0 140px;
  }
  .actualite_header .texte {
    font-size: 16px;
    margin-bottom: 48px;
  }
  .actualite_header .texte h1 {
    font-size: 32px;
  }
}
.actualite_detail {
  padding: 100px 0;
  background-color: #F9F9F9;
  color: #1F1F1F;
}
.actualite_detail .toc__list li {
  margin-bottom: 8px;
  list-style: decimal;
  list-style-position: inside;
  font-size: 16px;
  color: #0D0802;
}
.actualite_detail .toc__list li > a {
  font-size: 16px;
  color: #0D0802;
}
.actualite_detail .toc__list li > a:hover {
  font-weight: bold;
}
.actualite_detail .toc__list li.active a {
  color: #0D0802;
}
.actualite_detail .toc__list li > ul {
  margin-left: 10px;
  margin-top: 8px;
}
.actualite_detail .toc__list li > ul li > a {
  font-size: 14px;
}
.actualite_detail .post-meta {
  margin-bottom: 36px;
  display: flex;
  gap: 10px;
}
.actualite_detail .bloc_filtre {
  padding: 36px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  margin-bottom: 36px;
}
.actualite_detail .bloc_filtre .last-news-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.actualite_detail .bloc_filtre .last-news-list .last-news-item {
  padding: 0.6rem 0 1rem;
  border-bottom: 1px solid #0D0802;
}
.actualite_detail .bloc_filtre .last-news-list .last-news-item:last-child {
  border-bottom: 0;
}
.actualite_detail .bloc_filtre .last-news-list .last-news-title {
  display: block;
  font-weight: 700;
  line-height: 1.25;
  font-size: 18px;
  text-decoration: none;
  color: #1F1F1F;
  margin-bottom: 0.35rem;
}
.actualite_detail .bloc_filtre .last-news-list .last-news-title:hover {
  text-decoration: underline;
}
.actualite_detail .bloc_filtre .last-news-list .last-news-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 16px;
  color: #878787;
}
.actualite_detail .bloc_filtre .last-news-list .last-news-meta .last-news-cats {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.actualite_detail .bloc_filtre .last-news-list .last-news-meta .last-news-date {
  flex: 0 0 auto;
  opacity: 0.9;
}
.actualite_detail h1, .actualite_detail h2, .actualite_detail h3, .actualite_detail h4, .actualite_detail h5, .actualite_detail h6 {
  color: #1F1F1F;
  margin-bottom: 15px;
}
.actualite_detail .bloc_texte_central h3 {
  color: #C09A5E;
}
.actualite_detail p {
  font-size: 16px !important;
}
.actualite_detail .contenu_textuel p a {
  color: #0D0802;
  text-decoration: underline;
}
.actualite_detail .contenu_textuel p a:hover {
  color: #C09A5E;
}
.actualite_detail .contenu_textuel figure, .actualite_detail .contenu_textuel img {
  max-width: 100%;
}
.actualite_detail .contenu_textuel blockquote {
  padding-left: 15px;
  border-left: 2px solid #0D0802;
}
.actualite_detail .contenu_textuel blockquote p {
  font-size: 18px !important;
}
.actualite_detail .contenu_textuel figcaption {
  margin-bottom: 30px;
  font-size: 16px;
  font-style: normal;
  line-height: 110%;
}
.actualite_detail .title-share {
  font-size: 24px;
  margin-bottom: 21px;
}
.actualite_detail .share-article {
  display: flex;
  gap: 8px;
}
.actualite_detail .share-article a {
  background-color: #fff;
  border-radius: 64px;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  padding: 4px;
}
.actualite_detail .share-article a i {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1F1F1F;
  width: 32px;
  height: 32px;
}
.actualite_detail .share-article a .icon-link-alt {
  position: relative;
  align-items: center;
}
.actualite_detail .share-article a .icon-link-alt::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../img/link-alt.svg") no-repeat center center;
  background-size: contain;
}
.actualite_detail .share-article a:hover {
  background-color: #1F1F1F;
}
.actualite_detail .share-article a:hover i {
  color: #fff;
}
.actualite_detail .share-article .copy-feedback {
  display: none;
  margin-left: 8px;
  transition: opacity 0.3s ease;
  font-size: 14px;
  color: green;
}
.actualite_detail .share-article .copy-feedback.visible {
  display: inline;
}
@media (min-width: 768px) {
  .actualite_detail {
    padding: 140px 0;
  }
}
.actualite_bloc_noir {
  padding: 100px 0;
  text-align: center;
}
.actualite_bloc_noir img {
  margin-bottom: 36px;
}
.actualite_bloc_noir h2, .actualite_bloc_noir h3 {
  text-align: center;
  margin-bottom: 20px;
}
.actualite_bloc_noir p {
  font-size: 16px;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .actualite_bloc_noir {
    background-color: #F9F9F9;
    padding: 100px;
  }
  .actualite_bloc_noir .actualite_bloc_noir_container {
    border-radius: 12px;
    background: #1F1F1F;
    padding: 100px 0;
  }
  .actualite_bloc_noir .actualite_bloc_noir_container h2 {
    margin-bottom: 20px;
  }
  .actualite_bloc_noir .actualite_bloc_noir_container h3 {
    margin-bottom: 15px;
  }
}
/* ========= Variables (ajustables) ========= */
/* ========= Ton SCSS existant ========= */
/* ========= Défilement images : ajout ========= */
.bloc_defilement {
  /* on garde tes règles, et on ajoute les styles de la colonne droite */
}
.bloc_defilement .partie_chiffre {
  display: flex;
  margin: 34px 0 40px;
}
.bloc_defilement .partie_chiffre .bar_jaune {
  width: 4px;
  height: auto;
  margin-right: 20px;
  background-color: #C09A5E;
}
.bloc_defilement .partie_chiffre .chiffre_cle p {
  margin: 4px 0 0 0;
  font-family: Akrobat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
.bloc_defilement .partie_chiffre .chiffre_cle .le_chiffre_container {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.bloc_defilement .partie_chiffre .chiffre_cle .le_chiffre_container .le_chiffre {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  font-family: "Aqum";
  font-size: 58px;
  font-weight: 700;
  line-height: 100%;
  /* 58px */
}
.bloc_defilement .partie_chiffre .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre {
  font-family: Akrobat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}
.bloc_defilement .image_droite {
  overflow: hidden;
  position: relative;
  /* conteneur des deux colonnes */
  /* colonne générique */
  /* piste d’images dans une colonne */
  /* images du défilement (reçoit aussi border-radius global de .bloc_defilement img) */
  /* animations : comme on duplique la liste, on translate de 50% */
  /* applique les animations (vitesses légèrement différentes) */
}
.bloc_defilement .image_droite::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to bottom, #1f1f1f, rgba(255, 255, 255, 0));
}
.bloc_defilement .image_droite::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to top, #1f1f1f, rgba(255, 255, 255, 0));
}
.bloc_defilement .image_droite .scroll-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  height: 700px;
  position: relative;
}
.bloc_defilement .image_droite .scroll-col {
  position: relative;
  height: 100%;
  overflow: hidden;
  /* pause au survol (UX) */
  /*&:hover .scroll-track {
                animation-play-state: paused;
            }*/
}
.bloc_defilement .image_droite .scroll-track {
  display: flex;
  flex-direction: column;
  gap: 16px;
  will-change: transform;
}
.bloc_defilement .image_droite .scroll-img {
  width: 100%;
  height: 240px;
  /* ajuste selon ton design / formats */
  object-fit: cover;
  display: block;
  border-radius: 16px;
  /* cohérent avec tes images globales */
}
@keyframes scrollDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes scrollUp {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
.bloc_defilement .image_droite .scroll-down .scroll-track {
  animation: scrollDown 40s linear infinite;
}
.bloc_defilement .image_droite .scroll-up .scroll-track {
  animation: scrollUp 40s linear infinite;
}
/* ========= Tes medias existants + responsive ajout ========= */
@media (max-width: 767px) {
  /* Ajuste le viewport de défilement et la taille visuelle des images en mobile */
  .texte_de_gauche {
    margin-top: 34px;
  }
  .texte_de_gauche h2 {
    margin-top: 14px;
  }
  .image_gauche {
    margin-bottom: 30px;
  }
  .image_droite {
    margin-top: 80px;
  }
  .bloc_defilement .image_droite .scroll-columns {
    height: 420px;
  }
  .bloc_defilement .image_droite .scroll-img {
    height: 200px;
    /* un peu plus compact sur mobile */
  }
}
@media (min-width: 768px) {
  .chiffre_cle p {
    font-size: 20px !important;
  }
  .chiffre_cle .le_chiffre_container .le_chiffre {
    font-size: 64px !important;
  }
  .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre {
    font-size: 20px !important;
  }
}
@media (min-width: 992px) {
  .bloc_defilement {
    padding: 10px 0;
    height: calc(100vh - 101px);
  }
  .bloc_defilement h2 {
    margin: 16px 0 35px;
  }
  .bloc_defilement .image_gauche {
    padding-right: 30px;
  }
  .bloc_defilement .image_droite {
    padding-left: 30px;
  }
  .bloc_defilement .image_droite .scroll-columns {
    height: calc(100vh - 111px);
  }
  .bloc_defilement .texte_de_droite {
    padding-left: 30px;
  }
  .bloc_defilement .texte_de_gauche {
    padding-right: 90px;
  }
  .bloc_defilement .partie_chiffre {
    margin: 0;
  }
  .bloc_defilement .chiffre_cle p {
    font-size: 24px !important;
  }
  .bloc_defilement .chiffre_cle .le_chiffre_container .le_chiffre {
    font-size: 72px !important;
  }
  .bloc_defilement .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre {
    font-size: 24px !important;
  }
}
@media (min-width: 1200px) {
  /* si tu veux augmenter $scroll-height sur très grands écrans :
    .bloc_contenu .image_droite .scroll-columns { height: 600px; }
    .bloc_contenu .image_droite .scroll-img { height: 280px; }
    */
}
.bloc_resultats_carriere {
  padding: 140px 0 70px;
}
.bloc_resultats_carriere .container {
  max-width: 1468px;
}
.bloc_resultats_carriere h2 {
  margin: 16px 0 21px;
}
.bloc_resultats_carriere .texte {
  text-align: center;
  padding-bottom: 21px;
}
.bloc_resultats_carriere .texte h2, .bloc_resultats_carriere .texte p {
  color: #fff;
}
.bloc_resultats_carriere .chiffre_cle {
  padding: 30px 30px 22px 35px;
  min-height: 214px;
  border-radius: 12px;
  border-radius: 12px;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  background: #ffffff14;
}
.bloc_resultats_carriere .chiffre_cle:hover {
  background-color: #0D0802;
  color: #fff;
}
.bloc_resultats_carriere .chiffre_cle:hover .le_chiffre_container .le_chiffre {
  -webkit-text-stroke-color: #fff;
  color: #0D0802;
}
.bloc_resultats_carriere .chiffre_cle:hover img {
  filter: invert(1);
}
.bloc_resultats_carriere .chiffre_cle p {
  margin: 3px 0 0 0;
}
.bloc_resultats_carriere .chiffre_cle .sous_texte {
  font-size: 16px !important;
}
.bloc_resultats_carriere .chiffre_cle .le_chiffre_container {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.bloc_resultats_carriere .chiffre_cle .le_chiffre_container .le_chiffre {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  font-family: "Aqum";
  font-size: 58px;
  font-weight: 700;
  line-height: 100%;
  /* 58px */
}
.bloc_resultats_carriere .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre {
  font-size: 18px;
  font-weight: 500;
  line-height: 110%;
  /* 19.8px */
}
.bloc_resultats_carriere .chiffre_cle img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  right: 32px;
}
@media (min-width: 768px) {
  .bloc_resultats_carriere {
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .bloc_resultats_carriere .bloc_resultats_container {
    border-radius: 16px;
    padding: 60px 30px;
  }
  .bloc_resultats_carriere .texte {
    padding-bottom: 55px;
  }
  .bloc_resultats_carriere .texte p {
    font-size: 16px;
  }
  .bloc_resultats_carriere .chiffres_cles_actions {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .bloc_resultats_carriere .bloc_resultats_container {
    padding: 100px 60px;
  }
  .bloc_resultats_carriere .chiffre_cle .le_chiffre_container .le_chiffre {
    font-size: 72px !important;
  }
  .bloc_resultats_carriere .chiffre_cle .le_chiffre_container .texte_a_cote_du_chiffre {
    font-size: 24px !important;
  }
  .bloc_resultats_carriere .chiffre_cle .le_chiffre_container p {
    font-size: 24px !important;
  }
  .bloc_resultats_carriere .chiffre_cle .le_chiffre_container .sous_texte {
    margin-top: 5px;
  }
}
#top_header_carriere {
  text-align: center;
  padding: 176px 0;
  background-size: cover;
  background: linear-gradient(180deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 40%), linear-gradient(0deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 40%), var(--bg-url) center / cover no-repeat;
}
#top_header_carriere img {
  margin-bottom: 36px;
}
#top_header_carriere h2 {
  max-width: 500px;
  margin: 14px auto 22px;
}
#top_header_carriere p {
  max-width: 570px;
  margin: 0 auto 42px;
  font-size: 16px;
}
#top_header_carriere .lien_bouton {
  display: flex;
  justify-content: space-around;
  max-width: 566px;
  margin: 0 auto;
  flex-direction: column;
  gap: 22px;
}
#top_header_carriere .lien_bouton .button {
  max-width: 270px;
  margin: 0 auto;
}
#top_header_carriere .lien_bouton .button.full.noir {
  background-color: #0D0802;
  color: #fff;
}
#top_header_carriere .lien_bouton .button.full.noir:hover {
  background-color: #fff;
  color: #0D0802;
}
@media (min-width: 768px) {
  #top_header_carriere h2 {
    margin: 17px auto 21px;
  }
  #top_header_carriere p {
    margin: 0 auto 44px;
  }
  .lien_bouton {
    flex-direction: row !important;
    gap: 0 !important;
  }
  .lien_bouton .button {
    margin: 0 !important;
    max-width: none !important;
  }
}
@media (min-width: 992px) {
  #top_header_carriere {
    padding: 250px 0;
  }
}
.bloc_offres_emploi {
  padding: 50px 0 25px;
}
.bloc_offres_emploi .container {
  padding: 0;
}
.bloc_offres_emploi .bloc_offres_emploi_container {
  background: #F9F9F9;
}
.bloc_offres_emploi .bloc_offres_emploi_container .row > div {
  display: flex;
  flex-direction: column;
}
.bloc_offres_emploi h2, .bloc_offres_emploi h3 {
  text-align: center;
  margin-bottom: 15px;
}
.bloc_offres_emploi h2 {
  color: #0D0802;
}
.bloc_offres_emploi h4 {
  text-align: center;
  margin-bottom: 13px;
}
.bloc_offres_emploi p {
  font-size: 16px;
  color: #0D0802;
  text-align: center;
  margin-bottom: 31px;
}
.bloc_offres_emploi .onglets {
  color: #0D0802;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 18px */
}
.bloc_offres_emploi .button.full.grey {
  background-color: #1F1F1F;
  color: #fff;
  margin: 0 auto;
}
.bloc_offres_emploi .button.full.grey:hover {
  background-color: #C09A5E;
}
@media (max-width: 767px) {
  .container {
    max-width: none;
  }
  .bloc_offres_emploi_container {
    padding: 134px 10px;
  }
}
@media (min-width: 768px) {
  .container {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
  }
  .bloc_offres_emploi_container {
    padding: 96px 60px;
    border-radius: 16px;
  }
  .bloc_offres_emploi {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .bloc_offres_emploi {
    padding-top: 180px;
  }
  .bloc_offres_emploi .bloc_offres_emploi_container {
    padding: 96px 60px 100px;
    border-radius: 16px;
  }
  .bloc_offres_emploi h2 {
    margin-bottom: 21px;
    margin-top: 1px;
  }
  .bloc_offres_emploi h3 {
    margin-bottom: 15px;
  }
  .bloc_offres_emploi h4 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
  }
  .bloc_offres_emploi p {
    margin-bottom: 44px;
  }
}
.bloc_esprit_vergnaud {
  padding: 140px 0 70px;
}
.bloc_esprit_vergnaud .container {
  max-width: 1468px;
}
.bloc_esprit_vergnaud h2 {
  margin: 16px 0 17px;
}
.bloc_esprit_vergnaud h3 {
  font-size: 26px;
}
.bloc_esprit_vergnaud .texte {
  text-align: center;
  padding-bottom: 21px;
}
.bloc_esprit_vergnaud .texte h2, .bloc_esprit_vergnaud .texte p {
  color: #fff;
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud {
  padding: 30px 30px 22px 35px;
  min-height: 157px;
  border-radius: 12px;
  border-radius: 12px;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  background: #ffffff14;
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud:hover {
  background-color: #0D0802;
  color: #fff;
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud:hover .le_chiffre_container .le_chiffre {
  -webkit-text-stroke-color: #fff;
  color: #0D0802;
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud:hover img {
  filter: invert(1);
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud p {
  margin: 3px 0 0 0;
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud h3 {
  text-align: center;
  font-family: Akrobat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 20px;
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud .sous_texte {
  font-size: 16px !important;
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud .le_chiffre_container {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud .le_chiffre_container .le_chiffre {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  font-family: "Aqum";
  font-size: 58px;
  font-weight: 700;
  line-height: 100%;
  /* 58px */
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud .le_chiffre_container .texte_a_cote_du_chiffre {
  font-size: 18px;
  font-weight: 500;
  line-height: 110%;
  /* 19.8px */
}
.bloc_esprit_vergnaud .carte_esprit_vergnaud img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  right: 32px;
}
.bloc_esprit_vergnaud .button-wrapper {
  text-align: center;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .bloc_esprit_vergnaud {
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .bloc_esprit_vergnaud .bloc_resultats_container {
    border-radius: 16px;
    padding: 60px 30px;
  }
  .bloc_esprit_vergnaud .texte {
    padding-bottom: 55px;
  }
  .bloc_esprit_vergnaud .texte p {
    font-size: 16px;
    margin-top: 18px;
  }
  .bloc_esprit_vergnaud .chiffres_cles_actions {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .bloc_esprit_vergnaud .bloc_resultats_container {
    padding: 100px 60px;
  }
  .bloc_esprit_vergnaud .carte_esprit_vergnaud {
    margin-bottom: 32px;
  }
  .bloc_esprit_vergnaud .carte_esprit_vergnaud p {
    font-size: 24px !important;
    margin-top: 18px;
  }
  .bloc_esprit_vergnaud .carte_esprit_vergnaud .sous_texte {
    font-size: 16px !important;
    margin-top: 18px !important;
  }
}
.bloc_slider_du_personnel {
  position: relative;
  padding: 40px 0;
  overflow: hidden;
  width: 100%;
  /*.slider-personnel-container:hover {
    animation-play-state: paused;
  }*/
  /* Styles pour les contrôles si besoin */
}
.bloc_slider_du_personnel .slider-personnel-container {
  display: flex;
  width: fit-content;
  animation: scroll-left 20s linear infinite;
}
.bloc_slider_du_personnel .personnel-slide-wrapper {
  display: flex;
  gap: 64px;
  padding: 0 64px;
}
.bloc_slider_du_personnel .personnel-slide {
  margin: 0;
  width: 240px;
  height: 279px;
  overflow: hidden;
  border-radius: 8px;
  flex-shrink: 0;
}
.bloc_slider_du_personnel .personnel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.bloc_slider_du_personnel .slider-controls {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.bloc_slider_du_personnel .slider-control-btn {
  background: rgba(255, 255, 255, 0.9);
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  color: #333;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bloc_slider_du_personnel .slider-control-btn:hover {
  background: white;
}
.bloc_exemples_projets {
  padding: 21px 0;
}
.bloc_exemples_projets .cas_client {
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(31, 31, 31, 0) 66.14%, rgba(31, 31, 31, 0.4) 100%), var(--bg-url) lightgray 50% / cover no-repeat;
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  height: 400px;
  position: relative;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 36px;
}
.bloc_exemples_projets .cas_client span {
  color: #0D0802;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  /* 17.6px */
  border-radius: 4px;
  background: #fff;
  display: flex;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.bloc_exemples_projets .cas_client strong {
  text-transform: uppercase;
}
.bloc_exemples_projets .cas_client .les_span {
  display: flex;
  justify-content: space-between;
}
.bloc_exemples_projets h2 {
  margin-bottom: 25px;
}
.bloc_exemples_projets h3 {
  color: #fff;
  font-size: 24px !important;
  margin-bottom: 15px;
  font-weight: 500;
}
.bloc_exemples_projets p {
  font-size: 16px !important;
}
@media (min-width: 768px) {
  .bloc_exemples_projets .cas_client strong {
    font-size: 28px;
  }
}
.recherche .cat-list {
  display: none;
}
#header_ressources {
  text-align: center;
  padding: 100px 0 0 0;
  background-size: cover;
  background: linear-gradient(180deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 40%), linear-gradient(0deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 40%), url(../img/header_ressources_bg.jpg) center / cover no-repeat;
}
#header_ressources img {
  margin-bottom: 36px;
}
#header_ressources h2 {
  max-width: 500px;
  margin: 14px auto 22px;
}
#header_ressources p {
  max-width: 570px;
  margin: 0 auto 42px;
  font-size: 16px;
}
#header_ressources form {
  margin: 0 auto;
  display: flex;
  border-radius: 8px;
  border: 1px solid var(--Medium-Grey, #878787);
  background: var(--Black, #0D0802);
  box-shadow: 0 0 16px 0 rgba(13, 8, 2, 0.08);
  height: 55px;
  margin-bottom: 45px;
  max-width: 730px;
  width: 100%;
  /* Prend toute la largeur disponible */
  align-items: center;
  /* Aligne verticalement au centre */
}
#header_ressources form .input_text {
  color: white;
  font-family: "Akrobat";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  /* 17.6px */
  background-color: transparent;
  padding: 0 20px;
  flex: 1;
  /* L'input prend tout l'espace restant */
  min-width: 0;
  height: 53px;
}
#header_ressources form button {
  flex: 0 0 53px;
  width: 53px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: transparent;
  cursor: pointer;
}
#header_ressources form button:hover {
  color: #C09A5E;
}
#header_ressources form .nice-select {
  flex: 0 0 auto;
  background-color: #C09A5E;
  height: 53px;
  font-size: 16px;
  font-weight: 700;
  color: #0D0802;
  border: 0;
  line-height: 53px;
  border-radius: 0 5px 5px 0;
}
#header_ressources form .nice-select:after {
  border-color: #0D0802;
}
#header_ressources .ancres {
  border-top: 1px solid #C09A5E;
  padding-top: 40px;
  display: flex;
  gap: 10px;
  width: 100%;
}
#header_ressources .ancres a {
  border-radius: 8px;
  background: #313131;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  font-size: 16px;
  height: 58px;
  transition: all ease 0.3s;
}
#header_ressources .ancres a:hover {
  background-color: #C09A5E;
}
#header_ressources .ancres a svg {
  max-width: 30px;
  height: auto;
  margin-right: 20px;
}
@media (max-width: 767px) {
  #header_ressources .ancres a {
    display: none;
  }
}
@media (min-width: 768px) {
  #header_ressources {
    padding-bottom: 176px;
  }
  #header_ressources h2 {
    margin: 17px auto 21px;
  }
  #header_ressources p {
    margin: 0 auto 44px;
  }
}
@media (min-width: 992px) {
  #header_ressources {
    padding: 250px 0 101px;
  }
  #header_ressources form {
    margin: 26px auto 100px;
  }
}
#livres_blancs {
  padding: 0;
  background: transparent;
  box-shadow: none;
}
#livres_blancs .bloc_resultats_container {
  border-radius: 16px;
  background: #F9F9F9;
  padding: 40px 30px;
}
#livres_blancs h2 {
  margin: 11px 0 23px;
}
#livres_blancs .texte {
  text-align: center;
  padding-bottom: 21px;
}
#livres_blancs .texte h2, #livres_blancs .texte p {
  color: #0D0802;
}
#livres_blancs .toggle_ressources {
  border-radius: 8px;
  background: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  font-size: 16px;
  height: 58px;
  transition: all ease 0.3s;
  margin-bottom: 20px;
  position: relative;
}
#livres_blancs .toggle_ressources svg {
  max-width: 30px;
  height: auto;
  margin-right: 20px;
}
#livres_blancs .toggle_ressources:hover, #livres_blancs .toggle_ressources.open {
  border: 1px solid #C09A5E;
}
#livres_blancs .toggle_ressources .fa-angle-up {
  display: none;
}
#livres_blancs .toggle_ressources.open .fa-angle-up {
  display: block;
}
#livres_blancs .toggle_ressources.open .fa-angle-down {
  display: none;
}
#livres_blancs .toggle_ressources > i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
#livres_blancs .slider_livresblancs {
  margin-top: 40px;
}
#livres_blancs article {
  width: 243px;
}
#livres_blancs article .image {
  height: 333px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
}
#livres_blancs article .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#livres_blancs article h4 {
  color: #0D0802;
  font-size: 22px;
  font-weight: 700;
  line-height: 110%;
  /* 24.2px */
  margin: 0 0 12px 0;
}
#livres_blancs article h4 a {
  color: #0D0802;
}
#livres_blancs article h4:hover a {
  color: #C09A5E;
}
#livres_blancs article .details {
  text-align: left;
}
#livres_blancs article .details p {
  color: #0D0802;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 17.6px */
  margin-bottom: 7px;
}
#livres_blancs article a.telecharger {
  color: #0D0802;
  font-size: 18px;
  text-decoration: underline;
  transition: all ease 0.3s;
  font-weight: 700;
}
#livres_blancs article a.telecharger:hover {
  color: #C09A5E;
}
@media (min-width: 768px) {
  #livres_blancs .texte {
    padding-bottom: 69px;
    text-align: center;
  }
  #livres_blancs .texte p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  #livres_blancs .bloc_resultats_container {
    padding: 100px 60px;
  }
}
.telecharger_livreblanc {
  padding: 70px 0 0 0;
}
.telecharger_livreblanc h2 {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}
.telecharger_livreblanc .container {
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
  align-items: center;
}
.telecharger_livreblanc article {
  display: inline-flex;
}
.telecharger_livreblanc article .image {
  height: 200px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  display: inline-flex;
  border-radius: 10px;
}
.telecharger_livreblanc article .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .telecharger_livreblanc h2 {
    margin-bottom: 0;
  }
  .telecharger_livreblanc .container {
    flex-direction: row;
    gap: 30px;
  }
  .telecharger_livreblanc article .image {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .telecharger_livreblanc {
    padding-bottom: 70px;
  }
  .telecharger_livreblanc article .image {
    height: 600px;
  }
}
/*# sourceMappingURL=base.css.map */