@charset "UTF-8";
/*!
* KNACSS Reborn: Just keep it simple!
* @author: Alsacreations
* v8.0.4 2021/04
* Licence WTFPL http://www.wtfpl.net/
*/
@font-face {
  font-family: "Anybody";
  src: url("../fonts/Anybody-Bold.woff2") format("woff2"), url("../fonts/Anybody-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "Anybody";
  src: url("../fonts/Anybody-BoldItalic.woff2") format("woff2"), url("../fonts/Anybody-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Anybody";
  src: url("../fonts/Anybody-Regular.woff2") format("woff2"), url("../fonts/Anybody-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Anybody";
  src: url("../fonts/Anybody-Italic.woff2") format("woff2"), url("../fonts/Anybody-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans-Regular.woff2") format("woff2"), url("../fonts/DMSans-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans-Italic.woff2") format("woff2"), url("../fonts/DMSans-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans-Medium.woff2") format("woff2"), url("../fonts/DMSans-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans-MediumItalic.woff2") format("woff2"), url("../fonts/DMSans-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans-Bold.woff2") format("woff2"), url("../fonts/DMSans-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans-BoldItalic.woff2") format("woff2"), url("../fonts/DMSans-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
/* 
 * Hidden but not for an assistive technology like a screen reader, Yahoo! method 
 */
.visually-hidden,
.sr-only {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

/*
 * Disable animations styles when reduced motion is enabled
 */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}
/*
 * Change the cursor on busy elements in all browsers.
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers.
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers.
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers.
 */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* ----------------------------- */
/* ==Reset (forms)               */
/* ----------------------------- */
/*
 * Remove the tapping delay on clickable elements in all browsers .
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/*
 * 1. Change the inconsistent appearance in all browsers.
 * 2. Add typography inheritance in all browsers.
 */
button,
input,
select,
textarea {
  margin: 0;
  background-color: transparent; /* 1 */
  color: inherit; /* 1 */
  font-family: inherit; /* 2 */
  font-size: inherit; /* 2 */
  line-height: inherit; /* 2 */
  letter-spacing: inherit; /* 2 */
  vertical-align: middle;
}

/*
 * Basic User Interface reset
 */
button,
input:not([type=radio]):not([type=checkbox]),
select,
textarea {
  border: 0;
}

/*
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre,
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

pre {
  tab-size: 2;
  white-space: pre-wrap;
  line-height: normal;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

/*
 * Show overflow in IE/Edge
 */
button,
input {
  overflow: visible;
}

/* 
 * Remove the inheritance of text transform in Firefox
 */
button,
select {
  text-transform: none;
}

/*
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

form,
fieldset {
  border: none;
}

fieldset {
  margin: 0;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0 0.75rem;
  border: 0;
  color: inherit;
  white-space: normal;
}

label {
  display: inline-block;
  cursor: pointer;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  white-space: pre-wrap;
}

progress {
  display: inline-block;
  width: 100%;
  vertical-align: baseline;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

/* ----------------------------- */
/* Form oddities                 */
/* ----------------------------- */
/*
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/*
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/*
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/*
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* ----------------------------- */
/* ==Print (quick print reset)   */
/* ----------------------------- */
@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    width: auto;
    margin: auto;
    font-family: serif;
    font-size: 12pt;
  }
  p,
.p-like,
h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like,
blockquote,
label,
ul,
ol {
    color: #000;
    margin: auto;
  }
  .print {
    display: block;
  }
  .no-print {
    display: none;
  }
  /* no orphans, no widows */
  p,
.p-like,
blockquote {
    orphans: 3;
    widows: 3;
  }
  /* no breaks inside these elements */
  blockquote,
ul,
ol {
    page-break-inside: avoid;
  }
  /* page break before main headers
  h1,
  .h1-like {
    page-break-before: always;
  }
  */
  /* no breaks after these elements */
  h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
caption {
    page-break-after: avoid;
  }
  a {
    color: #000;
  }
  /* displaying URLs
  a[href]::after {
    content: " (" attr(href) ")";
  }
  */
  a[href^="javascript:"]::after,
a[href^="#"]::after {
    content: "";
  }
}
/* ----------------------------  */
/* ==Layout classes              */
/* ----------------------------- */
/* Global container */
.layout-maxed {
  display: grid;
}
@media (min-width: 480px) {
  .layout-maxed {
    grid-template-columns: minmax(4rem, 1fr) minmax(auto, 480px) minmax(4rem, 1fr);
  }
}
@media (min-width: 572px) {
  .layout-maxed {
    grid-template-columns: minmax(4rem, 1fr) minmax(auto, 572px) minmax(4rem, 1fr);
  }
}
@media (min-width: 768px) {
  .layout-maxed {
    grid-template-columns: minmax(4rem, 1fr) minmax(auto, 768px) minmax(4rem, 1fr);
  }
}
@media (min-width: 1024px) {
  .layout-maxed {
    grid-template-columns: minmax(4rem, 1fr) minmax(auto, 1024px) minmax(4rem, 1fr);
  }
}
@media (min-width: 1240px) {
  .layout-maxed {
    grid-template-columns: minmax(4rem, 1fr) minmax(auto, 1240px) minmax(4rem, 1fr);
  }
}

/* Center all children */
.layout-maxed > * {
  grid-column: 2;
}

/* Hero box  */
.layout-hero {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: inherit;
}

.layout-hero > * {
  grid-column: 2;
}

/* Hero image */
.layout-hero-img {
  grid-column: 1/-1;
  justify-self: center;
  max-width: 100%;
}

/* 
 * Global utility classes 
 */
.hidden {
  display: none;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-no-shrink {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.flex-no-grow {
  flex-grow: 0;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.text-bold {
  font-weight: bold;
}

.text-italic {
  font-style: italic;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-smaller {
  font-size: smaller;
}

.text-bigger {
  font-size: bigger;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-wrap {
  overflow-wrap: break-word;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-center {
  justify-items: center;
}

.align-start {
  align-content: start;
}

.align-end {
  align-content: end;
}

.align-center {
  align-content: center;
}

.align-between {
  align-content: space-between;
}

.align-around {
  align-content: space-around;
}

.align-evenly {
  align-content: space-evenly;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.place-center {
  place-content: center;
}

.justify-self-auto {
  justify-self: auto;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-stretch {
  justify-self: stretch;
}

.align-self-auto {
  align-self: auto;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-self-stretch {
  align-self: stretch;
}

.align-top {
  vertical-align: top;
}

.align-bottom {
  vertical-align: bottom;
}

.align-middle {
  vertical-align: middle;
}

.item-first {
  order: -100;
}

.item-last {
  order: 100;
}

@media (min-width: 480px) {
  .sm\:hidden {
    display: none;
  }
}
@media (min-width: 572px) {
  .md\:hidden {
    display: none;
  }
}
@media (min-width: 768px) {
  .lg\:hidden {
    display: none;
  }
}
@media (min-width: 1024px) {
  .xl\:hidden {
    display: none;
  }
}
@media (min-width: 1240px) {
  .xxl\:hidden {
    display: none;
  }
}
@media (min-width: 480px) {
  .sm\:block {
    display: block;
  }
}
@media (min-width: 572px) {
  .md\:block {
    display: block;
  }
}
@media (min-width: 768px) {
  .lg\:block {
    display: block;
  }
}
@media (min-width: 1024px) {
  .xl\:block {
    display: block;
  }
}
@media (min-width: 1240px) {
  .xxl\:block {
    display: block;
  }
}
@media (min-width: 480px) {
  .sm\:inline {
    display: inline;
  }
}
@media (min-width: 572px) {
  .md\:inline {
    display: inline;
  }
}
@media (min-width: 768px) {
  .lg\:inline {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .xl\:inline {
    display: inline;
  }
}
@media (min-width: 1240px) {
  .xxl\:inline {
    display: inline;
  }
}
@media (min-width: 480px) {
  .sm\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 572px) {
  .md\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .lg\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 1024px) {
  .xl\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 1240px) {
  .xxl\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 480px) {
  .sm\:flex {
    display: flex;
  }
}
@media (min-width: 572px) {
  .md\:flex {
    display: flex;
  }
}
@media (min-width: 768px) {
  .lg\:flex {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .xl\:flex {
    display: flex;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex {
    display: flex;
  }
}
@media (min-width: 480px) {
  .sm\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 572px) {
  .md\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .lg\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .xl\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 480px) {
  .sm\:flex-reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 572px) {
  .md\:flex-reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .lg\:flex-reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1024px) {
  .xl\:flex-reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex-reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 480px) {
  .sm\:flex-col {
    flex-direction: column;
  }
}
@media (min-width: 572px) {
  .md\:flex-col {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .lg\:flex-col {
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .xl\:flex-col {
    flex-direction: column;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex-col {
    flex-direction: column;
  }
}
@media (min-width: 480px) {
  .sm\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 572px) {
  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024px) {
  .xl\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 480px) {
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 572px) {
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .xl\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 480px) {
  .sm\:flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 572px) {
  .md\:flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  .lg\:flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1024px) {
  .xl\:flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 480px) {
  .sm\:flex-shrink {
    flex-shrink: 1;
  }
}
@media (min-width: 572px) {
  .md\:flex-shrink {
    flex-shrink: 1;
  }
}
@media (min-width: 768px) {
  .lg\:flex-shrink {
    flex-shrink: 1;
  }
}
@media (min-width: 1024px) {
  .xl\:flex-shrink {
    flex-shrink: 1;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex-shrink {
    flex-shrink: 1;
  }
}
@media (min-width: 480px) {
  .sm\:flex-no-shrink {
    flex-shrink: 0;
  }
}
@media (min-width: 572px) {
  .md\:flex-no-shrink {
    flex-shrink: 0;
  }
}
@media (min-width: 768px) {
  .lg\:flex-no-shrink {
    flex-shrink: 0;
  }
}
@media (min-width: 1024px) {
  .xl\:flex-no-shrink {
    flex-shrink: 0;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex-no-shrink {
    flex-shrink: 0;
  }
}
@media (min-width: 480px) {
  .sm\:flex-grow {
    flex-grow: 1;
  }
}
@media (min-width: 572px) {
  .md\:flex-grow {
    flex-grow: 1;
  }
}
@media (min-width: 768px) {
  .lg\:flex-grow {
    flex-grow: 1;
  }
}
@media (min-width: 1024px) {
  .xl\:flex-grow {
    flex-grow: 1;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex-grow {
    flex-grow: 1;
  }
}
@media (min-width: 480px) {
  .sm\:flex-no-grow {
    flex-grow: 0;
  }
}
@media (min-width: 572px) {
  .md\:flex-no-grow {
    flex-grow: 0;
  }
}
@media (min-width: 768px) {
  .lg\:flex-no-grow {
    flex-grow: 0;
  }
}
@media (min-width: 1024px) {
  .xl\:flex-no-grow {
    flex-grow: 0;
  }
}
@media (min-width: 1240px) {
  .xxl\:flex-no-grow {
    flex-grow: 0;
  }
}
@media (min-width: 480px) {
  .sm\:float-left {
    float: left;
  }
}
@media (min-width: 572px) {
  .md\:float-left {
    float: left;
  }
}
@media (min-width: 768px) {
  .lg\:float-left {
    float: left;
  }
}
@media (min-width: 1024px) {
  .xl\:float-left {
    float: left;
  }
}
@media (min-width: 1240px) {
  .xxl\:float-left {
    float: left;
  }
}
@media (min-width: 480px) {
  .sm\:float-right {
    float: right;
  }
}
@media (min-width: 572px) {
  .md\:float-right {
    float: right;
  }
}
@media (min-width: 768px) {
  .lg\:float-right {
    float: right;
  }
}
@media (min-width: 1024px) {
  .xl\:float-right {
    float: right;
  }
}
@media (min-width: 1240px) {
  .xxl\:float-right {
    float: right;
  }
}
@media (min-width: 480px) {
  .sm\:float-none {
    float: none;
  }
}
@media (min-width: 572px) {
  .md\:float-none {
    float: none;
  }
}
@media (min-width: 768px) {
  .lg\:float-none {
    float: none;
  }
}
@media (min-width: 1024px) {
  .xl\:float-none {
    float: none;
  }
}
@media (min-width: 1240px) {
  .xxl\:float-none {
    float: none;
  }
}
@media (min-width: 480px) {
  .sm\:text-bold {
    font-weight: bold;
  }
}
@media (min-width: 572px) {
  .md\:text-bold {
    font-weight: bold;
  }
}
@media (min-width: 768px) {
  .lg\:text-bold {
    font-weight: bold;
  }
}
@media (min-width: 1024px) {
  .xl\:text-bold {
    font-weight: bold;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-bold {
    font-weight: bold;
  }
}
@media (min-width: 480px) {
  .sm\:text-italic {
    font-style: italic;
  }
}
@media (min-width: 572px) {
  .md\:text-italic {
    font-style: italic;
  }
}
@media (min-width: 768px) {
  .lg\:text-italic {
    font-style: italic;
  }
}
@media (min-width: 1024px) {
  .xl\:text-italic {
    font-style: italic;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-italic {
    font-style: italic;
  }
}
@media (min-width: 480px) {
  .sm\:text-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 572px) {
  .md\:text-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 768px) {
  .lg\:text-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 1024px) {
  .xl\:text-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-uppercase {
    text-transform: uppercase;
  }
}
@media (min-width: 480px) {
  .sm\:text-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 572px) {
  .md\:text-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 768px) {
  .lg\:text-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 1024px) {
  .xl\:text-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-lowercase {
    text-transform: lowercase;
  }
}
@media (min-width: 480px) {
  .sm\:text-smaller {
    font-size: smaller;
  }
}
@media (min-width: 572px) {
  .md\:text-smaller {
    font-size: smaller;
  }
}
@media (min-width: 768px) {
  .lg\:text-smaller {
    font-size: smaller;
  }
}
@media (min-width: 1024px) {
  .xl\:text-smaller {
    font-size: smaller;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-smaller {
    font-size: smaller;
  }
}
@media (min-width: 480px) {
  .sm\:text-bigger {
    font-size: bigger;
  }
}
@media (min-width: 572px) {
  .md\:text-bigger {
    font-size: bigger;
  }
}
@media (min-width: 768px) {
  .lg\:text-bigger {
    font-size: bigger;
  }
}
@media (min-width: 1024px) {
  .xl\:text-bigger {
    font-size: bigger;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-bigger {
    font-size: bigger;
  }
}
@media (min-width: 480px) {
  .sm\:text-left {
    text-align: left;
  }
}
@media (min-width: 572px) {
  .md\:text-left {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .lg\:text-left {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .xl\:text-left {
    text-align: left;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-left {
    text-align: left;
  }
}
@media (min-width: 480px) {
  .sm\:text-center {
    text-align: center;
  }
}
@media (min-width: 572px) {
  .md\:text-center {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .lg\:text-center {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .xl\:text-center {
    text-align: center;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-center {
    text-align: center;
  }
}
@media (min-width: 480px) {
  .sm\:text-right {
    text-align: right;
  }
}
@media (min-width: 572px) {
  .md\:text-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .lg\:text-right {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .xl\:text-right {
    text-align: right;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-right {
    text-align: right;
  }
}
@media (min-width: 480px) {
  .sm\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 572px) {
  .md\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  .lg\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 1024px) {
  .xl\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 480px) {
  .sm\:text-wrap {
    overflow-wrap: break-word;
  }
}
@media (min-width: 572px) {
  .md\:text-wrap {
    overflow-wrap: break-word;
  }
}
@media (min-width: 768px) {
  .lg\:text-wrap {
    overflow-wrap: break-word;
  }
}
@media (min-width: 1024px) {
  .xl\:text-wrap {
    overflow-wrap: break-word;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-wrap {
    overflow-wrap: break-word;
  }
}
@media (min-width: 480px) {
  .sm\:justify-start {
    justify-content: flex-start;
  }
}
@media (min-width: 572px) {
  .md\:justify-start {
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  .lg\:justify-start {
    justify-content: flex-start;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-start {
    justify-content: flex-start;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-start {
    justify-content: flex-start;
  }
}
@media (min-width: 480px) {
  .sm\:justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 572px) {
  .md\:justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .lg\:justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 480px) {
  .sm\:justify-center {
    justify-content: center;
  }
}
@media (min-width: 572px) {
  .md\:justify-center {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .lg\:justify-center {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-center {
    justify-content: center;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-center {
    justify-content: center;
  }
}
@media (min-width: 480px) {
  .sm\:justify-between {
    justify-content: space-between;
  }
}
@media (min-width: 572px) {
  .md\:justify-between {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .lg\:justify-between {
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-between {
    justify-content: space-between;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-between {
    justify-content: space-between;
  }
}
@media (min-width: 480px) {
  .sm\:justify-around {
    justify-content: space-around;
  }
}
@media (min-width: 572px) {
  .md\:justify-around {
    justify-content: space-around;
  }
}
@media (min-width: 768px) {
  .lg\:justify-around {
    justify-content: space-around;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-around {
    justify-content: space-around;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-around {
    justify-content: space-around;
  }
}
@media (min-width: 480px) {
  .sm\:justify-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 572px) {
  .md\:justify-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 768px) {
  .lg\:justify-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 480px) {
  .sm\:justify-items-start {
    justify-items: start;
  }
}
@media (min-width: 572px) {
  .md\:justify-items-start {
    justify-items: start;
  }
}
@media (min-width: 768px) {
  .lg\:justify-items-start {
    justify-items: start;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-items-start {
    justify-items: start;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-items-start {
    justify-items: start;
  }
}
@media (min-width: 480px) {
  .sm\:justify-items-end {
    justify-items: end;
  }
}
@media (min-width: 572px) {
  .md\:justify-items-end {
    justify-items: end;
  }
}
@media (min-width: 768px) {
  .lg\:justify-items-end {
    justify-items: end;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-items-end {
    justify-items: end;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-items-end {
    justify-items: end;
  }
}
@media (min-width: 480px) {
  .sm\:justify-items-center {
    justify-items: center;
  }
}
@media (min-width: 572px) {
  .md\:justify-items-center {
    justify-items: center;
  }
}
@media (min-width: 768px) {
  .lg\:justify-items-center {
    justify-items: center;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-items-center {
    justify-items: center;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-items-center {
    justify-items: center;
  }
}
@media (min-width: 480px) {
  .sm\:align-start {
    align-content: start;
  }
}
@media (min-width: 572px) {
  .md\:align-start {
    align-content: start;
  }
}
@media (min-width: 768px) {
  .lg\:align-start {
    align-content: start;
  }
}
@media (min-width: 1024px) {
  .xl\:align-start {
    align-content: start;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-start {
    align-content: start;
  }
}
@media (min-width: 480px) {
  .sm\:align-end {
    align-content: end;
  }
}
@media (min-width: 572px) {
  .md\:align-end {
    align-content: end;
  }
}
@media (min-width: 768px) {
  .lg\:align-end {
    align-content: end;
  }
}
@media (min-width: 1024px) {
  .xl\:align-end {
    align-content: end;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-end {
    align-content: end;
  }
}
@media (min-width: 480px) {
  .sm\:align-center {
    align-content: center;
  }
}
@media (min-width: 572px) {
  .md\:align-center {
    align-content: center;
  }
}
@media (min-width: 768px) {
  .lg\:align-center {
    align-content: center;
  }
}
@media (min-width: 1024px) {
  .xl\:align-center {
    align-content: center;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-center {
    align-content: center;
  }
}
@media (min-width: 480px) {
  .sm\:align-between {
    align-content: space-between;
  }
}
@media (min-width: 572px) {
  .md\:align-between {
    align-content: space-between;
  }
}
@media (min-width: 768px) {
  .lg\:align-between {
    align-content: space-between;
  }
}
@media (min-width: 1024px) {
  .xl\:align-between {
    align-content: space-between;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-between {
    align-content: space-between;
  }
}
@media (min-width: 480px) {
  .sm\:align-around {
    align-content: space-around;
  }
}
@media (min-width: 572px) {
  .md\:align-around {
    align-content: space-around;
  }
}
@media (min-width: 768px) {
  .lg\:align-around {
    align-content: space-around;
  }
}
@media (min-width: 1024px) {
  .xl\:align-around {
    align-content: space-around;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-around {
    align-content: space-around;
  }
}
@media (min-width: 480px) {
  .sm\:align-evenly {
    align-content: space-evenly;
  }
}
@media (min-width: 572px) {
  .md\:align-evenly {
    align-content: space-evenly;
  }
}
@media (min-width: 768px) {
  .lg\:align-evenly {
    align-content: space-evenly;
  }
}
@media (min-width: 1024px) {
  .xl\:align-evenly {
    align-content: space-evenly;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-evenly {
    align-content: space-evenly;
  }
}
@media (min-width: 480px) {
  .sm\:align-items-start {
    align-items: flex-start;
  }
}
@media (min-width: 572px) {
  .md\:align-items-start {
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .lg\:align-items-start {
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .xl\:align-items-start {
    align-items: flex-start;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-items-start {
    align-items: flex-start;
  }
}
@media (min-width: 480px) {
  .sm\:align-items-end {
    align-items: flex-end;
  }
}
@media (min-width: 572px) {
  .md\:align-items-end {
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .lg\:align-items-end {
    align-items: flex-end;
  }
}
@media (min-width: 1024px) {
  .xl\:align-items-end {
    align-items: flex-end;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-items-end {
    align-items: flex-end;
  }
}
@media (min-width: 480px) {
  .sm\:align-items-center {
    align-items: center;
  }
}
@media (min-width: 572px) {
  .md\:align-items-center {
    align-items: center;
  }
}
@media (min-width: 768px) {
  .lg\:align-items-center {
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .xl\:align-items-center {
    align-items: center;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-items-center {
    align-items: center;
  }
}
@media (min-width: 480px) {
  .sm\:place-center {
    place-content: center;
  }
}
@media (min-width: 572px) {
  .md\:place-center {
    place-content: center;
  }
}
@media (min-width: 768px) {
  .lg\:place-center {
    place-content: center;
  }
}
@media (min-width: 1024px) {
  .xl\:place-center {
    place-content: center;
  }
}
@media (min-width: 1240px) {
  .xxl\:place-center {
    place-content: center;
  }
}
@media (min-width: 480px) {
  .sm\:justify-self-auto {
    justify-self: auto;
  }
}
@media (min-width: 572px) {
  .md\:justify-self-auto {
    justify-self: auto;
  }
}
@media (min-width: 768px) {
  .lg\:justify-self-auto {
    justify-self: auto;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-self-auto {
    justify-self: auto;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-self-auto {
    justify-self: auto;
  }
}
@media (min-width: 480px) {
  .sm\:justify-self-start {
    justify-self: start;
  }
}
@media (min-width: 572px) {
  .md\:justify-self-start {
    justify-self: start;
  }
}
@media (min-width: 768px) {
  .lg\:justify-self-start {
    justify-self: start;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-self-start {
    justify-self: start;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-self-start {
    justify-self: start;
  }
}
@media (min-width: 480px) {
  .sm\:justify-self-end {
    justify-self: end;
  }
}
@media (min-width: 572px) {
  .md\:justify-self-end {
    justify-self: end;
  }
}
@media (min-width: 768px) {
  .lg\:justify-self-end {
    justify-self: end;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-self-end {
    justify-self: end;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-self-end {
    justify-self: end;
  }
}
@media (min-width: 480px) {
  .sm\:justify-self-center {
    justify-self: center;
  }
}
@media (min-width: 572px) {
  .md\:justify-self-center {
    justify-self: center;
  }
}
@media (min-width: 768px) {
  .lg\:justify-self-center {
    justify-self: center;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-self-center {
    justify-self: center;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-self-center {
    justify-self: center;
  }
}
@media (min-width: 480px) {
  .sm\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 572px) {
  .md\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 768px) {
  .lg\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 1024px) {
  .xl\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 1240px) {
  .xxl\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 480px) {
  .sm\:align-self-auto {
    align-self: auto;
  }
}
@media (min-width: 572px) {
  .md\:align-self-auto {
    align-self: auto;
  }
}
@media (min-width: 768px) {
  .lg\:align-self-auto {
    align-self: auto;
  }
}
@media (min-width: 1024px) {
  .xl\:align-self-auto {
    align-self: auto;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-self-auto {
    align-self: auto;
  }
}
@media (min-width: 480px) {
  .sm\:align-self-start {
    align-self: flex-start;
  }
}
@media (min-width: 572px) {
  .md\:align-self-start {
    align-self: flex-start;
  }
}
@media (min-width: 768px) {
  .lg\:align-self-start {
    align-self: flex-start;
  }
}
@media (min-width: 1024px) {
  .xl\:align-self-start {
    align-self: flex-start;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-self-start {
    align-self: flex-start;
  }
}
@media (min-width: 480px) {
  .sm\:align-self-end {
    align-self: flex-end;
  }
}
@media (min-width: 572px) {
  .md\:align-self-end {
    align-self: flex-end;
  }
}
@media (min-width: 768px) {
  .lg\:align-self-end {
    align-self: flex-end;
  }
}
@media (min-width: 1024px) {
  .xl\:align-self-end {
    align-self: flex-end;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-self-end {
    align-self: flex-end;
  }
}
@media (min-width: 480px) {
  .sm\:align-self-center {
    align-self: center;
  }
}
@media (min-width: 572px) {
  .md\:align-self-center {
    align-self: center;
  }
}
@media (min-width: 768px) {
  .lg\:align-self-center {
    align-self: center;
  }
}
@media (min-width: 1024px) {
  .xl\:align-self-center {
    align-self: center;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-self-center {
    align-self: center;
  }
}
@media (min-width: 480px) {
  .sm\:align-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 572px) {
  .md\:align-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .lg\:align-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .xl\:align-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 480px) {
  .sm\:align-top {
    vertical-align: top;
  }
}
@media (min-width: 572px) {
  .md\:align-top {
    vertical-align: top;
  }
}
@media (min-width: 768px) {
  .lg\:align-top {
    vertical-align: top;
  }
}
@media (min-width: 1024px) {
  .xl\:align-top {
    vertical-align: top;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-top {
    vertical-align: top;
  }
}
@media (min-width: 480px) {
  .sm\:align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 572px) {
  .md\:align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 768px) {
  .lg\:align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1024px) {
  .xl\:align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 480px) {
  .sm\:align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 572px) {
  .md\:align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 768px) {
  .lg\:align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 1024px) {
  .xl\:align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 1240px) {
  .xxl\:align-middle {
    vertical-align: middle;
  }
}
@media (min-width: 480px) {
  .sm\:item-first {
    order: -100;
  }
}
@media (min-width: 572px) {
  .md\:item-first {
    order: -100;
  }
}
@media (min-width: 768px) {
  .lg\:item-first {
    order: -100;
  }
}
@media (min-width: 1024px) {
  .xl\:item-first {
    order: -100;
  }
}
@media (min-width: 1240px) {
  .xxl\:item-first {
    order: -100;
  }
}
@media (min-width: 480px) {
  .sm\:item-last {
    order: 100;
  }
}
@media (min-width: 572px) {
  .md\:item-last {
    order: 100;
  }
}
@media (min-width: 768px) {
  .lg\:item-last {
    order: 100;
  }
}
@media (min-width: 1024px) {
  .xl\:item-last {
    order: 100;
  }
}
@media (min-width: 1240px) {
  .xxl\:item-last {
    order: 100;
  }
}
.is-unstyled {
  list-style: none;
  padding-left: 0;
}

.is-disabled,
[disabled] {
  opacity: 0.6;
  cursor: not-allowed !important;
  filter: grayscale(1);
}

.text-normal {
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}

@media (min-width: 480px) {
  .sm\:visually-hidden {
    position: absolute !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }
  .sm\:is-unstyled {
    list-style: none;
    padding-left: 0;
  }
  .sm\:is-disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    filter: grayscale(1);
  }
  .sm\:text-normal {
    font-weight: normal;
    font-style: normal;
    text-transform: none;
  }
}
@media (min-width: 572px) {
  .md\:visually-hidden {
    position: absolute !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }
  .md\:is-unstyled {
    list-style: none;
    padding-left: 0;
  }
  .md\:is-disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    filter: grayscale(1);
  }
  .md\:text-normal {
    font-weight: normal;
    font-style: normal;
    text-transform: none;
  }
}
@media (min-width: 768px) {
  .lg\:visually-hidden {
    position: absolute !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }
  .lg\:is-unstyled {
    list-style: none;
    padding-left: 0;
  }
  .lg\:is-disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    filter: grayscale(1);
  }
  .lg\:text-normal {
    font-weight: normal;
    font-style: normal;
    text-transform: none;
  }
}
@media (min-width: 1024px) {
  .xl\:visually-hidden {
    position: absolute !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }
  .xl\:is-unstyled {
    list-style: none;
    padding-left: 0;
  }
  .xl\:is-disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    filter: grayscale(1);
  }
  .xl\:text-normal {
    font-weight: normal;
    font-style: normal;
    text-transform: none;
  }
}
@media (min-width: 1240px) {
  .xxl\:visually-hidden {
    position: absolute !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }
  .xxl\:is-unstyled {
    list-style: none;
    padding-left: 0;
  }
  .xxl\:is-disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    filter: grayscale(1);
  }
  .xxl\:text-normal {
    font-weight: normal;
    font-style: normal;
    text-transform: none;
  }
}
/* Font sizes utility classes */
.text-10 {
  font-size: 0.625rem;
}

.text-11 {
  font-size: 0.6875rem;
}

.text-12 {
  font-size: 0.75rem;
}

.text-14 {
  font-size: 0.875rem;
}

.text-16 {
  font-size: 1rem;
}

.text-18 {
  font-size: 1.125rem;
}

.text-20 {
  font-size: 1.25rem;
}

.text-24 {
  font-size: 1.5rem;
}

.text-30 {
  font-size: 1.875rem;
}

.text-36 {
  font-size: 2.25rem;
}

.text-base {
  font-size: 1rem;
}

.text-inherit {
  font-size: "inherit";
}

@media (min-width: 480px) {
  .sm\:text-10 {
    font-size: 0.625rem;
  }
}
@media (min-width: 572px) {
  .md\:text-10 {
    font-size: 0.625rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-10 {
    font-size: 0.625rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-10 {
    font-size: 0.625rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-10 {
    font-size: 0.625rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-11 {
    font-size: 0.6875rem;
  }
}
@media (min-width: 572px) {
  .md\:text-11 {
    font-size: 0.6875rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-11 {
    font-size: 0.6875rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-11 {
    font-size: 0.6875rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-11 {
    font-size: 0.6875rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-12 {
    font-size: 0.75rem;
  }
}
@media (min-width: 572px) {
  .md\:text-12 {
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-12 {
    font-size: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-12 {
    font-size: 0.75rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-12 {
    font-size: 0.75rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-14 {
    font-size: 0.875rem;
  }
}
@media (min-width: 572px) {
  .md\:text-14 {
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-14 {
    font-size: 0.875rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-14 {
    font-size: 0.875rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-14 {
    font-size: 0.875rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-16 {
    font-size: 1rem;
  }
}
@media (min-width: 572px) {
  .md\:text-16 {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-16 {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-16 {
    font-size: 1rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-16 {
    font-size: 1rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-18 {
    font-size: 1.125rem;
  }
}
@media (min-width: 572px) {
  .md\:text-18 {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-18 {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-18 {
    font-size: 1.125rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-18 {
    font-size: 1.125rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-20 {
    font-size: 1.25rem;
  }
}
@media (min-width: 572px) {
  .md\:text-20 {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-20 {
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-20 {
    font-size: 1.25rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-20 {
    font-size: 1.25rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-24 {
    font-size: 1.5rem;
  }
}
@media (min-width: 572px) {
  .md\:text-24 {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-24 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-24 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-24 {
    font-size: 1.5rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-30 {
    font-size: 1.875rem;
  }
}
@media (min-width: 572px) {
  .md\:text-30 {
    font-size: 1.875rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-30 {
    font-size: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-30 {
    font-size: 1.875rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-30 {
    font-size: 1.875rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-36 {
    font-size: 2.25rem;
  }
}
@media (min-width: 572px) {
  .md\:text-36 {
    font-size: 2.25rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-36 {
    font-size: 2.25rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-36 {
    font-size: 2.25rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-36 {
    font-size: 2.25rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-base {
    font-size: 1rem;
  }
}
@media (min-width: 572px) {
  .md\:text-base {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .lg\:text-base {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .xl\:text-base {
    font-size: 1rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:text-base {
    font-size: 1rem;
  }
}
@media (min-width: 480px) {
  .sm\:text-inherit {
    font-size: "inherit";
  }
}
@media (min-width: 572px) {
  .md\:text-inherit {
    font-size: "inherit";
  }
}
@media (min-width: 768px) {
  .lg\:text-inherit {
    font-size: "inherit";
  }
}
@media (min-width: 1024px) {
  .xl\:text-inherit {
    font-size: "inherit";
  }
}
@media (min-width: 1240px) {
  .xxl\:text-inherit {
    font-size: "inherit";
  }
}
/* Spacers utility classes */
.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.p-1 {
  padding: 0.5rem;
}

.pt-1 {
  padding-top: 0.5rem;
}

.pr-1 {
  padding-right: 0.5rem;
}

.pb-1 {
  padding-bottom: 0.5rem;
}

.pl-1 {
  padding-left: 0.5rem;
}

.px-1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.m-1 {
  margin: 0.5rem;
}

.mt-1 {
  margin-top: 0.5rem;
}

.mr-1 {
  margin-right: 0.5rem;
}

.mb-1 {
  margin-bottom: 0.5rem;
}

.ml-1 {
  margin-left: 0.5rem;
}

.mx-1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.p-2 {
  padding: 0.75rem;
}

.pt-2 {
  padding-top: 0.75rem;
}

.pr-2 {
  padding-right: 0.75rem;
}

.pb-2 {
  padding-bottom: 0.75rem;
}

.pl-2 {
  padding-left: 0.75rem;
}

.px-2 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-2 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.m-2 {
  margin: 0.75rem;
}

.mt-2 {
  margin-top: 0.75rem;
}

.mr-2 {
  margin-right: 0.75rem;
}

.mb-2 {
  margin-bottom: 0.75rem;
}

.ml-2 {
  margin-left: 0.75rem;
}

.mx-2 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-2 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.p-3 {
  padding: 1rem;
}

.pt-3 {
  padding-top: 1rem;
}

.pr-3 {
  padding-right: 1rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

.pl-3 {
  padding-left: 1rem;
}

.px-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.m-3 {
  margin: 1rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mr-3 {
  margin-right: 1rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.ml-3 {
  margin-left: 1rem;
}

.mx-3 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.pt-4 {
  padding-top: 1.5rem;
}

.pr-4 {
  padding-right: 1.5rem;
}

.pb-4 {
  padding-bottom: 1.5rem;
}

.pl-4 {
  padding-left: 1.5rem;
}

.px-4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.m-4 {
  margin: 1.5rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.mr-4 {
  margin-right: 1.5rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.ml-4 {
  margin-left: 1.5rem;
}

.mx-4 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.p-5 {
  padding: 2rem;
}

.pt-5 {
  padding-top: 2rem;
}

.pr-5 {
  padding-right: 2rem;
}

.pb-5 {
  padding-bottom: 2rem;
}

.pl-5 {
  padding-left: 2rem;
}

.px-5 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-5 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.m-5 {
  margin: 2rem;
}

.mt-5 {
  margin-top: 2rem;
}

.mr-5 {
  margin-right: 2rem;
}

.mb-5 {
  margin-bottom: 2rem;
}

.ml-5 {
  margin-left: 2rem;
}

.mx-5 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-5 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.p-6 {
  padding: 2.5rem;
}

.pt-6 {
  padding-top: 2.5rem;
}

.pr-6 {
  padding-right: 2.5rem;
}

.pb-6 {
  padding-bottom: 2.5rem;
}

.pl-6 {
  padding-left: 2.5rem;
}

.px-6 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-6 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.m-6 {
  margin: 2.5rem;
}

.mt-6 {
  margin-top: 2.5rem;
}

.mr-6 {
  margin-right: 2.5rem;
}

.mb-6 {
  margin-bottom: 2.5rem;
}

.ml-6 {
  margin-left: 2.5rem;
}

.mx-6 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-6 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.p-7 {
  padding: 3rem;
}

.pt-7 {
  padding-top: 3rem;
}

.pr-7 {
  padding-right: 3rem;
}

.pb-7 {
  padding-bottom: 3rem;
}

.pl-7 {
  padding-left: 3rem;
}

.px-7 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-7 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.m-7 {
  margin: 3rem;
}

.mt-7 {
  margin-top: 3rem;
}

.mr-7 {
  margin-right: 3rem;
}

.mb-7 {
  margin-bottom: 3rem;
}

.ml-7 {
  margin-left: 3rem;
}

.mx-7 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-7 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.p-8 {
  padding: 4rem;
}

.pt-8 {
  padding-top: 4rem;
}

.pr-8 {
  padding-right: 4rem;
}

.pb-8 {
  padding-bottom: 4rem;
}

.pl-8 {
  padding-left: 4rem;
}

.px-8 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-8 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.m-8 {
  margin: 4rem;
}

.mt-8 {
  margin-top: 4rem;
}

.mr-8 {
  margin-right: 4rem;
}

.mb-8 {
  margin-bottom: 4rem;
}

.ml-8 {
  margin-left: 4rem;
}

.mx-8 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-8 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.p-9 {
  padding: 5rem;
}

.pt-9 {
  padding-top: 5rem;
}

.pr-9 {
  padding-right: 5rem;
}

.pb-9 {
  padding-bottom: 5rem;
}

.pl-9 {
  padding-left: 5rem;
}

.px-9 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-9 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.m-9 {
  margin: 5rem;
}

.mt-9 {
  margin-top: 5rem;
}

.mr-9 {
  margin-right: 5rem;
}

.mb-9 {
  margin-bottom: 5rem;
}

.ml-9 {
  margin-left: 5rem;
}

.mx-9 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-9 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.p-10 {
  padding: 10rem;
}

.pt-10 {
  padding-top: 10rem;
}

.pr-10 {
  padding-right: 10rem;
}

.pb-10 {
  padding-bottom: 10rem;
}

.pl-10 {
  padding-left: 10rem;
}

.px-10 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-10 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.m-10 {
  margin: 10rem;
}

.mt-10 {
  margin-top: 10rem;
}

.mr-10 {
  margin-right: 10rem;
}

.mb-10 {
  margin-bottom: 10rem;
}

.ml-10 {
  margin-left: 10rem;
}

.mx-10 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-10 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.p-auto {
  padding: auto;
}

.pt-auto {
  padding-top: auto;
}

.pr-auto {
  padding-right: auto;
}

.pb-auto {
  padding-bottom: auto;
}

.pl-auto {
  padding-left: auto;
}

.px-auto {
  padding-left: auto;
  padding-right: auto;
}

.py-auto {
  padding-top: auto;
  padding-bottom: auto;
}

.m-auto {
  margin: auto;
}

.mt-auto {
  margin-top: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

@media (min-width: 480px) {
  .sm\:p-0 {
    padding: 0;
  }
  .sm\:pt-0 {
    padding-top: 0;
  }
  .sm\:pr-0 {
    padding-right: 0;
  }
  .sm\:pb-0 {
    padding-bottom: 0;
  }
  .sm\:pl-0 {
    padding-left: 0;
  }
  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm\:m-0 {
    margin: 0;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mr-0 {
    margin-right: 0;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:ml-0 {
    margin-left: 0;
  }
  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 480px) {
  .sm\:p-1 {
    padding: 0.5rem;
  }
  .sm\:pt-1 {
    padding-top: 0.5rem;
  }
  .sm\:pr-1 {
    padding-right: 0.5rem;
  }
  .sm\:pb-1 {
    padding-bottom: 0.5rem;
  }
  .sm\:pl-1 {
    padding-left: 0.5rem;
  }
  .sm\:px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:m-1 {
    margin: 0.5rem;
  }
  .sm\:mt-1 {
    margin-top: 0.5rem;
  }
  .sm\:mr-1 {
    margin-right: 0.5rem;
  }
  .sm\:mb-1 {
    margin-bottom: 0.5rem;
  }
  .sm\:ml-1 {
    margin-left: 0.5rem;
  }
  .sm\:mx-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sm\:my-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 480px) {
  .sm\:p-2 {
    padding: 0.75rem;
  }
  .sm\:pt-2 {
    padding-top: 0.75rem;
  }
  .sm\:pr-2 {
    padding-right: 0.75rem;
  }
  .sm\:pb-2 {
    padding-bottom: 0.75rem;
  }
  .sm\:pl-2 {
    padding-left: 0.75rem;
  }
  .sm\:px-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:py-2 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:m-2 {
    margin: 0.75rem;
  }
  .sm\:mt-2 {
    margin-top: 0.75rem;
  }
  .sm\:mr-2 {
    margin-right: 0.75rem;
  }
  .sm\:mb-2 {
    margin-bottom: 0.75rem;
  }
  .sm\:ml-2 {
    margin-left: 0.75rem;
  }
  .sm\:mx-2 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .sm\:my-2 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 480px) {
  .sm\:p-3 {
    padding: 1rem;
  }
  .sm\:pt-3 {
    padding-top: 1rem;
  }
  .sm\:pr-3 {
    padding-right: 1rem;
  }
  .sm\:pb-3 {
    padding-bottom: 1rem;
  }
  .sm\:pl-3 {
    padding-left: 1rem;
  }
  .sm\:px-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:m-3 {
    margin: 1rem;
  }
  .sm\:mt-3 {
    margin-top: 1rem;
  }
  .sm\:mr-3 {
    margin-right: 1rem;
  }
  .sm\:mb-3 {
    margin-bottom: 1rem;
  }
  .sm\:ml-3 {
    margin-left: 1rem;
  }
  .sm\:mx-3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm\:my-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 480px) {
  .sm\:p-4 {
    padding: 1.5rem;
  }
  .sm\:pt-4 {
    padding-top: 1.5rem;
  }
  .sm\:pr-4 {
    padding-right: 1.5rem;
  }
  .sm\:pb-4 {
    padding-bottom: 1.5rem;
  }
  .sm\:pl-4 {
    padding-left: 1.5rem;
  }
  .sm\:px-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:m-4 {
    margin: 1.5rem;
  }
  .sm\:mt-4 {
    margin-top: 1.5rem;
  }
  .sm\:mr-4 {
    margin-right: 1.5rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1.5rem;
  }
  .sm\:ml-4 {
    margin-left: 1.5rem;
  }
  .sm\:mx-4 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .sm\:my-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 480px) {
  .sm\:p-5 {
    padding: 2rem;
  }
  .sm\:pt-5 {
    padding-top: 2rem;
  }
  .sm\:pr-5 {
    padding-right: 2rem;
  }
  .sm\:pb-5 {
    padding-bottom: 2rem;
  }
  .sm\:pl-5 {
    padding-left: 2rem;
  }
  .sm\:px-5 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:m-5 {
    margin: 2rem;
  }
  .sm\:mt-5 {
    margin-top: 2rem;
  }
  .sm\:mr-5 {
    margin-right: 2rem;
  }
  .sm\:mb-5 {
    margin-bottom: 2rem;
  }
  .sm\:ml-5 {
    margin-left: 2rem;
  }
  .sm\:mx-5 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm\:my-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 480px) {
  .sm\:p-6 {
    padding: 2.5rem;
  }
  .sm\:pt-6 {
    padding-top: 2.5rem;
  }
  .sm\:pr-6 {
    padding-right: 2.5rem;
  }
  .sm\:pb-6 {
    padding-bottom: 2.5rem;
  }
  .sm\:pl-6 {
    padding-left: 2.5rem;
  }
  .sm\:px-6 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:py-6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm\:m-6 {
    margin: 2.5rem;
  }
  .sm\:mt-6 {
    margin-top: 2.5rem;
  }
  .sm\:mr-6 {
    margin-right: 2.5rem;
  }
  .sm\:mb-6 {
    margin-bottom: 2.5rem;
  }
  .sm\:ml-6 {
    margin-left: 2.5rem;
  }
  .sm\:mx-6 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .sm\:my-6 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 480px) {
  .sm\:p-7 {
    padding: 3rem;
  }
  .sm\:pt-7 {
    padding-top: 3rem;
  }
  .sm\:pr-7 {
    padding-right: 3rem;
  }
  .sm\:pb-7 {
    padding-bottom: 3rem;
  }
  .sm\:pl-7 {
    padding-left: 3rem;
  }
  .sm\:px-7 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:py-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:m-7 {
    margin: 3rem;
  }
  .sm\:mt-7 {
    margin-top: 3rem;
  }
  .sm\:mr-7 {
    margin-right: 3rem;
  }
  .sm\:mb-7 {
    margin-bottom: 3rem;
  }
  .sm\:ml-7 {
    margin-left: 3rem;
  }
  .sm\:mx-7 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .sm\:my-7 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 480px) {
  .sm\:p-8 {
    padding: 4rem;
  }
  .sm\:pt-8 {
    padding-top: 4rem;
  }
  .sm\:pr-8 {
    padding-right: 4rem;
  }
  .sm\:pb-8 {
    padding-bottom: 4rem;
  }
  .sm\:pl-8 {
    padding-left: 4rem;
  }
  .sm\:px-8 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sm\:py-8 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:m-8 {
    margin: 4rem;
  }
  .sm\:mt-8 {
    margin-top: 4rem;
  }
  .sm\:mr-8 {
    margin-right: 4rem;
  }
  .sm\:mb-8 {
    margin-bottom: 4rem;
  }
  .sm\:ml-8 {
    margin-left: 4rem;
  }
  .sm\:mx-8 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .sm\:my-8 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 480px) {
  .sm\:p-9 {
    padding: 5rem;
  }
  .sm\:pt-9 {
    padding-top: 5rem;
  }
  .sm\:pr-9 {
    padding-right: 5rem;
  }
  .sm\:pb-9 {
    padding-bottom: 5rem;
  }
  .sm\:pl-9 {
    padding-left: 5rem;
  }
  .sm\:px-9 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .sm\:py-9 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .sm\:m-9 {
    margin: 5rem;
  }
  .sm\:mt-9 {
    margin-top: 5rem;
  }
  .sm\:mr-9 {
    margin-right: 5rem;
  }
  .sm\:mb-9 {
    margin-bottom: 5rem;
  }
  .sm\:ml-9 {
    margin-left: 5rem;
  }
  .sm\:mx-9 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .sm\:my-9 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 480px) {
  .sm\:p-10 {
    padding: 10rem;
  }
  .sm\:pt-10 {
    padding-top: 10rem;
  }
  .sm\:pr-10 {
    padding-right: 10rem;
  }
  .sm\:pb-10 {
    padding-bottom: 10rem;
  }
  .sm\:pl-10 {
    padding-left: 10rem;
  }
  .sm\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .sm\:py-10 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .sm\:m-10 {
    margin: 10rem;
  }
  .sm\:mt-10 {
    margin-top: 10rem;
  }
  .sm\:mr-10 {
    margin-right: 10rem;
  }
  .sm\:mb-10 {
    margin-bottom: 10rem;
  }
  .sm\:ml-10 {
    margin-left: 10rem;
  }
  .sm\:mx-10 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .sm\:my-10 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}
@media (min-width: 480px) {
  .sm\:p-auto {
    padding: auto;
  }
  .sm\:pt-auto {
    padding-top: auto;
  }
  .sm\:pr-auto {
    padding-right: auto;
  }
  .sm\:pb-auto {
    padding-bottom: auto;
  }
  .sm\:pl-auto {
    padding-left: auto;
  }
  .sm\:px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .sm\:py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .sm\:m-auto {
    margin: auto;
  }
  .sm\:mt-auto {
    margin-top: auto;
  }
  .sm\:mr-auto {
    margin-right: auto;
  }
  .sm\:mb-auto {
    margin-bottom: auto;
  }
  .sm\:ml-auto {
    margin-left: auto;
  }
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 572px) {
  .md\:p-0 {
    padding: 0;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pr-0 {
    padding-right: 0;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pl-0 {
    padding-left: 0;
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md\:m-0 {
    margin: 0;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mr-0 {
    margin-right: 0;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:ml-0 {
    margin-left: 0;
  }
  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 572px) {
  .md\:p-1 {
    padding: 0.5rem;
  }
  .md\:pt-1 {
    padding-top: 0.5rem;
  }
  .md\:pr-1 {
    padding-right: 0.5rem;
  }
  .md\:pb-1 {
    padding-bottom: 0.5rem;
  }
  .md\:pl-1 {
    padding-left: 0.5rem;
  }
  .md\:px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:m-1 {
    margin: 0.5rem;
  }
  .md\:mt-1 {
    margin-top: 0.5rem;
  }
  .md\:mr-1 {
    margin-right: 0.5rem;
  }
  .md\:mb-1 {
    margin-bottom: 0.5rem;
  }
  .md\:ml-1 {
    margin-left: 0.5rem;
  }
  .md\:mx-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .md\:my-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 572px) {
  .md\:p-2 {
    padding: 0.75rem;
  }
  .md\:pt-2 {
    padding-top: 0.75rem;
  }
  .md\:pr-2 {
    padding-right: 0.75rem;
  }
  .md\:pb-2 {
    padding-bottom: 0.75rem;
  }
  .md\:pl-2 {
    padding-left: 0.75rem;
  }
  .md\:px-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:py-2 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:m-2 {
    margin: 0.75rem;
  }
  .md\:mt-2 {
    margin-top: 0.75rem;
  }
  .md\:mr-2 {
    margin-right: 0.75rem;
  }
  .md\:mb-2 {
    margin-bottom: 0.75rem;
  }
  .md\:ml-2 {
    margin-left: 0.75rem;
  }
  .md\:mx-2 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .md\:my-2 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 572px) {
  .md\:p-3 {
    padding: 1rem;
  }
  .md\:pt-3 {
    padding-top: 1rem;
  }
  .md\:pr-3 {
    padding-right: 1rem;
  }
  .md\:pb-3 {
    padding-bottom: 1rem;
  }
  .md\:pl-3 {
    padding-left: 1rem;
  }
  .md\:px-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:m-3 {
    margin: 1rem;
  }
  .md\:mt-3 {
    margin-top: 1rem;
  }
  .md\:mr-3 {
    margin-right: 1rem;
  }
  .md\:mb-3 {
    margin-bottom: 1rem;
  }
  .md\:ml-3 {
    margin-left: 1rem;
  }
  .md\:mx-3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md\:my-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 572px) {
  .md\:p-4 {
    padding: 1.5rem;
  }
  .md\:pt-4 {
    padding-top: 1.5rem;
  }
  .md\:pr-4 {
    padding-right: 1.5rem;
  }
  .md\:pb-4 {
    padding-bottom: 1.5rem;
  }
  .md\:pl-4 {
    padding-left: 1.5rem;
  }
  .md\:px-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:m-4 {
    margin: 1.5rem;
  }
  .md\:mt-4 {
    margin-top: 1.5rem;
  }
  .md\:mr-4 {
    margin-right: 1.5rem;
  }
  .md\:mb-4 {
    margin-bottom: 1.5rem;
  }
  .md\:ml-4 {
    margin-left: 1.5rem;
  }
  .md\:mx-4 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .md\:my-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 572px) {
  .md\:p-5 {
    padding: 2rem;
  }
  .md\:pt-5 {
    padding-top: 2rem;
  }
  .md\:pr-5 {
    padding-right: 2rem;
  }
  .md\:pb-5 {
    padding-bottom: 2rem;
  }
  .md\:pl-5 {
    padding-left: 2rem;
  }
  .md\:px-5 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:m-5 {
    margin: 2rem;
  }
  .md\:mt-5 {
    margin-top: 2rem;
  }
  .md\:mr-5 {
    margin-right: 2rem;
  }
  .md\:mb-5 {
    margin-bottom: 2rem;
  }
  .md\:ml-5 {
    margin-left: 2rem;
  }
  .md\:mx-5 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md\:my-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 572px) {
  .md\:p-6 {
    padding: 2.5rem;
  }
  .md\:pt-6 {
    padding-top: 2.5rem;
  }
  .md\:pr-6 {
    padding-right: 2.5rem;
  }
  .md\:pb-6 {
    padding-bottom: 2.5rem;
  }
  .md\:pl-6 {
    padding-left: 2.5rem;
  }
  .md\:px-6 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:py-6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:m-6 {
    margin: 2.5rem;
  }
  .md\:mt-6 {
    margin-top: 2.5rem;
  }
  .md\:mr-6 {
    margin-right: 2.5rem;
  }
  .md\:mb-6 {
    margin-bottom: 2.5rem;
  }
  .md\:ml-6 {
    margin-left: 2.5rem;
  }
  .md\:mx-6 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .md\:my-6 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 572px) {
  .md\:p-7 {
    padding: 3rem;
  }
  .md\:pt-7 {
    padding-top: 3rem;
  }
  .md\:pr-7 {
    padding-right: 3rem;
  }
  .md\:pb-7 {
    padding-bottom: 3rem;
  }
  .md\:pl-7 {
    padding-left: 3rem;
  }
  .md\:px-7 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:py-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:m-7 {
    margin: 3rem;
  }
  .md\:mt-7 {
    margin-top: 3rem;
  }
  .md\:mr-7 {
    margin-right: 3rem;
  }
  .md\:mb-7 {
    margin-bottom: 3rem;
  }
  .md\:ml-7 {
    margin-left: 3rem;
  }
  .md\:mx-7 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .md\:my-7 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 572px) {
  .md\:p-8 {
    padding: 4rem;
  }
  .md\:pt-8 {
    padding-top: 4rem;
  }
  .md\:pr-8 {
    padding-right: 4rem;
  }
  .md\:pb-8 {
    padding-bottom: 4rem;
  }
  .md\:pl-8 {
    padding-left: 4rem;
  }
  .md\:px-8 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:py-8 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:m-8 {
    margin: 4rem;
  }
  .md\:mt-8 {
    margin-top: 4rem;
  }
  .md\:mr-8 {
    margin-right: 4rem;
  }
  .md\:mb-8 {
    margin-bottom: 4rem;
  }
  .md\:ml-8 {
    margin-left: 4rem;
  }
  .md\:mx-8 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .md\:my-8 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 572px) {
  .md\:p-9 {
    padding: 5rem;
  }
  .md\:pt-9 {
    padding-top: 5rem;
  }
  .md\:pr-9 {
    padding-right: 5rem;
  }
  .md\:pb-9 {
    padding-bottom: 5rem;
  }
  .md\:pl-9 {
    padding-left: 5rem;
  }
  .md\:px-9 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .md\:py-9 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:m-9 {
    margin: 5rem;
  }
  .md\:mt-9 {
    margin-top: 5rem;
  }
  .md\:mr-9 {
    margin-right: 5rem;
  }
  .md\:mb-9 {
    margin-bottom: 5rem;
  }
  .md\:ml-9 {
    margin-left: 5rem;
  }
  .md\:mx-9 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .md\:my-9 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 572px) {
  .md\:p-10 {
    padding: 10rem;
  }
  .md\:pt-10 {
    padding-top: 10rem;
  }
  .md\:pr-10 {
    padding-right: 10rem;
  }
  .md\:pb-10 {
    padding-bottom: 10rem;
  }
  .md\:pl-10 {
    padding-left: 10rem;
  }
  .md\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .md\:py-10 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .md\:m-10 {
    margin: 10rem;
  }
  .md\:mt-10 {
    margin-top: 10rem;
  }
  .md\:mr-10 {
    margin-right: 10rem;
  }
  .md\:mb-10 {
    margin-bottom: 10rem;
  }
  .md\:ml-10 {
    margin-left: 10rem;
  }
  .md\:mx-10 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .md\:my-10 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}
@media (min-width: 572px) {
  .md\:p-auto {
    padding: auto;
  }
  .md\:pt-auto {
    padding-top: auto;
  }
  .md\:pr-auto {
    padding-right: auto;
  }
  .md\:pb-auto {
    padding-bottom: auto;
  }
  .md\:pl-auto {
    padding-left: auto;
  }
  .md\:px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .md\:py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .md\:m-auto {
    margin: auto;
  }
  .md\:mt-auto {
    margin-top: auto;
  }
  .md\:mr-auto {
    margin-right: auto;
  }
  .md\:mb-auto {
    margin-bottom: auto;
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:pr-0 {
    padding-right: 0;
  }
  .lg\:pb-0 {
    padding-bottom: 0;
  }
  .lg\:pl-0 {
    padding-left: 0;
  }
  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg\:m-0 {
    margin: 0;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mr-0 {
    margin-right: 0;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:ml-0 {
    margin-left: 0;
  }
  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .lg\:p-1 {
    padding: 0.5rem;
  }
  .lg\:pt-1 {
    padding-top: 0.5rem;
  }
  .lg\:pr-1 {
    padding-right: 0.5rem;
  }
  .lg\:pb-1 {
    padding-bottom: 0.5rem;
  }
  .lg\:pl-1 {
    padding-left: 0.5rem;
  }
  .lg\:px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg\:m-1 {
    margin: 0.5rem;
  }
  .lg\:mt-1 {
    margin-top: 0.5rem;
  }
  .lg\:mr-1 {
    margin-right: 0.5rem;
  }
  .lg\:mb-1 {
    margin-bottom: 0.5rem;
  }
  .lg\:ml-1 {
    margin-left: 0.5rem;
  }
  .lg\:mx-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .lg\:my-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 768px) {
  .lg\:p-2 {
    padding: 0.75rem;
  }
  .lg\:pt-2 {
    padding-top: 0.75rem;
  }
  .lg\:pr-2 {
    padding-right: 0.75rem;
  }
  .lg\:pb-2 {
    padding-bottom: 0.75rem;
  }
  .lg\:pl-2 {
    padding-left: 0.75rem;
  }
  .lg\:px-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:py-2 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .lg\:m-2 {
    margin: 0.75rem;
  }
  .lg\:mt-2 {
    margin-top: 0.75rem;
  }
  .lg\:mr-2 {
    margin-right: 0.75rem;
  }
  .lg\:mb-2 {
    margin-bottom: 0.75rem;
  }
  .lg\:ml-2 {
    margin-left: 0.75rem;
  }
  .lg\:mx-2 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .lg\:my-2 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 768px) {
  .lg\:p-3 {
    padding: 1rem;
  }
  .lg\:pt-3 {
    padding-top: 1rem;
  }
  .lg\:pr-3 {
    padding-right: 1rem;
  }
  .lg\:pb-3 {
    padding-bottom: 1rem;
  }
  .lg\:pl-3 {
    padding-left: 1rem;
  }
  .lg\:px-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg\:m-3 {
    margin: 1rem;
  }
  .lg\:mt-3 {
    margin-top: 1rem;
  }
  .lg\:mr-3 {
    margin-right: 1rem;
  }
  .lg\:mb-3 {
    margin-bottom: 1rem;
  }
  .lg\:ml-3 {
    margin-left: 1rem;
  }
  .lg\:mx-3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg\:my-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .lg\:p-4 {
    padding: 1.5rem;
  }
  .lg\:pt-4 {
    padding-top: 1.5rem;
  }
  .lg\:pr-4 {
    padding-right: 1.5rem;
  }
  .lg\:pb-4 {
    padding-bottom: 1.5rem;
  }
  .lg\:pl-4 {
    padding-left: 1.5rem;
  }
  .lg\:px-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:m-4 {
    margin: 1.5rem;
  }
  .lg\:mt-4 {
    margin-top: 1.5rem;
  }
  .lg\:mr-4 {
    margin-right: 1.5rem;
  }
  .lg\:mb-4 {
    margin-bottom: 1.5rem;
  }
  .lg\:ml-4 {
    margin-left: 1.5rem;
  }
  .lg\:mx-4 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .lg\:my-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 768px) {
  .lg\:p-5 {
    padding: 2rem;
  }
  .lg\:pt-5 {
    padding-top: 2rem;
  }
  .lg\:pr-5 {
    padding-right: 2rem;
  }
  .lg\:pb-5 {
    padding-bottom: 2rem;
  }
  .lg\:pl-5 {
    padding-left: 2rem;
  }
  .lg\:px-5 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:m-5 {
    margin: 2rem;
  }
  .lg\:mt-5 {
    margin-top: 2rem;
  }
  .lg\:mr-5 {
    margin-right: 2rem;
  }
  .lg\:mb-5 {
    margin-bottom: 2rem;
  }
  .lg\:ml-5 {
    margin-left: 2rem;
  }
  .lg\:mx-5 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .lg\:my-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .lg\:p-6 {
    padding: 2.5rem;
  }
  .lg\:pt-6 {
    padding-top: 2.5rem;
  }
  .lg\:pr-6 {
    padding-right: 2.5rem;
  }
  .lg\:pb-6 {
    padding-bottom: 2.5rem;
  }
  .lg\:pl-6 {
    padding-left: 2.5rem;
  }
  .lg\:px-6 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:py-6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .lg\:m-6 {
    margin: 2.5rem;
  }
  .lg\:mt-6 {
    margin-top: 2.5rem;
  }
  .lg\:mr-6 {
    margin-right: 2.5rem;
  }
  .lg\:mb-6 {
    margin-bottom: 2.5rem;
  }
  .lg\:ml-6 {
    margin-left: 2.5rem;
  }
  .lg\:mx-6 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .lg\:my-6 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 768px) {
  .lg\:p-7 {
    padding: 3rem;
  }
  .lg\:pt-7 {
    padding-top: 3rem;
  }
  .lg\:pr-7 {
    padding-right: 3rem;
  }
  .lg\:pb-7 {
    padding-bottom: 3rem;
  }
  .lg\:pl-7 {
    padding-left: 3rem;
  }
  .lg\:px-7 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:py-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg\:m-7 {
    margin: 3rem;
  }
  .lg\:mt-7 {
    margin-top: 3rem;
  }
  .lg\:mr-7 {
    margin-right: 3rem;
  }
  .lg\:mb-7 {
    margin-bottom: 3rem;
  }
  .lg\:ml-7 {
    margin-left: 3rem;
  }
  .lg\:mx-7 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .lg\:my-7 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 768px) {
  .lg\:p-8 {
    padding: 4rem;
  }
  .lg\:pt-8 {
    padding-top: 4rem;
  }
  .lg\:pr-8 {
    padding-right: 4rem;
  }
  .lg\:pb-8 {
    padding-bottom: 4rem;
  }
  .lg\:pl-8 {
    padding-left: 4rem;
  }
  .lg\:px-8 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg\:py-8 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg\:m-8 {
    margin: 4rem;
  }
  .lg\:mt-8 {
    margin-top: 4rem;
  }
  .lg\:mr-8 {
    margin-right: 4rem;
  }
  .lg\:mb-8 {
    margin-bottom: 4rem;
  }
  .lg\:ml-8 {
    margin-left: 4rem;
  }
  .lg\:mx-8 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .lg\:my-8 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  .lg\:p-9 {
    padding: 5rem;
  }
  .lg\:pt-9 {
    padding-top: 5rem;
  }
  .lg\:pr-9 {
    padding-right: 5rem;
  }
  .lg\:pb-9 {
    padding-bottom: 5rem;
  }
  .lg\:pl-9 {
    padding-left: 5rem;
  }
  .lg\:px-9 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lg\:py-9 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:m-9 {
    margin: 5rem;
  }
  .lg\:mt-9 {
    margin-top: 5rem;
  }
  .lg\:mr-9 {
    margin-right: 5rem;
  }
  .lg\:mb-9 {
    margin-bottom: 5rem;
  }
  .lg\:ml-9 {
    margin-left: 5rem;
  }
  .lg\:mx-9 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .lg\:my-9 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 768px) {
  .lg\:p-10 {
    padding: 10rem;
  }
  .lg\:pt-10 {
    padding-top: 10rem;
  }
  .lg\:pr-10 {
    padding-right: 10rem;
  }
  .lg\:pb-10 {
    padding-bottom: 10rem;
  }
  .lg\:pl-10 {
    padding-left: 10rem;
  }
  .lg\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .lg\:py-10 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .lg\:m-10 {
    margin: 10rem;
  }
  .lg\:mt-10 {
    margin-top: 10rem;
  }
  .lg\:mr-10 {
    margin-right: 10rem;
  }
  .lg\:mb-10 {
    margin-bottom: 10rem;
  }
  .lg\:ml-10 {
    margin-left: 10rem;
  }
  .lg\:mx-10 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .lg\:my-10 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}
@media (min-width: 768px) {
  .lg\:p-auto {
    padding: auto;
  }
  .lg\:pt-auto {
    padding-top: auto;
  }
  .lg\:pr-auto {
    padding-right: auto;
  }
  .lg\:pb-auto {
    padding-bottom: auto;
  }
  .lg\:pl-auto {
    padding-left: auto;
  }
  .lg\:px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .lg\:py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .lg\:m-auto {
    margin: auto;
  }
  .lg\:mt-auto {
    margin-top: auto;
  }
  .lg\:mr-auto {
    margin-right: auto;
  }
  .lg\:mb-auto {
    margin-bottom: auto;
  }
  .lg\:ml-auto {
    margin-left: auto;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 1024px) {
  .xl\:p-0 {
    padding: 0;
  }
  .xl\:pt-0 {
    padding-top: 0;
  }
  .xl\:pr-0 {
    padding-right: 0;
  }
  .xl\:pb-0 {
    padding-bottom: 0;
  }
  .xl\:pl-0 {
    padding-left: 0;
  }
  .xl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xl\:m-0 {
    margin: 0;
  }
  .xl\:mt-0 {
    margin-top: 0;
  }
  .xl\:mr-0 {
    margin-right: 0;
  }
  .xl\:mb-0 {
    margin-bottom: 0;
  }
  .xl\:ml-0 {
    margin-left: 0;
  }
  .xl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .xl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .xl\:p-1 {
    padding: 0.5rem;
  }
  .xl\:pt-1 {
    padding-top: 0.5rem;
  }
  .xl\:pr-1 {
    padding-right: 0.5rem;
  }
  .xl\:pb-1 {
    padding-bottom: 0.5rem;
  }
  .xl\:pl-1 {
    padding-left: 0.5rem;
  }
  .xl\:px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl\:py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xl\:m-1 {
    margin: 0.5rem;
  }
  .xl\:mt-1 {
    margin-top: 0.5rem;
  }
  .xl\:mr-1 {
    margin-right: 0.5rem;
  }
  .xl\:mb-1 {
    margin-bottom: 0.5rem;
  }
  .xl\:ml-1 {
    margin-left: 0.5rem;
  }
  .xl\:mx-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .xl\:my-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1024px) {
  .xl\:p-2 {
    padding: 0.75rem;
  }
  .xl\:pt-2 {
    padding-top: 0.75rem;
  }
  .xl\:pr-2 {
    padding-right: 0.75rem;
  }
  .xl\:pb-2 {
    padding-bottom: 0.75rem;
  }
  .xl\:pl-2 {
    padding-left: 0.75rem;
  }
  .xl\:px-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xl\:py-2 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .xl\:m-2 {
    margin: 0.75rem;
  }
  .xl\:mt-2 {
    margin-top: 0.75rem;
  }
  .xl\:mr-2 {
    margin-right: 0.75rem;
  }
  .xl\:mb-2 {
    margin-bottom: 0.75rem;
  }
  .xl\:ml-2 {
    margin-left: 0.75rem;
  }
  .xl\:mx-2 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .xl\:my-2 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .xl\:p-3 {
    padding: 1rem;
  }
  .xl\:pt-3 {
    padding-top: 1rem;
  }
  .xl\:pr-3 {
    padding-right: 1rem;
  }
  .xl\:pb-3 {
    padding-bottom: 1rem;
  }
  .xl\:pl-3 {
    padding-left: 1rem;
  }
  .xl\:px-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl\:py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xl\:m-3 {
    margin: 1rem;
  }
  .xl\:mt-3 {
    margin-top: 1rem;
  }
  .xl\:mr-3 {
    margin-right: 1rem;
  }
  .xl\:mb-3 {
    margin-bottom: 1rem;
  }
  .xl\:ml-3 {
    margin-left: 1rem;
  }
  .xl\:mx-3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xl\:my-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1024px) {
  .xl\:p-4 {
    padding: 1.5rem;
  }
  .xl\:pt-4 {
    padding-top: 1.5rem;
  }
  .xl\:pr-4 {
    padding-right: 1.5rem;
  }
  .xl\:pb-4 {
    padding-bottom: 1.5rem;
  }
  .xl\:pl-4 {
    padding-left: 1.5rem;
  }
  .xl\:px-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xl\:py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .xl\:m-4 {
    margin: 1.5rem;
  }
  .xl\:mt-4 {
    margin-top: 1.5rem;
  }
  .xl\:mr-4 {
    margin-right: 1.5rem;
  }
  .xl\:mb-4 {
    margin-bottom: 1.5rem;
  }
  .xl\:ml-4 {
    margin-left: 1.5rem;
  }
  .xl\:mx-4 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .xl\:my-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .xl\:p-5 {
    padding: 2rem;
  }
  .xl\:pt-5 {
    padding-top: 2rem;
  }
  .xl\:pr-5 {
    padding-right: 2rem;
  }
  .xl\:pb-5 {
    padding-bottom: 2rem;
  }
  .xl\:pl-5 {
    padding-left: 2rem;
  }
  .xl\:px-5 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xl\:py-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xl\:m-5 {
    margin: 2rem;
  }
  .xl\:mt-5 {
    margin-top: 2rem;
  }
  .xl\:mr-5 {
    margin-right: 2rem;
  }
  .xl\:mb-5 {
    margin-bottom: 2rem;
  }
  .xl\:ml-5 {
    margin-left: 2rem;
  }
  .xl\:mx-5 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xl\:my-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  .xl\:p-6 {
    padding: 2.5rem;
  }
  .xl\:pt-6 {
    padding-top: 2.5rem;
  }
  .xl\:pr-6 {
    padding-right: 2.5rem;
  }
  .xl\:pb-6 {
    padding-bottom: 2.5rem;
  }
  .xl\:pl-6 {
    padding-left: 2.5rem;
  }
  .xl\:px-6 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xl\:py-6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .xl\:m-6 {
    margin: 2.5rem;
  }
  .xl\:mt-6 {
    margin-top: 2.5rem;
  }
  .xl\:mr-6 {
    margin-right: 2.5rem;
  }
  .xl\:mb-6 {
    margin-bottom: 2.5rem;
  }
  .xl\:ml-6 {
    margin-left: 2.5rem;
  }
  .xl\:mx-6 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .xl\:my-6 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .xl\:p-7 {
    padding: 3rem;
  }
  .xl\:pt-7 {
    padding-top: 3rem;
  }
  .xl\:pr-7 {
    padding-right: 3rem;
  }
  .xl\:pb-7 {
    padding-bottom: 3rem;
  }
  .xl\:pl-7 {
    padding-left: 3rem;
  }
  .xl\:px-7 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xl\:py-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .xl\:m-7 {
    margin: 3rem;
  }
  .xl\:mt-7 {
    margin-top: 3rem;
  }
  .xl\:mr-7 {
    margin-right: 3rem;
  }
  .xl\:mb-7 {
    margin-bottom: 3rem;
  }
  .xl\:ml-7 {
    margin-left: 3rem;
  }
  .xl\:mx-7 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .xl\:my-7 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .xl\:p-8 {
    padding: 4rem;
  }
  .xl\:pt-8 {
    padding-top: 4rem;
  }
  .xl\:pr-8 {
    padding-right: 4rem;
  }
  .xl\:pb-8 {
    padding-bottom: 4rem;
  }
  .xl\:pl-8 {
    padding-left: 4rem;
  }
  .xl\:px-8 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xl\:py-8 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .xl\:m-8 {
    margin: 4rem;
  }
  .xl\:mt-8 {
    margin-top: 4rem;
  }
  .xl\:mr-8 {
    margin-right: 4rem;
  }
  .xl\:mb-8 {
    margin-bottom: 4rem;
  }
  .xl\:ml-8 {
    margin-left: 4rem;
  }
  .xl\:mx-8 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .xl\:my-8 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .xl\:p-9 {
    padding: 5rem;
  }
  .xl\:pt-9 {
    padding-top: 5rem;
  }
  .xl\:pr-9 {
    padding-right: 5rem;
  }
  .xl\:pb-9 {
    padding-bottom: 5rem;
  }
  .xl\:pl-9 {
    padding-left: 5rem;
  }
  .xl\:px-9 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .xl\:py-9 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .xl\:m-9 {
    margin: 5rem;
  }
  .xl\:mt-9 {
    margin-top: 5rem;
  }
  .xl\:mr-9 {
    margin-right: 5rem;
  }
  .xl\:mb-9 {
    margin-bottom: 5rem;
  }
  .xl\:ml-9 {
    margin-left: 5rem;
  }
  .xl\:mx-9 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .xl\:my-9 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .xl\:p-10 {
    padding: 10rem;
  }
  .xl\:pt-10 {
    padding-top: 10rem;
  }
  .xl\:pr-10 {
    padding-right: 10rem;
  }
  .xl\:pb-10 {
    padding-bottom: 10rem;
  }
  .xl\:pl-10 {
    padding-left: 10rem;
  }
  .xl\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xl\:py-10 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .xl\:m-10 {
    margin: 10rem;
  }
  .xl\:mt-10 {
    margin-top: 10rem;
  }
  .xl\:mr-10 {
    margin-right: 10rem;
  }
  .xl\:mb-10 {
    margin-bottom: 10rem;
  }
  .xl\:ml-10 {
    margin-left: 10rem;
  }
  .xl\:mx-10 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .xl\:my-10 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}
@media (min-width: 1024px) {
  .xl\:p-auto {
    padding: auto;
  }
  .xl\:pt-auto {
    padding-top: auto;
  }
  .xl\:pr-auto {
    padding-right: auto;
  }
  .xl\:pb-auto {
    padding-bottom: auto;
  }
  .xl\:pl-auto {
    padding-left: auto;
  }
  .xl\:px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .xl\:py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .xl\:m-auto {
    margin: auto;
  }
  .xl\:mt-auto {
    margin-top: auto;
  }
  .xl\:mr-auto {
    margin-right: auto;
  }
  .xl\:mb-auto {
    margin-bottom: auto;
  }
  .xl\:ml-auto {
    margin-left: auto;
  }
  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-0 {
    padding: 0;
  }
  .xxl\:pt-0 {
    padding-top: 0;
  }
  .xxl\:pr-0 {
    padding-right: 0;
  }
  .xxl\:pb-0 {
    padding-bottom: 0;
  }
  .xxl\:pl-0 {
    padding-left: 0;
  }
  .xxl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xxl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xxl\:m-0 {
    margin: 0;
  }
  .xxl\:mt-0 {
    margin-top: 0;
  }
  .xxl\:mr-0 {
    margin-right: 0;
  }
  .xxl\:mb-0 {
    margin-bottom: 0;
  }
  .xxl\:ml-0 {
    margin-left: 0;
  }
  .xxl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .xxl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-1 {
    padding: 0.5rem;
  }
  .xxl\:pt-1 {
    padding-top: 0.5rem;
  }
  .xxl\:pr-1 {
    padding-right: 0.5rem;
  }
  .xxl\:pb-1 {
    padding-bottom: 0.5rem;
  }
  .xxl\:pl-1 {
    padding-left: 0.5rem;
  }
  .xxl\:px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xxl\:py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xxl\:m-1 {
    margin: 0.5rem;
  }
  .xxl\:mt-1 {
    margin-top: 0.5rem;
  }
  .xxl\:mr-1 {
    margin-right: 0.5rem;
  }
  .xxl\:mb-1 {
    margin-bottom: 0.5rem;
  }
  .xxl\:ml-1 {
    margin-left: 0.5rem;
  }
  .xxl\:mx-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .xxl\:my-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-2 {
    padding: 0.75rem;
  }
  .xxl\:pt-2 {
    padding-top: 0.75rem;
  }
  .xxl\:pr-2 {
    padding-right: 0.75rem;
  }
  .xxl\:pb-2 {
    padding-bottom: 0.75rem;
  }
  .xxl\:pl-2 {
    padding-left: 0.75rem;
  }
  .xxl\:px-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xxl\:py-2 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .xxl\:m-2 {
    margin: 0.75rem;
  }
  .xxl\:mt-2 {
    margin-top: 0.75rem;
  }
  .xxl\:mr-2 {
    margin-right: 0.75rem;
  }
  .xxl\:mb-2 {
    margin-bottom: 0.75rem;
  }
  .xxl\:ml-2 {
    margin-left: 0.75rem;
  }
  .xxl\:mx-2 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .xxl\:my-2 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-3 {
    padding: 1rem;
  }
  .xxl\:pt-3 {
    padding-top: 1rem;
  }
  .xxl\:pr-3 {
    padding-right: 1rem;
  }
  .xxl\:pb-3 {
    padding-bottom: 1rem;
  }
  .xxl\:pl-3 {
    padding-left: 1rem;
  }
  .xxl\:px-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xxl\:py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xxl\:m-3 {
    margin: 1rem;
  }
  .xxl\:mt-3 {
    margin-top: 1rem;
  }
  .xxl\:mr-3 {
    margin-right: 1rem;
  }
  .xxl\:mb-3 {
    margin-bottom: 1rem;
  }
  .xxl\:ml-3 {
    margin-left: 1rem;
  }
  .xxl\:mx-3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xxl\:my-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-4 {
    padding: 1.5rem;
  }
  .xxl\:pt-4 {
    padding-top: 1.5rem;
  }
  .xxl\:pr-4 {
    padding-right: 1.5rem;
  }
  .xxl\:pb-4 {
    padding-bottom: 1.5rem;
  }
  .xxl\:pl-4 {
    padding-left: 1.5rem;
  }
  .xxl\:px-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xxl\:py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .xxl\:m-4 {
    margin: 1.5rem;
  }
  .xxl\:mt-4 {
    margin-top: 1.5rem;
  }
  .xxl\:mr-4 {
    margin-right: 1.5rem;
  }
  .xxl\:mb-4 {
    margin-bottom: 1.5rem;
  }
  .xxl\:ml-4 {
    margin-left: 1.5rem;
  }
  .xxl\:mx-4 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .xxl\:my-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-5 {
    padding: 2rem;
  }
  .xxl\:pt-5 {
    padding-top: 2rem;
  }
  .xxl\:pr-5 {
    padding-right: 2rem;
  }
  .xxl\:pb-5 {
    padding-bottom: 2rem;
  }
  .xxl\:pl-5 {
    padding-left: 2rem;
  }
  .xxl\:px-5 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xxl\:py-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xxl\:m-5 {
    margin: 2rem;
  }
  .xxl\:mt-5 {
    margin-top: 2rem;
  }
  .xxl\:mr-5 {
    margin-right: 2rem;
  }
  .xxl\:mb-5 {
    margin-bottom: 2rem;
  }
  .xxl\:ml-5 {
    margin-left: 2rem;
  }
  .xxl\:mx-5 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xxl\:my-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-6 {
    padding: 2.5rem;
  }
  .xxl\:pt-6 {
    padding-top: 2.5rem;
  }
  .xxl\:pr-6 {
    padding-right: 2.5rem;
  }
  .xxl\:pb-6 {
    padding-bottom: 2.5rem;
  }
  .xxl\:pl-6 {
    padding-left: 2.5rem;
  }
  .xxl\:px-6 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xxl\:py-6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .xxl\:m-6 {
    margin: 2.5rem;
  }
  .xxl\:mt-6 {
    margin-top: 2.5rem;
  }
  .xxl\:mr-6 {
    margin-right: 2.5rem;
  }
  .xxl\:mb-6 {
    margin-bottom: 2.5rem;
  }
  .xxl\:ml-6 {
    margin-left: 2.5rem;
  }
  .xxl\:mx-6 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .xxl\:my-6 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-7 {
    padding: 3rem;
  }
  .xxl\:pt-7 {
    padding-top: 3rem;
  }
  .xxl\:pr-7 {
    padding-right: 3rem;
  }
  .xxl\:pb-7 {
    padding-bottom: 3rem;
  }
  .xxl\:pl-7 {
    padding-left: 3rem;
  }
  .xxl\:px-7 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xxl\:py-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .xxl\:m-7 {
    margin: 3rem;
  }
  .xxl\:mt-7 {
    margin-top: 3rem;
  }
  .xxl\:mr-7 {
    margin-right: 3rem;
  }
  .xxl\:mb-7 {
    margin-bottom: 3rem;
  }
  .xxl\:ml-7 {
    margin-left: 3rem;
  }
  .xxl\:mx-7 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .xxl\:my-7 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-8 {
    padding: 4rem;
  }
  .xxl\:pt-8 {
    padding-top: 4rem;
  }
  .xxl\:pr-8 {
    padding-right: 4rem;
  }
  .xxl\:pb-8 {
    padding-bottom: 4rem;
  }
  .xxl\:pl-8 {
    padding-left: 4rem;
  }
  .xxl\:px-8 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xxl\:py-8 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .xxl\:m-8 {
    margin: 4rem;
  }
  .xxl\:mt-8 {
    margin-top: 4rem;
  }
  .xxl\:mr-8 {
    margin-right: 4rem;
  }
  .xxl\:mb-8 {
    margin-bottom: 4rem;
  }
  .xxl\:ml-8 {
    margin-left: 4rem;
  }
  .xxl\:mx-8 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .xxl\:my-8 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-9 {
    padding: 5rem;
  }
  .xxl\:pt-9 {
    padding-top: 5rem;
  }
  .xxl\:pr-9 {
    padding-right: 5rem;
  }
  .xxl\:pb-9 {
    padding-bottom: 5rem;
  }
  .xxl\:pl-9 {
    padding-left: 5rem;
  }
  .xxl\:px-9 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .xxl\:py-9 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .xxl\:m-9 {
    margin: 5rem;
  }
  .xxl\:mt-9 {
    margin-top: 5rem;
  }
  .xxl\:mr-9 {
    margin-right: 5rem;
  }
  .xxl\:mb-9 {
    margin-bottom: 5rem;
  }
  .xxl\:ml-9 {
    margin-left: 5rem;
  }
  .xxl\:mx-9 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .xxl\:my-9 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-10 {
    padding: 10rem;
  }
  .xxl\:pt-10 {
    padding-top: 10rem;
  }
  .xxl\:pr-10 {
    padding-right: 10rem;
  }
  .xxl\:pb-10 {
    padding-bottom: 10rem;
  }
  .xxl\:pl-10 {
    padding-left: 10rem;
  }
  .xxl\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xxl\:py-10 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .xxl\:m-10 {
    margin: 10rem;
  }
  .xxl\:mt-10 {
    margin-top: 10rem;
  }
  .xxl\:mr-10 {
    margin-right: 10rem;
  }
  .xxl\:mb-10 {
    margin-bottom: 10rem;
  }
  .xxl\:ml-10 {
    margin-left: 10rem;
  }
  .xxl\:mx-10 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .xxl\:my-10 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}
@media (min-width: 1240px) {
  .xxl\:p-auto {
    padding: auto;
  }
  .xxl\:pt-auto {
    padding-top: auto;
  }
  .xxl\:pr-auto {
    padding-right: auto;
  }
  .xxl\:pb-auto {
    padding-bottom: auto;
  }
  .xxl\:pl-auto {
    padding-left: auto;
  }
  .xxl\:px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .xxl\:py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .xxl\:m-auto {
    margin: auto;
  }
  .xxl\:mt-auto {
    margin-top: auto;
  }
  .xxl\:mr-auto {
    margin-right: auto;
  }
  .xxl\:mb-auto {
    margin-bottom: auto;
  }
  .xxl\:ml-auto {
    margin-left: auto;
  }
  .xxl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xxl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
/* -------------------------------------------------- */
/* ==Grillade : système de micro-grille  de KNACSS   */
/* ------------------------------------------------ */
.grid {
  display: grid;
}

/* grid-template-columns initialisation */
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

/* grid-template-columns au sein des breakpoints */
/* gap initialisation */
/* gap au sein des breakpoints */
/* grid-items initialisation */
.col-start-1 {
  grid-column-start: 1;
}

.col-end-1 {
  grid-column-end: 1;
}

.col-span-1 {
  grid-column: span 1/span 1;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-end-1 {
  grid-row-end: 1;
}

.row-span-1 {
  grid-row: span 1/span 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-span-2 {
  grid-column: span 2/span 2;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-end-2 {
  grid-row-end: 2;
}

.row-span-2 {
  grid-row: span 2/span 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-end-3 {
  grid-column-end: 3;
}

.col-span-3 {
  grid-column: span 3/span 3;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-end-3 {
  grid-row-end: 3;
}

.row-span-3 {
  grid-row: span 3/span 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-end-4 {
  grid-column-end: 4;
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-end-4 {
  grid-row-end: 4;
}

.row-span-4 {
  grid-row: span 4/span 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-end-5 {
  grid-column-end: 5;
}

.col-span-5 {
  grid-column: span 5/span 5;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-end-5 {
  grid-row-end: 5;
}

.row-span-5 {
  grid-row: span 5/span 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-end-6 {
  grid-column-end: 6;
}

.col-span-6 {
  grid-column: span 6/span 6;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-end-6 {
  grid-row-end: 6;
}

.row-span-6 {
  grid-row: span 6/span 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-end-7 {
  grid-column-end: 7;
}

.col-span-7 {
  grid-column: span 7/span 7;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-end-7 {
  grid-row-end: 7;
}

.row-span-7 {
  grid-row: span 7/span 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-end-8 {
  grid-column-end: 8;
}

.col-span-8 {
  grid-column: span 8/span 8;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-8 {
  grid-row-start: 8;
}

.row-end-8 {
  grid-row-end: 8;
}

.row-span-8 {
  grid-row: span 8/span 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-end-9 {
  grid-column-end: 9;
}

.col-span-9 {
  grid-column: span 9/span 9;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-9 {
  grid-row-start: 9;
}

.row-end-9 {
  grid-row-end: 9;
}

.row-span-9 {
  grid-row: span 9/span 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-end-10 {
  grid-column-end: 10;
}

.col-span-10 {
  grid-column: span 10/span 10;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-10 {
  grid-row-start: 10;
}

.row-end-10 {
  grid-row-end: 10;
}

.row-span-10 {
  grid-row: span 10/span 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-end-11 {
  grid-column-end: 11;
}

.col-span-11 {
  grid-column: span 11/span 11;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-11 {
  grid-row-start: 11;
}

.row-end-11 {
  grid-row-end: 11;
}

.row-span-11 {
  grid-row: span 11/span 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.col-end-12 {
  grid-column-end: 12;
}

.col-span-12 {
  grid-column: span 12/span 12;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-start-12 {
  grid-row-start: 12;
}

.row-end-12 {
  grid-row-end: 12;
}

.row-span-12 {
  grid-row: span 12/span 12;
}

/* grid-items au sein des breakpoints */
/*
 * basic button component
 */
/*
 * HTML template example:
 * preferably use <button> for buttons !
 * use .button or .btn (for structure) and .btn-- (for variants) (see appearance mixin)
 */
/*
 * button reset
 */
.contenuGutenberg .wp-block-file .wp-block-file__button, .wp-block-button a,
.wp-block-button__link, .btn, .alm-btn-wrap .alm-load-more-btn, .wpforms-submit {
  display: inline-flex;
  justify-content: center;
  text-transform: uppercase;
  border-radius: 45px;
  padding: 15px 20px 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  margin: 10px 0;
  transition: all 0.1s ease;
  font-family: "Anybody", sans-serif;
  vertical-align: middle;
}
@media (max-width: 571px) {
  .contenuGutenberg .wp-block-file .wp-block-file__button, .wp-block-button a,
.wp-block-button__link, .btn, .alm-btn-wrap .alm-load-more-btn, .wpforms-submit {
    font-size: 14px;
  }
}
.contenuGutenberg .wp-block-file .wp-block-file__button:hover, .wp-block-button a:hover,
.wp-block-button__link:hover, .btn:hover, .alm-btn-wrap .alm-load-more-btn:hover, .wpforms-submit:hover {
  box-shadow: 0 0 5px 0 rgba(35, 27, 114, 0.16);
  text-decoration: none;
}
.contenuGutenberg .wp-block-file .wp-block-file__button:before, .wp-block-button a:before,
.wp-block-button__link:before, .btn:before, .alm-btn-wrap .alm-load-more-btn:before, .wpforms-submit:before {
  display: none;
}

.btn-primary, .contenuGutenberg .wp-block-file .wp-block-file__button, .btn-download,
.wp-block-button.is-style-btn-download .wp-block-button__link,
.wp-block-button__link,
.alm-btn-wrap .alm-load-more-btn,
.wpforms-submit {
  background-color: #231B72;
  color: white;
}
.btn-primary:hover, .contenuGutenberg .wp-block-file .wp-block-file__button:hover, .btn-download:hover,
.wp-block-button.is-style-btn-download .wp-block-button__link:hover,
.wp-block-button__link:hover,
.alm-btn-wrap .alm-load-more-btn:hover,
.wpforms-submit:hover {
  background-color: #EBF1F5;
  color: #231B72;
}

.btn-secondary,
.wp-block-button.is-style-btn-secondary .wp-block-button__link {
  background-color: white;
  color: #231B72;
  border: 1px solid #231B72;
}
.btn-secondary:hover,
.wp-block-button.is-style-btn-secondary .wp-block-button__link:hover {
  background-color: #231B72;
  color: white;
}

.btn-tertiary,
.wp-block-button.is-style-btn-tertiary .wp-block-button__link {
  background-color: white;
  color: #28282E;
  border: 1px solid #A7BB44;
}
.btn-tertiary:hover,
.wp-block-button.is-style-btn-tertiary .wp-block-button__link:hover {
  background-color: #A7BB44;
  color: white;
}

.btn-green,
.wp-block-button.is-style-btn-green .wp-block-button__link {
  background-color: #44A64B;
  color: white;
}
.btn-green:hover,
.wp-block-button.is-style-btn-green .wp-block-button__link:hover {
  background-color: #231B72;
  color: white;
}

.btn-download,
.wp-block-button.is-style-btn-download .wp-block-button__link {
  position: relative;
  align-items: center;
}
.btn-download:before,
.wp-block-button.is-style-btn-download .wp-block-button__link:before {
  content: "\f33d";
  font: var(--fa-font-light);
  font-weight: 300;
  font-size: 1.5rem;
  color: white;
  display: block;
  position: relative;
  left: 0;
  top: -3px;
  margin-right: 5px;
}
.btn-download:hover:before,
.wp-block-button.is-style-btn-download .wp-block-button__link:hover:before {
  color: #231B72;
}

.btn-ghost {
  color: white;
  border: 1px solid white;
  background-color: transparent;
}
.btn-ghost:hover {
  background-color: white;
  color: #231B72;
}

.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 25px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: calc(50% - 12.5px);
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #231B72;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch input:checked + .slider {
  background-color: #ffffff;
}
.switch input:checked + .slider:before {
  background-color: #231B72;
}

input:checked + .slider {
  background-color: #231B72;
}

input:focus + .slider {
  box-shadow: 0 0 1px #231B72;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*
 * component checkbox
 */
/*
 * HTML template example:
 * <input type="checkbox" class="checkbox" id="c1">
 * <label for="c1">click here</label>
 */
/*
 * checkbox variables (you can change them)
 */
/*
 * checkbox styles
 */
input[type=checkbox] {
  border-radius: 5px;
}

input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  outline: 0;
  background-color: #ffffff;
  transition: background-color 0.15s;
  cursor: pointer;
}

input[type=checkbox] + label {
  cursor: pointer;
}

input[type=checkbox]:disabled {
  opacity: 0.6;
}

input[type=checkbox]:disabled + label {
  opacity: 0.6;
  cursor: not-allowed;
}

input[type=checkbox]:checked {
  background-size: 60% 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

/*
 * component radio
 */
/*
 * HTML template example:
 * <input type="radio" class="radio" name="radio" id="r1">
 * <label for="r1">Click here</label>
 */
/*
 * radio variables (you can change them)
 */
/*
 * radio styles
 */
.radio {
  border-radius: 50%;
}

.radio {
  -webkit-appearance: none;
  appearance: none;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  outline: 0;
  box-shadow: inset 0 0 0 1px #ffffff;
  background-color: #ffffff;
  transition: background-size 0.15s;
  cursor: pointer;
}

.radio + label {
  cursor: pointer;
}

.radio:disabled {
  opacity: 0.6;
}

.radio:disabled + label {
  opacity: 0.6;
  cursor: not-allowed;
}

.radio:checked {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%2240%22%20height%3D%2240%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23ffffff%22/%3E%3C/svg%3E");
  background-size: 70% 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

/*
 * basic select component
 */
/*
HTML template example:
<select>
  <option value="salade">salade</option>
  <option value="tomate">tomate</option>
  <option value="oignons">oignons</option>
</select>
 */
select {
  appearance: none;
  background-image: url("../assets/picto-angle-bas.svg");
  background-position: right 2.2rem center;
  background-repeat: no-repeat;
  background-size: 1.4rem;
}

/*!
Theme Name: Thème EPESEM
Theme URI: http://underscores.me/
Author: la couleur du Zèbre
Author URI: https://www.lacouleurduzebre.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lcdz-starter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Thème LCDZ starter is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html,
body {
  box-sizing: border-box;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

html {
  scroll-padding-top: 12rem;
}
@media (max-width: 571px) {
  html {
    scroll-padding-top: 6rem;
  }
}

* {
  box-sizing: border-box;
}

img,
table,
td,
blockquote,
pre,
code,
input,
textarea,
select,
video,
svg,
iframe {
  max-width: 100%;
}

iframe,
img,
input,
select,
textarea {
  height: auto;
}

iframe {
  height: 100%;
}

.wp-block-embed iframe {
  height: 100%;
  width: 100%;
}
.wp-block-embed iframe[src*=youtube], .wp-block-embed iframe[src*="youtu.be"] {
  aspect-ratio: 16/9;
  height: auto;
  border-radius: 5px;
}
.wp-block-column .wp-block-embed iframe {
  min-height: 0;
}

.wp-block-embed__wrapper {
  width: 100%;
  line-height: 0;
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  overflow-wrap: break-word;
  /* 3 */
}

body {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  background-color: #ffffff;
  color: #28282E;
}
@media (max-width: 571px) {
  body {
    font-size: 1.4rem;
  }
}

nav ul {
  list-style: none;
  padding-left: 0;
}

.full-width {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.container {
  width: min(100% - 4rem, 1024px);
  margin-inline: auto;
}

.container-xxl {
  width: min(100% - 4rem, 1240px);
  margin-inline: auto;
}

.width-100 {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}

#content .alignfull {
  width: calc(100 * var(--vw, 1vw));
  position: relative;
  margin-left: calc(-50 * var(--vw, 1vw));
  left: 50%;
}

.alignwide {
  width: min(1240px, 100% - 4rem);
  position: relative;
  margin-inline: auto;
}

.container .alignwide {
  margin-left: -125px;
}
@media (max-width: 1023px) {
  .container .alignwide {
    width: 100%;
    margin-left: 0;
  }
}

.alignfull .alignwide {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 1239px) {
  .hide-xxl {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .hide-xl {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hide-l {
    display: none !important;
  }
}

/*Checkboxes and radios*/
/* checkmark style */
input[type=checkbox],
input[type=radio] {
  position: inline-flex;
  display: block;
  width: 22px;
  height: 22px;
  background-color: white;
  border: 1px solid #231B72;
  margin-right: 10px;
  cursor: pointer;
  flex: 0 0 auto;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
  background-color: #231B72;
}

/* Style des filtres */
.bouton-filtre {
  position: relative;
  padding: 21px 27px 18px 21px;
  background-color: #EBF1F5;
  color: #231B72;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  min-width: 300px;
  overflow: visible;
}
@media (min-width: 768px) {
  .bouton-filtre {
    margin-right: 25px;
  }
}
@media (max-width: 767px) {
  .bouton-filtre {
    width: 100%;
  }
}
@media (max-width: 571px) {
  .bouton-filtre {
    padding: 16px 15px 13px 21px;
  }
}
.bouton-filtre:not(.ouvert):hover {
  background-color: #231B72;
  color: #EBF1F5;
}
.bouton-filtre > span {
  font-weight: 700;
  font-size: 1.6rem;
}
.bouton-filtre > span i {
  font-size: 1.7rem;
}
.bouton-filtre > fieldset {
  display: none;
  position: absolute;
  bottom: 0;
  top: 100%;
  left: 0;
  background-color: #EBF1F5;
  color: #231B72;
  padding: 0 27px 28px 21px;
  width: 100%;
  height: max-content;
  border-radius: 0 0 15px 15px;
  font-size: 1.4rem;
  gap: 2.4rem;
  z-index: 2;
}
@media (max-width: 571px) {
  .bouton-filtre > fieldset {
    padding-top: 5px;
  }
}
.bouton-filtre.ouvert {
  border-radius: 15px 15px 0 0;
}
.bouton-filtre.ouvert > fieldset {
  display: flex;
  flex-direction: column;
}

.actus-filter--search {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #231B72;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .actus-filter--search {
    display: none;
  }
}
.actus-filter--search i {
  color: white;
  font-size: 2rem;
  height: 52px;
  width: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.actus-filter--search:hover {
  background-color: #A7BB44;
  color: #231B72;
}

.home-actus--filters {
  position: relative;
  margin-bottom: 30px;
}

.filAriane, .yoast-breadcrumbs > span {
  display: inline-block;
  padding: 4px 10px 6px;
}
@media (max-width: 571px) {
  .filAriane, .yoast-breadcrumbs > span {
    padding: 5px 8px 3px;
  }
}
.filAriane.avecFond, .yoast-breadcrumbs > span.avecFond {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.6);
}
.filAriane, .filAriane a, .yoast-breadcrumbs > span, .yoast-breadcrumbs > span a {
  color: #231B72;
}
.filAriane a, .yoast-breadcrumbs > span a {
  border-bottom: 1px solid;
}
.filAriane .breadcrumb_last, .yoast-breadcrumbs > span .breadcrumb_last {
  font-weight: 700;
}

.splide__pagination li {
  padding: 0;
}
.splide__pagination li:before {
  display: none;
}

.splide__pagination__page {
  width: 1.2rem;
  height: 1.2rem;
  background-color: #A7BB44;
  opacity: 1;
  margin: 0 5px;
  transition: margin 0.3s;
}
.splide__pagination__page.is-active {
  background-color: #231B72;
  transform: none;
  margin: 0 15px;
}
.splide__pagination__page:before {
  display: none;
}

.splide__arrow {
  background: #ffffff;
  border: 1px solid #A7BB44;
  width: 5rem;
  height: 5rem;
  opacity: 1;
  transition: width 0.3s, height 0.3s, background-color 0.3s, margin 0.3s;
}
@media (max-width: 571px) {
  .splide__arrow {
    width: 3.8rem;
    height: 3.8rem;
  }
}
.splide__arrow:hover {
  background-color: #231B72;
  border-color: #231B72;
  width: 5.5rem;
  height: 5.5rem;
}
@media (max-width: 571px) {
  .splide__arrow:hover {
    width: 4.2rem;
    height: 4.2rem;
  }
}
.splide__arrow--prev:before {
  content: url("../assets/picto-fleche-gauche.svg");
}
@media (max-width: 571px) {
  .splide__arrow--prev:before {
    transform: scale(0.8);
  }
}
.splide__arrow--prev:hover {
  margin-left: -0.25rem;
}
.splide__arrow--prev:hover:before {
  content: url("../assets/picto-fleche-gauche-blanche.svg");
}
.splide__arrow--next:before {
  content: url("../assets/picto-fleche-droite.svg");
}
@media (max-width: 571px) {
  .splide__arrow--next:before {
    transform: scale(0.8);
  }
}
.splide__arrow--next:hover {
  margin-right: -0.25rem;
}
.splide__arrow--next:hover:before {
  content: url("../assets/picto-fleche-droite-blanche.svg");
}
.splide__arrow svg {
  display: none;
}

body .cmplz-cookiebanner .cmplz-header {
  height: 140px;
  background-position: -15px -20px;
  background-size: 17rem;
}
body .cmplz-cookiebanner .cmplz-divider {
  display: none;
}

.page-bandeau {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #EBF1F5;
  overflow: hidden;
}
.page-bandeau.sansBandeau .page-bandeau--conteneur {
  padding-top: 28px;
  padding-bottom: 85px;
  min-height: 0;
}
@media (max-width: 571px) {
  .page-bandeau.sansBandeau .page-bandeau--conteneur {
    padding-top: 13px;
    padding-bottom: 7px;
  }
}
.page-bandeau.sansBandeau .page-bandeau--conteneur .filAriane {
  margin-left: -10px;
  margin-bottom: 80px;
}
@media (max-width: 571px) {
  .page-bandeau.sansBandeau .page-bandeau--conteneur .filAriane {
    margin-bottom: 40px;
  }
}
.page-bandeau .filAriane {
  margin-bottom: 30px;
}
.page-bandeau .page-titre {
  color: #A7BB44;
  margin-top: auto;
}
.page-bandeau .page-titre span {
  color: #ffffff;
}
.page-bandeau--conteneur {
  padding-top: 25px;
  padding-bottom: 30px;
  min-height: 415px;
  height: 100%;
}
@media (max-width: 571px) {
  .page-bandeau--conteneur {
    padding-top: 18px;
    padding-bottom: 8px;
    min-height: 235px;
  }
}
.page-bandeau--degrade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(50, 43, 132, 0.56) 40.78%, transparent 89.5%);
}
.page-bandeau--degrade ~ * {
  position: relative;
  z-index: 2;
}
.page-bandeau--cercle {
  position: absolute;
  background-image: url("../assets/menu-cercle-vert.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  animation: 60s linear infinite rotateCircle;
}
.page-bandeau--cercle.petit {
  bottom: 20px;
  right: -10px;
  width: 400px;
  height: 400px;
}
@media (max-width: 1023px) {
  .page-bandeau--cercle.petit {
    right: -100px;
  }
}
@media (max-width: 571px) {
  .page-bandeau--cercle.petit {
    display: none;
  }
}
.page-bandeau--cercle.grand {
  bottom: -185px;
  right: -20px;
  width: 580px;
  height: 580px;
}
@media screen and (max-width: 1500px) {
  .page-bandeau--cercle.grand {
    right: -120px;
  }
}
@media (max-width: 1023px) {
  .page-bandeau--cercle.grand {
    bottom: -155px;
    width: 480px;
    height: 480px;
  }
}
@media (max-width: 571px) {
  .page-bandeau--cercle.grand {
    bottom: auto;
    top: calc(50% - 115px);
    right: -75px;
    width: 230px;
    height: 230px;
  }
}

.alm-btn-wrap {
  display: block;
  margin: 10px 0 100px;
  padding: 10px 0 0;
  position: relative;
  text-align: center;
}
@media (max-width: 571px) {
  .alm-btn-wrap {
    margin: 14px 0 50px;
  }
}

.alm-btn-wrap:after {
  clear: both;
  content: "";
  display: table;
  height: 0;
}

.alm-btn-wrap .alm-load-more-btn.loading, .alm-btn-wrap .alm-load-more-btn:hover {
  background-color: #231B72;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
  color: #fff;
  text-decoration: none;
}

.alm-btn-wrap .alm-load-more-btn:active {
  box-shadow: none;
  text-decoration: none;
}

.alm-btn-wrap .alm-load-more-btn.loading {
  cursor: wait;
  pointer-events: none;
}

.alm-btn-wrap .alm-load-more-btn.done {
  display: none;
}

.alm-btn-wrap .alm-load-more-btn:disabled {
  background-color: #231B72;
  box-shadow: none !important;
  opacity: 0.15;
  outline: none !important;
  pointer-events: none;
}

.alm-btn-wrap .alm-elementor-link {
  display: block;
  font-size: 13px;
  margin: 0 0 15px;
}

@media screen and (min-width: 768px) {
  .alm-btn-wrap .alm-elementor-link {
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.ajax-load-more-wrap.white .alm-load-more-btn {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  color: #787878;
  outline: none;
  overflow: hidden;
  transition: none;
}

.ajax-load-more-wrap.white .alm-load-more-btn.loading, .ajax-load-more-wrap.white .alm-load-more-btn:focus, .ajax-load-more-wrap.white .alm-load-more-btn:hover {
  background-color: #fff;
  border-color: #aaa;
  color: #333;
}

.ajax-load-more-wrap.white .alm-load-more-btn.done {
  background-color: #fff;
  border-color: #ccc;
  color: #444;
}

.ajax-load-more-wrap.white .alm-load-more-btn.loading {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  color: hsla(0deg, 0%, 100%, 0) !important;
  outline: none !important;
  padding-left: 20px;
}

.ajax-load-more-wrap.white .alm-load-more-btn.loading:before {
  background-color: rgba(0, 0, 0, 0);
  background-image: url(../frontend/img/ajax-loader-lg.gif);
  background-position: 50%;
  background-size: 25px 25px;
  height: 100%;
  left: 0;
  margin: 0;
  top: 0;
  width: 100%;
}

.ajax-load-more-wrap.light-grey .alm-load-more-btn {
  background-color: #efefef;
  border: 1px solid #e0e0e0;
  color: #787878;
  outline: none;
  overflow: hidden;
  transition: all 75ms ease;
}

.ajax-load-more-wrap.light-grey .alm-load-more-btn.done, .ajax-load-more-wrap.light-grey .alm-load-more-btn.loading, .ajax-load-more-wrap.light-grey .alm-load-more-btn:focus, .ajax-load-more-wrap.light-grey .alm-load-more-btn:hover {
  background-color: #f1f1f1;
  border-color: #aaa;
  color: #222;
}

.ajax-load-more-wrap.light-grey .alm-load-more-btn.loading {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  color: hsla(0deg, 0%, 100%, 0) !important;
  outline: none !important;
  padding-left: 20px;
}

.ajax-load-more-wrap.light-grey .alm-load-more-btn.loading:before {
  background-color: rgba(0, 0, 0, 0);
  background-image: url(../frontend/img/ajax-loader-lg.gif);
  background-position: 50%;
  background-size: 25px 25px;
  height: 100%;
  left: 0;
  margin: 0;
  top: 0;
  width: 100%;
}

.ajax-load-more-wrap.blue .alm-load-more-btn {
  background-color: #1b91ca;
}

.ajax-load-more-wrap.blue .alm-load-more-btn.done, .ajax-load-more-wrap.blue .alm-load-more-btn.loading, .ajax-load-more-wrap.blue .alm-load-more-btn:hover {
  background-color: #1b84b7;
}

.ajax-load-more-wrap.green .alm-load-more-btn {
  background-color: #80ca7a;
}

.ajax-load-more-wrap.green .alm-load-more-btn.done, .ajax-load-more-wrap.green .alm-load-more-btn.loading, .ajax-load-more-wrap.green .alm-load-more-btn:hover {
  background-color: #81c17b;
}

.ajax-load-more-wrap.purple .alm-load-more-btn {
  background-color: #b97eca;
}

.ajax-load-more-wrap.purple .alm-load-more-btn.done, .ajax-load-more-wrap.purple .alm-load-more-btn.loading, .ajax-load-more-wrap.purple .alm-load-more-btn:hover {
  background-color: #a477b1;
}

.ajax-load-more-wrap.grey .alm-load-more-btn {
  background-color: #a09e9e;
}

.ajax-load-more-wrap.grey .alm-load-more-btn.done, .ajax-load-more-wrap.grey .alm-load-more-btn.loading, .ajax-load-more-wrap.grey .alm-load-more-btn:hover {
  background-color: #888;
}

.ajax-load-more-wrap.infinite > .alm-btn-wrap .alm-load-more-btn {
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: url(../frontend/img/spinner.gif);
  background-position: 50%;
  background-repeat: no-repeat;
  border: none !important;
  box-shadow: none !important;
  cursor: default !important;
  opacity: 0;
  outline: none !important;
  overflow: hidden;
  text-indent: -9999px;
  transition: opacity 0.2s ease;
  width: 100%;
}

.ajax-load-more-wrap.infinite > .alm-btn-wrap .alm-load-more-btn:before {
  display: none !important;
}

.ajax-load-more-wrap.infinite > .alm-btn-wrap .alm-load-more-btn:active, .ajax-load-more-wrap.infinite > .alm-btn-wrap .alm-load-more-btn:focus {
  outline: none;
}

.ajax-load-more-wrap.infinite > .alm-btn-wrap .alm-load-more-btn.done {
  opacity: 0;
}

.ajax-load-more-wrap.infinite > .alm-btn-wrap .alm-load-more-btn.loading {
  opacity: 1;
}

.ajax-load-more-wrap.infinite.skype > .alm-btn-wrap .alm-load-more-btn {
  background-image: url(../frontend/img/spinner-skype.gif);
}

.ajax-load-more-wrap.infinite.ring > .alm-btn-wrap .alm-load-more-btn {
  background-image: url(../frontend/img/spinner-ring.gif);
}

.ajax-load-more-wrap.infinite.fading-blocks > .alm-btn-wrap .alm-load-more-btn {
  background-image: url(../frontend/img/loader-fading-blocks.gif);
}

.ajax-load-more-wrap.infinite.fading-circles > .alm-btn-wrap .alm-load-more-btn {
  background-image: url(../frontend/img/loader-fading-circles.gif);
}

.ajax-load-more-wrap.infinite.chasing-arrows > .alm-btn-wrap .alm-load-more-btn {
  background-image: url(../frontend/img/spinner-chasing-arrows.gif);
}

.ajax-load-more-wrap.alm-horizontal .alm-btn-wrap {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 0;
}

.ajax-load-more-wrap.alm-horizontal .alm-btn-wrap button {
  margin: 0;
}

.ajax-load-more-wrap.alm-horizontal .alm-btn-wrap button.done {
  display: none;
}

.alm-btn-wrap--prev {
  clear: both;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
}

.alm-btn-wrap--prev:after {
  clear: both;
  content: "";
  display: table;
  height: 0;
}

.alm-btn-wrap--prev a.alm-load-more-btn--prev {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 15px;
  padding: 5px;
  position: relative;
  text-decoration: none;
}

.alm-btn-wrap--prev a.alm-load-more-btn--prev:focus, .alm-btn-wrap--prev a.alm-load-more-btn--prev:hover {
  text-decoration: underline;
}

.alm-btn-wrap--prev a.alm-load-more-btn--prev.loading, .alm-btn-wrap--prev a.alm-load-more-btn--prev.loading:focus {
  cursor: wait;
  text-decoration: none;
}

.alm-btn-wrap--prev a.alm-load-more-btn--prev.loading:before, .alm-btn-wrap--prev a.alm-load-more-btn--prev.loading:focus:before {
  background: url(../frontend/img/ajax-loader-lg.gif) no-repeat 0;
  background-size: 16px 16px;
  content: "";
  display: block;
  height: 16px;
  left: -18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.alm-btn-wrap--prev a.alm-load-more-btn--prev.skype.loading:before {
  background-image: url(../frontend/img/spinner-skype.gif);
}

.alm-btn-wrap--prev a.alm-load-more-btn--prev.ring.loading:before {
  background-image: url(../frontend/img/spinner-ring.gif);
}

.alm-btn-wrap--prev a.alm-load-more-btn--prev.fading-blocks.loading:before {
  background-image: url(../frontend/img/loader-fading-blocks.gif);
}

.alm-btn-wrap--prev a.alm-load-more-btn--prev.chasing-arrows.loading:before {
  background-image: url(../frontend/img/spinner-chasing-arrows.gif);
}

.alm-btn-wrap--prev a.alm-load-more-btn--prev button:not([disabled]), .alm-btn-wrap--prev a.alm-load-more-btn--prev:not(.disabled) {
  cursor: pointer;
}

.alm-btn-wrap--prev a.alm-load-more-btn--prev.done {
  display: none !important;
}

.alm-listing, .alm-paging-content {
  outline: none;
}

.alm-listing:after, .alm-paging-content:after {
  clear: both;
  content: "";
  display: table;
  height: 0;
}
@media (max-width: 571px) {
  .alm-listing:after, .alm-paging-content:after {
    display: none;
  }
}

.alm-listing {
  margin: 0;
  padding: 0;
}

.alm-listing .alm-paging-content > li, .alm-listing > li {
  position: relative;
}

.alm-listing .alm-paging-content > li.alm-item, .alm-listing > li.alm-item {
  background: none;
  list-style: none;
  margin: 0 0 30px;
  padding: 0 0 0 80px;
  position: relative;
}

@media screen and (min-width: 480px) {
  .alm-listing .alm-paging-content > li.alm-item, .alm-listing > li.alm-item {
    padding: 0 0 0 100px;
  }
}
@media screen and (min-width: 768px) {
  .alm-listing .alm-paging-content > li.alm-item, .alm-listing > li.alm-item {
    padding: 0 0 0 135px;
  }
}
@media screen and (min-width: 1024px) {
  .alm-listing .alm-paging-content > li.alm-item, .alm-listing > li.alm-item {
    padding: 0 0 0 160px;
  }
}
.alm-listing .alm-paging-content > li.alm-item h3, .alm-listing > li.alm-item h3 {
  margin: 0;
}

.alm-listing .alm-paging-content > li.alm-item p, .alm-listing > li.alm-item p {
  margin: 10px 0 0;
}

.alm-listing .alm-paging-content > li.alm-item p.entry-meta, .alm-listing > li.alm-item p.entry-meta {
  opacity: 0.75;
}

.alm-listing .alm-paging-content > li.alm-item img, .alm-listing > li.alm-item img {
  border-radius: 2px;
  left: 0;
  max-width: 65px;
  position: absolute;
  top: 0;
}

@media screen and (min-width: 480px) {
  .alm-listing .alm-paging-content > li.alm-item img, .alm-listing > li.alm-item img {
    max-width: 85px;
  }
}
@media screen and (min-width: 768px) {
  .alm-listing .alm-paging-content > li.alm-item img, .alm-listing > li.alm-item img {
    max-width: 115px;
  }
}
@media screen and (min-width: 1024px) {
  .alm-listing .alm-paging-content > li.alm-item img, .alm-listing > li.alm-item img {
    max-width: 140px;
  }
}
.alm-listing .alm-paging-content > li.no-img, .alm-listing > li.no-img {
  padding: 0;
}

.alm-listing.products li.product {
  padding-left: inherit;
}

.alm-listing.products li.product img {
  border-radius: inherit;
  position: static;
}

.alm-listing.stylefree .alm-paging-content > li, .alm-listing.stylefree > li {
  margin: inherit;
  padding: inherit;
}

.alm-listing.stylefree .alm-paging-content > li img, .alm-listing.stylefree > li img {
  border-radius: inherit;
  margin: inherit;
  padding: inherit;
  position: static;
}

.alm-listing.rtl .alm-paging-content > li {
  padding: 0 170px 0 0;
  text-align: right;
}

.alm-listing.rtl .alm-paging-content > li img {
  left: auto;
  right: 0;
}

.alm-listing.rtl.products li.product {
  padding-right: inherit;
}

.alm-masonry {
  clear: both;
  display: block;
  overflow: hidden;
}

.alm-placeholder {
  display: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.ajax-load-more-wrap.alm-horizontal {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.ajax-load-more-wrap.alm-horizontal .alm-listing {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.ajax-load-more-wrap.alm-horizontal .alm-listing > li.alm-item {
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: 4px;
  height: auto;
  margin: 0 2px;
  padding: 20px 20px 30px;
  text-align: center;
  width: 300px;
}

.ajax-load-more-wrap.alm-horizontal .alm-listing > li.alm-item img {
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.075);
  margin: 0 auto 15px;
  max-width: 125px;
  position: static;
}

.ajax-load-more-wrap.alm-horizontal .alm-listing:after {
  display: none;
}

.alm-toc {
  display: flex;
  padding: 10px 0;
  width: auto;
}

.alm-toc button {
  background: #f7f7f7;
  border: 1px solid #efefef;
  border-radius: 4px;
  box-shadow: none;
  color: #454545;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  margin: 0 5px 0 0;
  outline: none;
  padding: 7px 10px;
  transition: all 0.15s ease;
}

.alm-toc button:focus, .alm-toc button:hover {
  border-color: #ccc;
  color: #222;
}

.alm-toc button:hover {
  text-decoration: underline;
}

.alm-toc button:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

body.front div.wpforms-container label, body.front div.wpforms-container legend {
  font-size: 1.4rem;
  margin-left: 1.8rem;
  margin-bottom: 1rem;
}
@media (max-width: 571px) {
  body.front div.wpforms-container label, body.front div.wpforms-container legend {
    margin-left: 1rem;
  }
}
body.front div.wpforms-container input[type=text], body.front div.wpforms-container input[type=email], body.front div.wpforms-container input[type=tel], body.front div.wpforms-container select, body.front div.wpforms-container textarea {
  background-color: #ffffff;
  color: #231B72;
  padding: 2rem;
  border-radius: 5px;
}
@media (max-width: 571px) {
  body.front div.wpforms-container input[type=text], body.front div.wpforms-container input[type=email], body.front div.wpforms-container input[type=tel], body.front div.wpforms-container select, body.front div.wpforms-container textarea {
    padding: 1rem;
  }
}
body.front div.wpforms-container input[type=text], body.front div.wpforms-container input[type=email], body.front div.wpforms-container input[type=tel], body.front div.wpforms-container select {
  height: 7rem;
}
@media (max-width: 571px) {
  body.front div.wpforms-container input[type=text], body.front div.wpforms-container input[type=email], body.front div.wpforms-container input[type=tel], body.front div.wpforms-container select {
    height: 6rem;
  }
}
body.front div.wpforms-container textarea {
  min-height: 26rem;
}
body.front div.wpforms-container input[type=checkbox], body.front div.wpforms-container input[type=radio] {
  width: 2.2rem;
  height: 2.2rem;
}
body.front div.wpforms-container input[type=radio] {
  border-radius: 50%;
  appearance: none;
}
body.front div.wpforms-container ul li {
  padding-left: 55px;
}
@media (max-width: 767px) {
  body.front div.wpforms-container ul li {
    padding-left: 15px;
  }
}
@media (max-width: 571px) {
  body.front div.wpforms-container ul li {
    padding-left: 0;
  }
}
body.front div.wpforms-container ul li:before {
  display: none;
}
body.front div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row {
  margin-left: -16px;
  margin-right: -16px;
}
@media screen and (max-width: 600px) {
  body.front div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.front div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column {
  padding: 0 16px;
}
@media screen and (max-width: 600px) {
  body.front div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column {
    padding: 0;
  }
}
body.front div.wpforms-container .wpforms-field:not(.wpforms-field-layout) {
  padding: 15px 0 8px;
}
@media (max-width: 571px) {
  body.front div.wpforms-container .wpforms-field:not(.wpforms-field-layout) {
    padding-bottom: 15px;
  }
}
body.front div.wpforms-container .wpforms-field-html:not(.wpforms-field-layout) {
  padding: 1.5rem 0 0.8rem;
}
@media (max-width: 571px) {
  body.front div.wpforms-container .wpforms-field-html:not(.wpforms-field-layout) {
    padding-top: 0.8rem;
  }
}
body.front div.wpforms-container .wpforms-field-html:not(.wpforms-field-layout) p {
  margin-top: 0;
  margin-bottom: 6px;
}
body.front div.wpforms-container .wpforms-field-checkbox ul, body.front div.wpforms-container .wpforms-field-radio ul {
  padding: 2rem 0 0.5rem;
  background-color: #ffffff;
}
body.front div.wpforms-container .wpforms-field-checkbox ul li, body.front div.wpforms-container .wpforms-field-radio ul li {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-left: 2.2rem;
}
@media (max-width: 571px) {
  body.front div.wpforms-container .wpforms-field-checkbox ul li, body.front div.wpforms-container .wpforms-field-radio ul li {
    padding-left: 1.5rem;
  }
}
body.front div.wpforms-container .wpforms-field-checkbox ul input, body.front div.wpforms-container .wpforms-field-radio ul input {
  margin-right: 0.8rem;
  border: 1px solid #28282E;
}
body.front div.wpforms-container .wpforms-field-checkbox ul label, body.front div.wpforms-container .wpforms-field-radio ul label {
  color: #231B72;
  font-size: 1.6rem;
  margin-left: 0;
  margin-bottom: 0;
}
@media (max-width: 571px) {
  body.front div.wpforms-container .wpforms-field-checkbox ul label, body.front div.wpforms-container .wpforms-field-radio ul label {
    font-size: 1.4rem;
  }
}
body.front div.wpforms-container .wpforms-field input[type=checkbox].wpforms-error, body.front div.wpforms-container .wpforms-field input[type=radio].wpforms-error {
  border: 1px solid #FF0000;
}
body.front div.wpforms-container .wpforms-field-gdpr-checkbox {
  margin-top: 1.5rem;
}
body.front div.wpforms-container .wpforms-field-gdpr-checkbox li {
  display: flex;
  align-items: center;
}
body.front div.wpforms-container .wpforms-field-gdpr-checkbox input {
  margin-right: 0;
}
body.front div.wpforms-container .wpforms-field-gdpr-checkbox label {
  font-size: 1.6rem;
  margin-bottom: 0;
}
@media (max-width: 571px) {
  body.front div.wpforms-container .wpforms-field-gdpr-checkbox label {
    font-size: 1.4rem;
  }
}
body.front div.wpforms-container .wpforms-field-gdpr-checkbox em.wpforms-error {
  margin-left: 9.7rem;
}
body.front div.wpforms-container .wpforms-submit-container {
  text-align: center;
  margin-top: 5rem;
}
@media (min-width: 768px) {
  body.front div.wpforms-container .wpforms-submit-container {
    margin-bottom: 6rem;
  }
}
@media (max-width: 571px) {
  body.front div.wpforms-container .wpforms-submit-container {
    margin-top: 1.3rem;
  }
}

body.front .wp-block-group.sticky {
  position: sticky;
  top: 12rem;
}

body.front.admin-bar .wp-block-group.sticky {
  top: calc(var(--wp-admin--admin-bar--height) + 12rem);
}

@media (max-width: 767px) {
  .pageContact-infos {
    padding-bottom: 4rem;
  }
}
.pageContact-infos .wp-block-group {
  min-height: 34.5rem;
}
@media (max-width: 767px) {
  .pageContact-infos .wp-block-group {
    min-height: 26rem;
  }
}
@media (max-width: 571px) {
  .pageContact-infos .wp-block-group {
    min-height: 23rem;
  }
}
.pageContact-infos .wp-block-group:first-of-type .wp-block-group {
  padding: 5.5rem 3rem 2rem;
}
@media (max-width: 571px) {
  .pageContact-infos .wp-block-group:first-of-type .wp-block-group {
    padding-top: 3.5rem;
  }
}
.pageContact-infos .wp-block-group:last-of-type .wp-block-group {
  padding: 2rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pageContact-infos p {
  font-size: 3rem;
}
@media (max-width: 1023px) {
  .pageContact-infos p {
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  .pageContact-infos p br {
    display: none;
  }
}
@media (max-width: 571px) {
  .pageContact-infos p {
    font-size: 1.8rem;
  }
}
.pageContact-infos a:not(.wp-element-button) {
  font-family: "Anybody", sans-serif;
  font-size: 4rem;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .pageContact-infos a:not(.wp-element-button) {
    font-size: 3rem;
  }
}
@media (max-width: 571px) {
  .pageContact-infos a:not(.wp-element-button) {
    display: block;
    text-align: center;
    font-size: 2rem;
  }
}

.popupConfirmationFormulaire--conteneur {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 100;
}
.popupConfirmationFormulaire--contenu {
  position: relative;
  background-color: #231B72;
  border-radius: 5px;
  width: min(1020px, 100% - 4rem);
  max-height: calc(100% - 4rem);
  padding: 6rem 1.5rem 3.6rem;
}
@media (max-width: 571px) {
  .popupConfirmationFormulaire--contenu {
    padding-bottom: 2.5rem;
  }
}
.popupConfirmationFormulaire--croixFermeture {
  position: absolute;
  top: 2.8rem;
  right: 3.3rem;
  color: #ffffff;
  cursor: pointer;
}
@media (max-width: 571px) {
  .popupConfirmationFormulaire--croixFermeture {
    right: 2.5rem;
  }
}
.popupConfirmationFormulaire--croixFermeture i {
  font-size: 3rem;
  margin-right: 1.5rem;
}
@media (max-width: 571px) {
  .popupConfirmationFormulaire--croixFermeture i {
    font-size: 1.8rem;
    margin-right: 0.5rem;
    margin-bottom: 0.2rem;
  }
}
.popupConfirmationFormulaire--croixFermeture span {
  font-family: "Anybody", sans-serif;
  letter-spacing: 0.8px;
}
.popupConfirmationFormulaire--pictogramme i {
  color: #A7BB44;
  font-size: 10rem;
}
@media (max-width: 571px) {
  .popupConfirmationFormulaire--pictogramme i {
    font-size: 6rem;
  }
}
.popupConfirmationFormulaire--titre {
  color: #A7BB44;
}
.popupConfirmationFormulaire--texte {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 571px) {
  .popupConfirmationFormulaire--texte {
    margin-top: -0.5rem;
    margin-bottom: 2rem;
    text-align: center;
  }
}
.popupConfirmationFormulaire--texte, .popupConfirmationFormulaire--texte a {
  color: #ffffff;
}
.popupConfirmationFormulaire--texte p {
  line-height: 1.5;
  margin-top: 0;
}
@media (max-width: 571px) {
  .popupConfirmationFormulaire--texte p {
    font-size: 1.4rem;
    line-height: 1.42;
  }
}
.popupConfirmationFormulaire--boutonFermeture {
  border: 1px solid #ffffff;
}
@media (max-width: 571px) {
  .popupConfirmationFormulaire--boutonFermeture {
    margin-top: 0;
  }
}

.contenuGutenberg h2.popupConfirmationFormulaire--titre {
  margin-top: 0.5rem;
  margin-bottom: 3.5rem;
}
@media (max-width: 571px) {
  .contenuGutenberg h2.popupConfirmationFormulaire--titre {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.confirmationFormulaireContact--image {
  border-radius: 50%;
  overflow: hidden;
  width: 10rem;
  height: 10rem;
  margin-right: 1.5rem;
}
@media (max-width: 479px) {
  .confirmationFormulaireContact--image {
    width: 7rem;
    height: 7rem;
  }
}
.confirmationFormulaireContact--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.confirmationFormulaireContact--conteneurTexte {
  color: #ffffff;
  margin-bottom: 1.5rem;
}
.confirmationFormulaireContact--conteneurTexte p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.formulaireCandidatureSpontanee-conteneur div.wpforms-container {
  margin-top: 1.6rem;
}
@media (max-width: 571px) {
  .formulaireCandidatureSpontanee-conteneur div.wpforms-container {
    margin-top: 2.1rem;
  }
}
.formulaireCandidatureSpontanee-conteneur .wpforms-field-gdpr-checkbox {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
.formulaireCandidatureSpontanee-contenu {
  width: min(1024px, 100% - 4rem);
  margin: auto;
}

body.front .formulaireCandidatureSpontanee-conteneur div.wpforms-container .wpforms-field-gdpr-checkbox {
  margin-top: 0.5rem;
}
@media (max-width: 571px) {
  body.front .formulaireCandidatureSpontanee-conteneur div.wpforms-container .wpforms-field-gdpr-checkbox {
    margin-top: 0.2rem;
  }
}
body.front .formulaireCandidatureSpontanee-conteneur div.wpforms-container .wpforms-submit-container {
  margin-top: 2.8rem;
}
@media (max-width: 571px) {
  body.front .formulaireCandidatureSpontanee-conteneur div.wpforms-container .wpforms-submit-container {
    margin-top: 0.5rem;
  }
}

.contenuGutenberg h2.formulaireCandidatureSpontanee-titre {
  margin-bottom: 1.8rem;
}
@media (max-width: 571px) {
  .contenuGutenberg h2.formulaireCandidatureSpontanee-titre {
    margin-top: 4.5rem;
    margin-bottom: 1.3rem;
  }
}

.formulaireTelechargement-conteneur {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 9999;
}
body.admin-bar .formulaireTelechargement-conteneur {
  top: calc(var(--wp-admin--admin-bar--height));
  height: calc(100dvh - var(--wp-admin--admin-bar--height));
}
.formulaireTelechargement-fond {
  position: relative;
  height: calc(100% - 6rem);
  width: min(1024px, 100% - 4rem);
  background-color: #EBF1F5;
  overflow: auto;
}
.formulaireTelechargement-fermeture {
  position: absolute;
  top: 2.8rem;
  right: 3.3rem;
  cursor: pointer;
}
@media (max-width: 571px) {
  .formulaireTelechargement-fermeture {
    right: 2.5rem;
  }
}
.formulaireTelechargement-fermeture i {
  font-size: 3rem;
  margin-right: 1.5rem;
}
@media (max-width: 571px) {
  .formulaireTelechargement-fermeture i {
    font-size: 1.8rem;
    margin-right: 0.5rem;
    margin-bottom: 0.2rem;
  }
}
.formulaireTelechargement-fermeture span {
  font-family: "Anybody", sans-serif;
  letter-spacing: 0.8px;
}
.formulaireTelechargement-contenu {
  max-width: min(81.5rem, 100% - 4rem);
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
}
.formulaireTelechargement-contenu .wpforms-field-gdpr-checkbox ul {
  padding-left: 0;
}
.formulaireTelechargement-titre {
  color: #A7BB44;
  margin-bottom: 0;
}
.formulaireTelechargement-titre i {
  font-size: 10rem;
  margin-bottom: 2.3rem;
}
@media (max-width: 571px) {
  .formulaireTelechargement-titre i {
    font-size: 7rem;
  }
}

body.front .formulaireTelechargement-contenu div.wpforms-container .wpforms-field-gdpr-checkbox li {
  padding-left: 0.5rem;
}
body.front .formulaireTelechargement-contenu div.wpforms-container .wpforms-submit-container {
  margin-top: 4rem;
  margin-bottom: 3.5rem;
}
@media (max-width: 571px) {
  body.front .formulaireTelechargement-contenu div.wpforms-container .wpforms-submit-container {
    margin-top: 3rem;
  }
}

.recherche-typePost {
  color: #44A64B;
}
@media (min-width: 572px) {
  .recherche-typePost {
    margin-bottom: -1.5rem;
  }
}

.recherche-teaser h3 {
  color: #28282E;
}

.autoclave-mobile {
  display: none !important;
}
@media (max-width: 571px) {
  .autoclave-mobile {
    display: flex !important;
  }
}

@media (max-width: 571px) {
  .autoclave-desktop {
    display: none !important;
  }
}

/* Popup Version AB */
.popup-versionAB--container {
  display: none;
  position: fixed;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
body.admin-bar .popup-versionAB--container {
  top: calc(var(--wp-admin--admin-bar--height));
  height: calc(100dvh - var(--wp-admin--admin-bar--height));
}
.popup-versionAB--content {
  position: relative;
  background-color: #231B72;
  height: min(800px, 100% - 6rem);
  width: min(1240px, 100% - 4rem);
  margin-left: auto;
  margin-right: auto;
}
body.admin-bar .popup-versionAB--content {
  height: calc(100% - 6rem - var(--wp-admin--admin-bar--height) / 2);
}
.popup-versionAB--fondImageGauche, .popup-versionAB--fondImageDroite {
  position: absolute;
  top: 0;
  background-position: center;
  background-size: cover;
  width: 50%;
  height: 100%;
}
@media (max-width: 767px) {
  .popup-versionAB--fondImageGauche, .popup-versionAB--fondImageDroite {
    width: 100%;
  }
}
.popup-versionAB--fondImageGauche {
  left: 0;
}
.popup-versionAB--fondImageDroite {
  right: 0;
}
@media (max-width: 767px) {
  .popup-versionAB--fondImageDroite {
    display: none;
  }
}
.popup-versionAB--degrade {
  position: relative;
  z-index: 5;
  background: linear-gradient(32deg, rgba(35, 27, 114, 0.6) 21.19%, rgba(29, 29, 29, 0.6) 86.23%);
  height: 100%;
  padding-bottom: 56px;
}
@media (max-width: 571px) {
  .popup-versionAB--degrade {
    padding-bottom: 42px;
  }
}
.popup-versionAB--fermeture {
  position: absolute;
  top: 25px;
  right: 38px;
  cursor: pointer;
  color: white;
  font-size: 28px;
}
@media (max-width: 571px) {
  .popup-versionAB--fermeture {
    right: 20px;
  }
}
.popup-versionAB--fermeture:hover {
  color: #A7BB44;
}
.popup-versionAB--contenu {
  width: 100%;
}
.popup-versionAB--logo {
  width: 411px;
}
@media (max-width: 571px) {
  .popup-versionAB--logo {
    width: 270px;
    margin-top: 5rem;
  }
}
.popup-versionAB--title {
  color: #ffffff;
  font-size: 2.5rem;
  margin-top: 5.2rem;
  margin-bottom: 8.2rem;
}
@media (max-width: 571px) {
  .popup-versionAB--title {
    font-size: 16px;
    margin-top: 3rem;
    margin-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.popup-versionAB--boutons {
  width: 100%;
}
@media (max-width: 571px) {
  .popup-versionAB--boutons {
    gap: 1rem;
  }
}
.popup-versionAB--boutons > * {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 768px) {
  .popup-versionAB--boutons > * {
    width: 50%;
  }
}
.popup-versionAB--bouton {
  text-transform: none;
  align-items: center;
  font-size: 1.6rem;
}
@media (min-width: 1024px) {
  .popup-versionAB--bouton {
    font-size: 1.8rem;
    padding: 22px 20px 17px;
  }
}
@media (max-width: 571px) {
  .popup-versionAB--bouton {
    padding-left: 12px;
  }
}
.popup-versionAB--bouton i {
  font-size: 3.3rem;
  margin-right: 1.8rem;
}
@media (max-width: 571px) {
  .popup-versionAB--bouton i {
    font-size: 2.7rem;
    margin-right: 0.75rem;
    margin-bottom: 0.3rem;
  }
}
.popup-versionAB--ignorer {
  position: relative;
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Anybody", sans-serif;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  transition: color 0.3s;
}
@media (max-width: 571px) {
  .popup-versionAB--ignorer {
    font-size: 16px;
  }
}
.popup-versionAB--ignorer:after {
  display: block;
  content: "";
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 5px;
  width: calc(100% - 10px);
  height: 1px;
  transition: background-color 0.3s;
}
@media (max-width: 571px) {
  .popup-versionAB--ignorer:after {
    bottom: -2px;
  }
}
.popup-versionAB--ignorer:hover {
  color: #A7BB44;
}
.popup-versionAB--ignorer:hover:after {
  background-color: #A7BB44;
}

#masquerVideo {
  position: absolute;
  top: 74.2rem;
  left: max((100vw - 1240px) / 2, 2rem);
  z-index: 5;
  color: #A7BB44;
  text-decoration: underline !important;
}
@media (max-width: 571px) {
  #masquerVideo {
    display: none;
  }
}

.wp-block-group.notreADN {
  background-position: calc((100vw - 1240px) / 2 - 41rem) 2rem !important;
}
@media (max-width: 1239px) {
  .wp-block-group.notreADN {
    background-position: -40rem 2rem !important;
  }
}
@media (max-width: 767px) {
  .wp-block-group.notreADN {
    background: none !important;
  }
}

header {
  position: fixed;
  z-index: 100;
  width: 100vw;
  background-color: transparent;
  transition: opacity 0.2s, background-color 0.3s ease-in-out;
  opacity: 1;
}
@media (max-width: 571px) {
  header {
    background-color: #ffffff;
  }
}

header.scrolled {
  background-color: white;
}

header.hide-header {
  opacity: 0;
  pointer-events: none;
}

.header-menu--open {
  background-color: white;
}

body:not(.home) main {
  padding-top: 100px;
}
@media (max-width: 571px) {
  body:not(.home) main {
    padding-top: 50px;
  }
}

.en-tete {
  max-height: 100%;
  min-height: 150px;
}

.container-logo {
  max-height: 150px;
}
@media (max-width: 571px) {
  .container-logo {
    margin-top: 10px;
  }
}
.container-logo img {
  object-fit: contain;
  max-width: 100%;
  max-height: 50px;
}
@media (max-width: 1239px) {
  .container-logo img {
    max-height: 40px;
  }
}
@media (max-width: 767px) {
  .container-logo img {
    max-height: 35px;
  }
}
@media (max-width: 571px) {
  .container-logo img {
    max-height: 30px;
  }
}
@media (max-width: 479px) {
  .container-logo img {
    max-height: 24px;
  }
}
@media screen and (max-width: 1400px) {
  .container-logo {
    width: 180px;
  }
}

.menu-back {
  color: #231B72;
  letter-spacing: 1.8px;
  line-height: 1.33;
  font-size: 1.8rem;
  gap: 2.5rem;
  margin-bottom: 1.8rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  .menu-back {
    display: none;
  }
}

.submenu-visible {
  display: flex !important;
}

.liensEvitement {
  background-color: #545454;
  border-bottom-right-radius: 2rem;
  position: fixed;
  top: -8rem;
  left: 0;
  z-index: 1000;
  transition: top 0.3s;
}
.liensEvitement.focus {
  top: 0;
}
.liensEvitement,
.liensEvitement a {
  color: #ffffff;
}
.liensEvitement a {
  border: 1px solid transparent;
  border-radius: 0.5rem;
  padding: 1rem;
}
.liensEvitement a:hover, .liensEvitement a:active, .liensEvitement a:focus {
  text-decoration: none;
  border-color: #ffffff;
}

.header-content {
  height: 100px;
  padding: 25px 40px 25px 75px;
  position: relative;
  z-index: 100;
}
@media (max-width: 1239px) {
  .header-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1023px) {
  .header-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .header-content {
    padding-left: 15px;
    padding-right: 15px;
  }
  .header-menu--open .header-content {
    border-bottom: 1px solid #28282E;
  }
}
@media (max-width: 571px) {
  .header-content {
    padding: 5px 23px 5px 16px;
    height: 50px;
    border-bottom: 1px solid #EBF1F5;
  }
}

.menu-principal {
  flex: 1;
  margin-top: 1.5rem;
}
@media (max-width: 1023px) {
  .menu-principal {
    overflow-y: auto;
  }
}

.header-toggle--container {
  background-color: white;
  border: 1px solid #231B72;
  padding: 6px 17px 6px 14px;
  border-radius: 100px;
  margin-inline: auto;
}
@media screen and (max-width: 1600px) {
  html[lang=de-DE] .header-toggle--container, html[lang=es-ES] .header-toggle--container {
    width: min-content;
  }
}
@media (max-width: 1239px) {
  .header-toggle--container {
    padding-left: 5px;
    padding-right: 10px;
  }
}
.header-toggle--container .versionElement {
  font-family: "Anybody", sans-serif;
  font-size: 1.2rem;
  color: #231B72;
  min-width: 160px;
}
.header-toggle--container i {
  color: #231B72;
  font-size: 2rem;
}
.header-toggle--container.version-B {
  background: #231B72;
}
.header-toggle--container.version-B i, .header-toggle--container.version-B .versionElement {
  color: #ffffff;
}
.header-toggle--container .switch {
  flex: 0 0 auto;
}

.header-accesRapide--container {
  gap: 17px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1239px) {
  .header-accesRapide--container {
    margin-left: auto;
    gap: 10px;
  }
}
@media (max-width: 1023px) {
  .header-accesRapide--container {
    gap: 17px;
  }
}
@media (max-width: 767px) {
  .header-accesRapide--container {
    gap: 10px;
  }
}
.header-accesRapide--container .btn-green {
  padding: 5px 20px 2px 5px;
  align-items: center;
  font-size: 1.5rem;
}
.header-accesRapide--container .btn-green svg {
  margin-right: 5px;
  margin-bottom: 4px;
  flex: 0 0 auto;
}

.header-menuPrincipal--toggle {
  background-color: white;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  border: 1px solid #231B72;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 26px;
}
@media (max-width: 1239px) {
  .header-menuPrincipal--toggle {
    margin-left: 10px;
  }
}
@media (max-width: 1023px) {
  .header-menuPrincipal--toggle {
    margin-left: 26px;
  }
}
@media (max-width: 767px) {
  .header-menuPrincipal--toggle {
    margin-left: 10px;
  }
}
@media (max-width: 571px) {
  .header-menuPrincipal--toggle {
    height: 32px;
    width: 32px;
    margin-left: 16px;
  }
}
.header-menuPrincipal--toggle > button > i {
  font-size: 2.7rem;
  color: #231B72;
}
@media (max-width: 571px) {
  .header-menuPrincipal--toggle > button > i {
    font-size: 1.7rem;
  }
}
.header-menuPrincipal--toggle .menu-toggle.open i {
  font-size: 3rem;
}
@media (max-width: 571px) {
  .header-menuPrincipal--toggle .menu-toggle.open i {
    font-size: 2rem;
  }
}

.header-megaMenu--container {
  position: absolute;
  width: 100vw;
  top: 100px;
  pointer-events: none;
  opacity: 0;
  left: 0;
  height: calc(100dvh - 100px);
  background-color: white;
  z-index: 5000;
  transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out;
  overflow-Y: auto;
  overflow-x: hidden;
}
@media (max-width: 1023px) {
  .header-megaMenu--container {
    overflow-y: hidden;
  }
}
@media (max-width: 571px) {
  .header-megaMenu--container {
    top: 50px;
    height: calc(100dvh - 50px);
  }
}
body.admin-bar .header-megaMenu--container {
  height: calc(100dvh - 100px - var(--wp-admin--admin-bar--height));
}
@media (max-width: 571px) {
  body.admin-bar .header-megaMenu--container {
    height: calc(100dvh - 50px - var(--wp-admin--admin-bar--height));
  }
}
.header-megaMenu--container.visible {
  opacity: 1;
  pointer-events: all;
}
.header-megaMenu--container:after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: -150px;
  right: -130px;
  left: auto;
  width: 600px;
  height: 600px;
  background-image: url("../assets/menu-cercle-vert.svg");
  background-size: contain;
  z-index: -1;
  pointer-events: none;
  animation: rotateCircle 60s linear infinite;
}
@media screen and (max-width: 1400px) {
  .header-megaMenu--container:after {
    width: 400px;
    height: 400px;
    bottom: -120px;
    right: -80px;
  }
}
@media (max-width: 1023px) {
  .header-megaMenu--container:after {
    display: none;
  }
}
.header-megaMenu--container a {
  color: #231B72;
  font-size: 2rem;
  font-family: "Anybody", sans-serif;
  text-decoration: none;
}
.header-megaMenu--container ul {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 0 20px;
}
.header-megaMenu--container .header-rs {
  margin-top: 1.6rem;
  margin-bottom: 3.7rem;
  gap: 2.5rem;
}
.header-megaMenu--container .header-rs a {
  font-size: 2.8rem;
}
.header-megaMenu--container .header-rs a:hover i {
  color: #A7BB44;
}
.header-megaMenu--container .niveau_1 {
  max-width: 385px;
  padding-left: 0;
  font-size: 25px;
  font-family: "Anybody", sans-serif;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 5rem;
  gap: 2.7rem;
}
@media (min-width: 768px) {
  .header-megaMenu--container .niveau_1 {
    border-right: 1px solid #28282E;
    min-height: calc(100% - 5rem);
  }
}
@media (max-width: 767px) {
  .header-megaMenu--container .niveau_1 {
    max-width: none;
    margin-bottom: 2.8rem;
    padding-right: 0;
  }
}
.header-megaMenu--container .niveau_1 > li > a {
  display: block;
  letter-spacing: 2px;
  transition: transform 0.3s, color 0.3s;
}
@media (min-width: 768px) {
  .header-megaMenu--container .niveau_1 > li > a.ouvert {
    transform: translateX(25px);
    color: #A7BB44;
  }
}
@media (max-width: 1023px) {
  .header-megaMenu--container .niveau_1 > li > a {
    font-size: 1.8rem;
    letter-spacing: 1.8px;
    line-height: 1.33;
  }
}
@media (max-width: 767px) {
  .header-megaMenu--container .niveau_1 > li.menu-item-has-children > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header-megaMenu--container .niveau_1 > li.menu-item-has-children > a:after {
    content: url("../assets/picto-angle-droit.svg");
  }
}
.header-megaMenu--container .niveau_1 a {
  transition: all 0.2s ease;
}
.header-megaMenu--container .niveau_1 a:hover {
  color: #A7BB44;
}
.header-megaMenu--container .niveau_2 {
  opacity: 0;
  position: absolute;
  left: calc((100vw - 1240px) / 2 + 405px);
  top: 165px;
  width: 55rem;
  gap: 2.3rem;
  transform: translateY(100px);
  transition: left 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 1239px) {
  .header-megaMenu--container .niveau_2 {
    left: 425px;
    width: calc(100vw - 445px);
  }
}
@media (max-width: 1023px) {
  .header-megaMenu--container .niveau_2 {
    left: 405px;
    top: 149px;
  }
}
@media (max-width: 767px) {
  .header-megaMenu--container .niveau_2 {
    top: 60px;
    left: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: calc(100% - 40px);
    background-color: #ffffff;
    transform: translateX(100px);
  }
}
.header-megaMenu--container .niveau_2.submenu-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
@media (max-width: 767px) {
  .header-megaMenu--container .niveau_2.submenu-visible {
    transform: translateX(0);
  }
}
.header-megaMenu--container .niveau_2 li a {
  font-family: "DM Sans", sans-serif;
  text-transform: none;
  color: #28282E;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.11;
  position: relative;
  display: block;
  padding-left: 50px;
  transition: all 0.5s ease;
}
@media (max-width: 767px) {
  .header-megaMenu--container .niveau_2 li a {
    font-size: 1.6rem;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .header-megaMenu--container .niveau_2 li:hover a {
    transform: translateX(5px);
  }
}
@media (min-width: 1024px) {
  .header-megaMenu--container .niveau_2 li:hover a {
    transform: translateX(25px);
  }
}
.header-megaMenu--container .niveau_2 li:before {
  content: "";
  position: relative;
  top: 10px;
  left: 30px;
  width: 0px;
  height: 2px;
  background-color: #A7BB44;
  transition: all 0.5s ease;
  display: block;
}
@media (min-width: 768px) {
  .header-megaMenu--container .niveau_2 li:hover:before {
    width: 20px;
  }
}
@media (min-width: 1024px) {
  .header-megaMenu--container .niveau_2 li:hover:before {
    width: 40px;
  }
}

.header-megaMenu--searchForm, .resultatsRecherche-formulaire {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0 30px 0;
}
@media (max-width: 767px) {
  .header-megaMenu--searchForm, .resultatsRecherche-formulaire {
    padding: 15px 0;
  }
}
.header-megaMenu--searchForm form, .resultatsRecherche-formulaire form {
  border-radius: 5px;
  background-color: #EBF1F5;
  color: #231B72;
}
.header-megaMenu--searchForm input, .resultatsRecherche-formulaire input {
  padding: 23px 20px 23px 30px;
  width: 37rem;
}
@media (max-width: 1023px) {
  .header-megaMenu--searchForm input, .resultatsRecherche-formulaire input {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .header-megaMenu--searchForm input, .resultatsRecherche-formulaire input {
    padding-left: 13px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media (max-width: 479px) {
  .header-megaMenu--searchForm input, .resultatsRecherche-formulaire input {
    width: auto;
  }
}
.header-megaMenu--searchForm input::placeholder, .resultatsRecherche-formulaire input::placeholder {
  opacity: 1;
  color: #231B72;
}
.header-megaMenu--searchForm button, .resultatsRecherche-formulaire button {
  cursor: pointer;
  padding: 10px 15px 10px 10px;
}
@media (max-width: 767px) {
  .header-megaMenu--searchForm button, .resultatsRecherche-formulaire button {
    padding: 8px 10px;
  }
}
.header-megaMenu--searchForm i, .resultatsRecherche-formulaire i {
  font-size: 2rem;
  color: #231B72;
}

.btnContact {
  padding: 10px 20px 6px;
  font-size: 1.5rem;
}
@media (min-width: 572px) {
  .btnContact {
    position: fixed;
    top: 2rem;
    z-index: 100;
  }
}
@media (max-width: 571px) {
  .btnContact {
    font-size: 1.4rem;
    padding: 4px 12px 2px;
  }
}
body.admin-bar .btnContact {
  top: calc(2rem + var(--wp-admin--admin-bar--height));
}
.btnContactMasque {
  opacity: 0;
  padding: 10px 20px 6px;
  font-size: 1.5rem;
}
@media (min-width: 572px) {
  .btnContact.mobile {
    display: none;
  }
}
@media (min-width: 572px) {
  .btnContact.fixe:not(.place) {
    display: none;
  }
}
@media (max-width: 571px) {
  .btnContact.fixe {
    display: none;
  }
}

.wpml-ls-legacy-dropdown {
  width: auto;
}
@media (max-width: 571px) {
  .wpml-ls-legacy-dropdown > ul {
    padding: 0;
  }
  .wpml-ls-legacy-dropdown > ul > li {
    display: flex;
    gap: 1rem;
  }
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  border: none;
  z-index: 5500;
}
@media (max-width: 571px) {
  .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    position: relative;
    visibility: visible;
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }
}
.wpml-ls-legacy-dropdown a.wpml-ls-link, .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  color: #231B72;
  border: 1px solid #231B72;
  padding: 0;
  font-size: 1.4rem;
}
.wpml-ls-legacy-dropdown a.wpml-ls-link:hover, .wpml-ls-legacy-dropdown a.wpml-ls-link:active, .wpml-ls-legacy-dropdown a.wpml-ls-link:focus, .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover, .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:active, .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:focus {
  background-color: #231B72;
  color: #ffffff;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
  background-color: #231B72;
  color: #ffffff;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a:after {
  display: none;
}
@media (min-width: 572px) {
  .wpml-ls-legacy-dropdown a.wpml-ls-link {
    margin-top: 1.3rem;
  }
}

.header-megaMenu--container .header-raccourcisMobile {
  border-top: 1px solid #28282E;
  margin-left: 2rem;
  margin-right: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 2.8rem;
}
.header-megaMenu--container .header-raccourcisMobile--changementVersion {
  font-family: "Anybody", sans-serif;
  font-size: 1.1rem;
  line-height: 1.2;
  margin-bottom: 1.8rem;
}
.header-megaMenu--container .header-raccourcisMobile--changementVersion i {
  font-size: 2.1rem;
}
.header-megaMenu--container .header-raccourcisMobile--changementVersion strong {
  font-size: 1.4rem;
  font-weight: 500;
}
.header-megaMenu--container .header-raccourcisMobile--flashInfos {
  color: #44A64B;
  font-size: 1.4rem;
  gap: 0.5rem;
  margin-top: 1.8rem;
  margin-bottom: 1.5rem;
}
.header-megaMenu--container .header-raccourcisMobile--flashInfos svg {
  margin-bottom: 2px;
}
.header-megaMenu--container .header-raccourcisMobile--flashInfos svg path {
  fill: #44A64B;
}
.header-megaMenu--container .header-raccourcisMobile--RS {
  margin-top: 2.5rem;
  gap: 2rem;
}
.header-megaMenu--container .header-raccourcisMobile--RS a {
  font-size: 2rem;
}

.flashsInfos-conteneur {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #231B72;
  z-index: 10;
  width: 100vw;
  height: 100dvh;
  padding-top: 11.5rem;
  padding-bottom: 4rem;
}
@media (max-width: 767px) {
  .flashsInfos-conteneur {
    padding-top: 8.7rem;
    padding-bottom: 0;
  }
}
@media (max-width: 571px) {
  .flashsInfos-conteneur {
    overflow: auto;
  }
}
body.admin-bar .flashsInfos-conteneur {
  top: var(--wp-admin--admin-bar--height);
  height: calc(100dvh - var(--wp-admin--admin-bar--height));
}
.flashsInfos-conteneur:not(.ouvert) {
  display: none;
}
.flashsInfos-contenu {
  height: 100%;
  width: min(100% - 7rem, 1240px);
  margin-inline: auto;
}
.flashsInfos-titre {
  color: #ffffff;
  margin-bottom: 3rem;
}
@media (max-width: 571px) {
  .flashsInfos-titre {
    margin-bottom: 3.7rem;
  }
}
.flashsInfos-elements {
  gap: 4.3rem 3.5rem;
}
@media (min-width: 572px) {
  .flashsInfos-elements {
    max-height: calc(100dvh - 44rem);
  }
}
@media (min-width: 768px) {
  .flashsInfos-elements {
    margin-bottom: 3rem;
    max-height: calc(100dvh - 50rem);
  }
}
@media (max-width: 767px) {
  .flashsInfos-elements {
    padding-bottom: 8rem;
  }
}
@media (max-width: 767px) {
  .flashsInfos-fermeture--conteneur {
    position: fixed;
    left: 0;
    bottom: 2rem;
    width: 100%;
  }
}
.flashsInfos-fermeture {
  color: #ffffff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .flashsInfos-fermeture {
    background-color: #ffffff;
    color: #231B72;
    border-radius: 45px;
    padding: 1.3rem 2.5rem;
    font-size: 1.6rem;
  }
}
.flashsInfos-fermeture i {
  font-size: 3rem;
  margin-right: 1.5rem;
}
@media (max-width: 767px) {
  .flashsInfos-fermeture i {
    font-size: 2.2rem;
    margin-right: 1rem;
    margin-bottom: 0.2rem;
  }
}
.flashsInfos-fermeture span {
  font-family: "Anybody", sans-serif;
  letter-spacing: 0.8px;
}

.flashInfo {
  width: 50%;
}
@media (max-width: 571px) {
  .flashInfo {
    width: 100%;
  }
}
.flashInfo-image {
  height: 100%;
  max-height: 30.5rem;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .flashInfo-image {
    max-height: 15rem;
  }
}
@media (max-width: 571px) {
  .flashInfo-image {
    height: 15rem;
  }
}
.flashInfo-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.flashInfo-titre {
  color: #ffffff;
  font-size: 2.5rem;
  margin-top: 1.7rem;
}
@media (max-width: 571px) {
  .flashInfo-titre {
    font-size: 1.4rem;
    margin-top: 2.2rem;
    margin-bottom: 1rem;
  }
  .flashInfo-titre strong {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
  }
}
.flashInfo-bouton {
  border: 1px solid #ffffff;
  margin-top: 0.2rem;
}

footer a {
  color: white;
  text-decoration: none;
}
footer a:hover {
  color: #A7BB44;
}
footer address {
  font-style: normal !important;
}

.footer-container {
  background-image: url("../assets/fond-footer.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: white;
  padding-top: 140px;
  padding-bottom: 85px;
}
@media (max-width: 1023px) {
  .footer-container {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .footer-container {
    padding-top: 25px;
    padding-bottom: 140px;
  }
}
.footer-content {
  position: relative;
  display: flex;
  gap: 1rem;
}
@media (max-width: 767px) {
  .footer-content {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer-logoAddressCol {
  width: 40.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  text-align: left;
  margin-bottom: 1rem;
  padding-left: 4rem;
  padding-top: 3.2rem;
  font-weight: 500;
}
@media (min-width: 572px) {
  .footer-logoAddressCol {
    font-size: 1.8rem;
    line-height: 1.33;
  }
}
@media screen and (max-width: 1300px) {
  .footer-logoAddressCol {
    padding-left: 5.5rem;
  }
}
@media (max-width: 767px) {
  .footer-logoAddressCol {
    width: 100%;
    text-align: center;
    padding-left: 0;
    align-items: center;
  }
}
.footer-logoAddressCol address {
  margin-bottom: 0.8rem;
}
@media (max-width: 767px) {
  .footer-logoAddressCol address {
    margin-bottom: 0.5rem;
  }
}
.footer-logoAddressCol address p {
  margin: 0;
}
.footer-logoAddressCol a.btn {
  display: inline-flex;
  text-align: center;
}
.footer-logoAddressCol p {
  margin: 0;
}
.footer-logoAddressCol i {
  font-size: 2.8rem;
}
.footer-logoBlanc {
  margin-bottom: 2.7rem;
  width: 29.5rem;
}
@media (min-width: 768px) {
  .footer-logoBlanc {
    margin-left: -5.5rem;
  }
}
@media (max-width: 767px) {
  .footer-logoBlanc {
    margin-bottom: 3.7rem;
  }
}
@media (max-width: 479px) {
  .footer-logoBlanc {
    width: 20.5rem;
  }
}
.footer-horaires {
  font-weight: 400;
}
@media (min-width: 768px) {
  .footer-horaires {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .footer-RS {
    margin-top: 0.8rem;
  }
}
.footer-menusCol {
  position: relative;
  grid-column: span 3;
  padding: 4rem 0 2.3rem 3rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  font-weight: 500;
  z-index: 2;
}
@media (min-width: 572px) {
  .footer-menusCol {
    font-size: 1.8rem;
    line-height: 1.33;
  }
}
@media (min-width: 768px) {
  .footer-menusCol {
    border-left: 1px solid #A7BB44;
    margin-top: 9.5rem;
  }
}
@media (min-width: 1024px) {
  .footer-menusCol {
    margin-left: 4rem;
  }
}
@media (max-width: 767px) {
  .footer-menusCol {
    padding-left: 0;
    padding-top: 0.4rem;
    align-items: center;
  }
}
.footer-menusCol ul {
  flex-direction: column;
  text-align: left;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .footer-menusCol ul {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer-menusCol .menu-footer-2 {
    margin-top: 2.5rem;
  }
}
.footer-illustrationCol {
  position: absolute;
  top: 0;
  right: -2rem;
  opacity: 0.45;
}
@media screen and (max-width: 1320px) {
  .footer-illustrationCol {
    right: 0;
  }
}
@media (max-width: 767px) {
  .footer-illustrationCol {
    top: auto;
    bottom: -12.5rem;
    left: calc(50% - 14.25rem);
  }
}
@media (max-width: 571px) {
  .footer-illustrationCol {
    left: calc(50% - 10.25rem);
  }
}
.footer-illustrationCol img {
  width: 38.5rem;
  animation: bounce 5s ease infinite;
}
@media (max-width: 1023px) {
  .footer-illustrationCol img {
    width: 28.5rem;
  }
}
@media (max-width: 571px) {
  .footer-illustrationCol img {
    width: 20.5rem;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.footer-retourHautPage {
  background-color: #231B72;
  color: #ffffff;
  border-radius: 50%;
  font-size: 4rem;
  width: 8.3rem;
  height: 8.3rem;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .footer-retourHautPage {
    width: 6.3rem;
    height: 6.3rem;
  }
}
.footer-retourHautPage--conteneur {
  position: fixed;
  right: 3rem;
  bottom: 3rem;
  z-index: 10;
}
@media (max-width: 1023px) {
  .footer-retourHautPage--conteneur {
    right: 2rem;
    bottom: 2rem;
  }
}

.bandeau-page-classique {
  height: 250px;
  width: 100%;
  position: relative;
}
.bandeau-page-classique img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
  z-index: 1;
}
.bandeau-page-classique:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(35, 27, 114, 0.3);
  z-index: 2;
}

article.post-type-page {
  position: relative;
}

.dernieres-actus--container {
  padding-bottom: 3.5rem;
}
.dernieres-actus--titre {
  color: #A7BB44;
  margin-bottom: 7.3rem;
}
@media (max-width: 571px) {
  .dernieres-actus--titre {
    margin-top: 2rem;
  }
}
.dernieres-actus--titre:after {
  background-color: #A7BB44;
}
.dernieres-actus--liste {
  gap: 3rem;
}
@media (max-width: 767px) {
  .dernieres-actus--liste {
    flex-wrap: wrap;
  }
}
@media (max-width: 571px) {
  .dernieres-actus--liste {
    gap: 2.8rem;
  }
}
.dernieres-actus--liste .actu-teaser {
  flex: 1;
}
@media (max-width: 767px) {
  .dernieres-actus--liste .actu-teaser {
    width: calc(50% - 1.5rem);
    flex: none;
  }
}
@media (max-width: 571px) {
  .dernieres-actus--liste .actu-teaser {
    width: 100%;
  }
}
.dernieres-actus--cta {
  width: 100%;
  margin-top: 7rem;
}
@media (max-width: 571px) {
  .dernieres-actus--cta {
    margin-top: 5.8rem;
  }
}

.contenuGutenberg h2.dernieres-actus--titre {
  margin-bottom: 5.3rem;
}
@media (max-width: 571px) {
  .contenuGutenberg h2.dernieres-actus--titre {
    margin-bottom: 4.5rem;
    margin-top: 2rem;
  }
}

.actu-teaser a,
.solution-teaser a,
.recherche-teaser a {
  display: block;
  width: 100%;
}
.actu-teaser img,
.solution-teaser img,
.recherche-teaser img {
  height: 23.6rem;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
@media (max-width: 571px) {
  .actu-teaser img,
.solution-teaser img,
.recherche-teaser img {
    height: 21.5rem;
  }
}
.actu-teaser .tag-actu,
.solution-teaser .tag-actu,
.recherche-teaser .tag-actu {
  margin-top: 3.3rem;
  font-family: "Anybody", sans-serif;
}
@media (max-width: 571px) {
  .actu-teaser .tag-actu,
.solution-teaser .tag-actu,
.recherche-teaser .tag-actu {
    margin-top: 1.6rem;
  }
}
.actu-teaser .tag-actu span,
.solution-teaser .tag-actu span,
.recherche-teaser .tag-actu span {
  padding: 0.6rem 0.75rem 0.4rem;
  margin: 0;
  color: #44A64B;
  border: 1px solid #44A64B;
  border-radius: 5px;
}
.actu-teaser h3,
.solution-teaser h3,
.recherche-teaser h3 {
  font-size: 25px;
  padding: 0;
  line-height: 30px;
  font-weight: 400;
}
.actu-teaser h3, .contenuGutenberg .actu-teaser h3,
.solution-teaser h3,
.contenuGutenberg .solution-teaser h3,
.recherche-teaser h3,
.contenuGutenberg .recherche-teaser h3 {
  margin: 3rem 0 2rem;
}
@media (max-width: 571px) {
  .actu-teaser h3, .contenuGutenberg .actu-teaser h3,
.solution-teaser h3,
.contenuGutenberg .solution-teaser h3,
.recherche-teaser h3,
.contenuGutenberg .recherche-teaser h3 {
    font-size: 1.6rem;
    line-height: 1.25;
    margin-top: 1rem;
  }
}
.actu-teaser h3 a,
.solution-teaser h3 a,
.recherche-teaser h3 a {
  color: #28282E;
}
.actu-teaser p.preview,
.solution-teaser p.preview,
.recherche-teaser p.preview {
  font-size: 2rem;
  line-height: 26px;
  color: #231B72;
  margin: 1rem 0;
}

.actu-teaser {
  border-bottom: 1px solid transparent;
  transition: padding 0.3s, margin 0.3s;
}
.actu-teaser:hover, .actu-teaser:active, .actu-teaser:focus {
  margin-top: -10px;
  padding-bottom: 10px;
  border-color: #A7BB44;
}

.solution-teaser > a:hover .solution-teaser--plus, .solution-teaser > a:active .solution-teaser--plus, .solution-teaser > a:focus .solution-teaser--plus {
  opacity: 1;
}
.solution-teaser h3 {
  position: relative;
  margin-top: 2.3rem;
  margin-bottom: 4.3rem;
  color: #A7BB44;
}
@media (max-width: 571px) {
  .solution-teaser h3 {
    font-size: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 3.3rem;
    line-height: 1.5;
  }
}
.solution-teaser h3:after {
  content: "";
  display: block;
  position: absolute;
  width: 60%;
  height: 1px;
  bottom: -2rem;
  background-color: #231B72;
}
@media (max-width: 571px) {
  .solution-teaser h3:after {
    bottom: -1.6rem;
  }
}
.solution-teaser--vignette {
  position: relative;
  height: 23.6rem;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 571px) {
  .solution-teaser--vignette {
    height: 20rem;
  }
}
.solution-teaser--vignette img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.solution-teaser--plus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #231B72;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Anybody", sans-serif;
  font-size: 10rem;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 571px) {
  .solution-teaser p.preview {
    font-size: 1.4rem;
    line-height: 1.42;
  }
}

.autresProduits-conteneur {
  margin-top: 6rem;
  margin-bottom: 10rem;
}
@media (max-width: 767px) {
  .autresProduits-conteneur {
    margin-top: 5rem;
    margin-bottom: 4.5rem;
  }
}
.autresProduits-conteneur .splide__arrow {
  top: -9.5rem;
}
@media (max-width: 767px) {
  .autresProduits-conteneur .splide__arrow {
    top: auto;
    bottom: -13.5rem;
  }
}
.autresProduits-conteneur .splide__arrow--prev {
  left: auto;
  right: calc((100vw - 1240px) / 2 + 75px);
}
@media screen and (max-width: 1275px) {
  .autresProduits-conteneur .splide__arrow--prev {
    right: 90px;
  }
}
@media (max-width: 767px) {
  .autresProduits-conteneur .splide__arrow--prev {
    left: auto;
    right: calc(50% + 1rem);
  }
}
.autresProduits-conteneur .splide__arrow--next {
  right: calc((100vw - 1240px) / 2 + 5px);
}
@media screen and (max-width: 1275px) {
  .autresProduits-conteneur .splide__arrow--next {
    right: 20px;
  }
}
@media (max-width: 767px) {
  .autresProduits-conteneur .splide__arrow--next {
    left: calc(50% + 1rem);
    right: auto;
  }
}
.autresProduits-conteneur .splide__pagination {
  bottom: -3rem;
}
@media (max-width: 571px) {
  .autresProduits-conteneur .splide__pagination {
    bottom: -4.8rem;
  }
}
.autresProduits-titre {
  color: #A7BB44;
  margin-bottom: 7.2rem;
}
@media (min-width: 768px) {
  .autresProduits-titre {
    padding-right: 16rem;
  }
}
@media (max-width: 767px) {
  .autresProduits-titre {
    margin-bottom: 4rem;
  }
}
@media (max-width: 571px) {
  .autresProduits-titre {
    margin-bottom: 1.6rem;
  }
}
.autresProduits-titre span {
  color: #231B72;
}
.autresProduits-slider {
  margin-left: calc((100vw - 1240px) / 2);
}
@media screen and (max-width: 1300px) {
  .autresProduits-slider {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (max-width: 767px) {
  .autresProduits-bouton {
    margin-top: 12rem;
  }
}

/* Liste des archives */
.page-comparateur--listeSolutions {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
.page-comparateur--listeSolutions a {
  width: 100%;
}
.page-comparateur--listeSolutions img {
  width: 100%;
  object-fit: cover;
}
.page-comparateur--listeSolutions > h2.erreur {
  grid-column: span 3;
}

.home-actus--header {
  position: relative;
}
.home-actus--header:after {
  display: block;
  content: url("../assets/fond-home.svg");
  width: 501px;
  height: 511px;
  position: absolute;
  top: 2rem;
  right: -9rem;
  z-index: -1;
}
@media (max-width: 767px) {
  .home-actus--header:after {
    display: none;
  }
}
.home-actus--header .filAriane {
  margin-left: -10px;
}
.home-actus--header h1 {
  color: #A7BB44;
  margin-top: 7.5rem;
  margin-bottom: 3.3rem;
}
@media (max-width: 571px) {
  .home-actus--header h1 {
    margin-top: 3.3rem;
    margin-bottom: 2.8rem;
  }
}
.home-actus--filters {
  row-gap: 2rem;
}
@media (min-width: 768px) {
  .home-actus--filters .filter-date {
    margin-right: 10px;
  }
}
.home-actus--filters input {
  display: none;
}
.home-actus--filters input[checked] + label {
  font-weight: 700;
}
.home-nbResultats {
  font-size: 2rem;
  color: #231B72;
  margin-top: 4rem;
  margin-bottom: 4.5rem;
}
@media (max-width: 571px) {
  .home-nbResultats {
    display: none;
  }
}
.home-nbResultats span {
  font-weight: 700;
}

.alm-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 7.5rem 3.3rem;
}
@media (max-width: 571px) {
  .alm-listing {
    gap: 6.2rem 3.3rem;
  }
}
.alm-listing > div,
.alm-listing > article {
  width: calc(33.3333333333% - 2.2rem);
}
@media (max-width: 767px) {
  .alm-listing > div,
.alm-listing > article {
    width: calc(50% - 1.7rem);
  }
}
@media (max-width: 571px) {
  .alm-listing > div,
.alm-listing > article {
    width: 100%;
  }
}

.page-comparateur--listeSolutions {
  position: relative;
  padding: 2rem 0 5rem 0;
  min-height: 600px;
  row-gap: 5rem;
}
.page-comparateur--listeSolutions > div,
.page-comparateur--listeSolutions > article {
  width: calc(33.3333333333% - 2rem);
}
@media (max-width: 767px) {
  .page-comparateur--listeSolutions > div,
.page-comparateur--listeSolutions > article {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 571px) {
  .page-comparateur--listeSolutions > div,
.page-comparateur--listeSolutions > article {
    width: 100%;
  }
}

.actualite-conteneur {
  width: min(101rem, 100%);
  margin-left: auto;
  margin-right: auto;
}
.actualite-header {
  background-color: #EBF1F5;
  background-image: url("../assets/fond-home.svg");
  background-repeat: no-repeat;
  background-position: calc(850px + (100vw - 1010px) / 2) 5rem;
  background-size: 40rem;
  padding-top: 3.5rem;
  padding-bottom: 9rem;
}
.actualite-filAriane {
  margin-bottom: 7rem;
}
.actualite-dateCategorie {
  gap: 0 2.5rem;
}
@media (max-width: 571px) {
  .actualite-dateCategorie {
    margin-top: 0.3rem;
    margin-bottom: 0.6rem;
  }
}
.page-bandeau.avecBandeau .actualite-dateCategorie {
  margin-top: 4.5rem;
}
@media (max-width: 571px) {
  .page-bandeau.avecBandeau .actualite-dateCategorie {
    margin-top: 1rem;
  }
}
.actualite-date {
  font-family: "Anybody", sans-serif;
  margin-top: 0;
}
.page-bandeau.avecBandeau .actualite-date {
  color: #ffffff;
}
.actualite-categories {
  margin-top: 0;
}
.actualite-categorie {
  font-family: "Anybody", sans-serif;
  padding: 0.4rem 0.3rem 0.2rem;
  color: #44A64B;
  border: 1px solid #44A64B;
  border-radius: 5px;
}
.page-bandeau.avecBandeau .actualite-categorie {
  color: #ffffff;
  border-color: #ffffff;
}
.actualite-titre {
  color: #A7BB44;
  max-width: 70rem;
  margin-top: 0;
}
.actualite-partage {
  margin-top: 9.7rem;
  margin-bottom: 10rem;
}
@media (max-width: 571px) {
  .actualite-partage {
    margin-top: 7.3rem;
    margin-bottom: 8.5rem;
  }
}
.actualite-partage--titre {
  font-size: 1.2rem;
  gap: 1rem;
  margin-bottom: 1.3rem;
}
.actualite-partage--titre i {
  color: #A7BB44;
  font-size: 2rem;
}
.actualite-partage--liste {
  gap: 1.5rem;
}
.actualite-partage--liste a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #A7BB44;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  color: #28282E;
}
.actualite-partage--liste a:hover, .actualite-partage--liste a:active, .actualite-partage--liste a:focus {
  color: #ffffff;
  background-color: #A7BB44;
}
.actualite-autresActualites {
  background-color: #EBF1F5;
  padding-top: 8.3rem;
  padding-bottom: 10rem;
}
@media (max-width: 571px) {
  .actualite-autresActualites {
    padding-top: 2.5rem;
    padding-bottom: 6.5rem;
  }
}
.actualite-autresActualites--titre {
  color: #A7BB44;
  margin-bottom: 7rem;
}
@media (max-width: 571px) {
  .actualite-autresActualites--titre {
    margin-bottom: 4.5rem;
  }
}
.actualite-autresActualites--titre:after {
  background-color: #A7BB44;
}
.actualite-autresActualites--liste {
  gap: 6rem 3.3rem;
}
@media (max-width: 767px) {
  .actualite-autresActualites--liste {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .actualite-autresActualites--liste .actu-teaser:nth-of-type(3) {
    display: none;
  }
}
@media (max-width: 571px) {
  .actualite-autresActualites--liste {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .actualite-autresActualites--liste .actu-teaser:nth-of-type(3) {
    display: flex;
  }
}
.actualite-autresActualites--bouton {
  margin-top: 7.2rem;
}
@media (max-width: 571px) {
  .actualite-autresActualites--bouton {
    margin-top: 3.1rem;
  }
}

@media screen and (max-width: 1030px) {
  .page-bandeau + .actualite-conteneur .contenuGutenberg > *:not(.alignfull):not(.has-background) {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

h1 {
  font-size: 5rem;
  font-family: "Anybody", sans-serif;
  font-weight: 700;
  line-height: 1.1;
}
@media (max-width: 571px) {
  h1 {
    font-size: 2.4rem;
    line-height: 1.25;
  }
}

h2 {
  font-size: 4rem;
  font-family: "Anybody", sans-serif;
  font-weight: 700;
  line-height: 1.12;
}
@media (max-width: 571px) {
  h2 {
    font-size: 2rem;
    line-height: 1.25;
  }
}
h2.souligne, h2.is-style-h2-souligne {
  position: relative;
}
h2.souligne:after, h2.is-style-h2-souligne:after {
  display: block;
  content: "";
  background-color: #ffffff;
  position: absolute;
  height: 1px;
  width: 15rem;
  bottom: -4px;
  left: 0;
}
@media (max-width: 571px) {
  h2.souligne:after, h2.is-style-h2-souligne:after {
    bottom: -13px;
  }
}

h3 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.33;
}
@media (max-width: 571px) {
  h3 {
    font-size: 1.8rem;
  }
}

h4 {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 571px) {
  h4 {
    font-size: 1.6rem;
    line-height: 1.25;
  }
}

h5 {
  font-size: 1.6rem;
  font-weight: 400;
}
@media (max-width: 571px) {
  h5 {
    font-size: 1.5rem;
  }
}

h6 {
  font-size: 1.5rem;
  font-weight: 400;
}
@media (max-width: 571px) {
  h6 {
    font-size: 1.4rem;
  }
}

.editor-styles-wrapper, .contenuGutenberg {
  font-family: "DM Sans", sans-serif;
}
.editor-styles-wrapper h2, .contenuGutenberg h2 {
  margin-top: 7.2rem;
  margin-bottom: 2.5rem;
}
.editor-styles-wrapper h3, .contenuGutenberg h3 {
  margin-top: 5rem;
  margin-bottom: 2.5rem;
}
.editor-styles-wrapper li, .contenuGutenberg li {
  position: relative;
  padding-left: 21px;
  margin-bottom: 0;
  list-style: none;
}
.editor-styles-wrapper li::before, .contenuGutenberg li::before {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 14px;
  height: 1px;
  background-color: #A7BB44;
}
.editor-styles-wrapper li::marker, .contenuGutenberg li::marker {
  display: none;
}
.editor-styles-wrapper p, .contenuGutenberg p {
  margin-bottom: 1rem;
}

main ul {
  list-style-type: none;
  padding: 0;
}
main li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
main li::before {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: -5px;
  width: 15px;
  height: 2px;
  background-color: #A7BB44;
}
main a {
  text-decoration: none !important;
}
main li a:not(.btn, .wp-block-button__link) {
  color: #A7BB44;
  text-decoration: none;
  transition: color 0.3s;
  position: relative;
}
main li a:not(.btn, .wp-block-button__link):before {
  transition: all 0.3s ease;
  width: 0;
  content: "";
  position: absolute;
  bottom: -5px;
  top: auto;
  left: 0;
  height: 2px;
  background-color: #A7BB44;
  transform: translateY(-50%);
}
main li a:not(.btn, .wp-block-button__link):hover:before {
  width: 100%;
}
main p a:not(.btn, .wp-block-button__link) {
  color: #A7BB44;
  text-decoration: none;
  transition: color 0.3s;
  position: relative;
}
main p a:not(.btn, .wp-block-button__link):before {
  transition: all 0.3s ease;
  width: 0;
  content: "";
  position: absolute;
  bottom: -5px;
  top: auto;
  left: 0;
  height: 2px;
  background-color: #A7BB44;
  transform: translateY(-50%);
}
main p a:not(.btn, .wp-block-button__link):hover:before {
  width: 100%;
}

.has-anybody-regular-font-family {
  font-family: "Anybody", sans-serif !important;
}

.loader {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #231B72 94%, rgba(0, 0, 0, 0)) top/9px 9px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #231B72);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 9px), #000 0);
  animation: spinner-lcdz 1s infinite linear;
}

@keyframes spinner-lcdz {
  100% {
    transform: rotate(1turn);
  }
}
@media (min-width: 480px) {
  .card--container {
    flex-basis: 300px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}

.card--image {
  object-fit: cover;
  max-width: 100%;
  height: auto;
}

.card--title {
  text-align: center;
}

.is-style-texte-introduction {
  font-size: 2rem;
  line-height: 1.3;
}
@media (max-width: 571px) {
  .is-style-texte-introduction {
    font-size: 1.4rem;
    line-height: 1.42;
  }
}

h2.has-white-color.souligne:after, h2.has-white-color.is-style-h2-souligne:after {
  background-color: #ffffff;
}

h2.has-black-color.souligne:after, h2.has-black-color.is-style-h2-souligne:after {
  background-color: #000000;
}

h2.has-steritech-noir-color.souligne:after, h2.has-steritech-noir-color.is-style-h2-souligne:after {
  background-color: #28282E;
}

h2.has-steritech-bleu-clair-color.souligne:after, h2.has-steritech-bleu-clair-color.is-style-h2-souligne:after {
  background-color: #EBF1F5;
}

h2.has-steritech-bleu-fonce-color .souligne:after, h2.has-steritech-bleu-fonce-color.is-style-h2-souligne:after {
  background-color: #231B72;
}

h2.has-steritech-vert-color.souligne:after, h2.has-steritech-vert-color.is-style-h2-souligne:after {
  background-color: #A7BB44;
}

h2.has-steritech-vert-flash-color.souligne:after, h2.has-steritech-vert-flash-color.is-style-h2-souligne:after {
  background-color: #44A64B;
}

h2.has-steritech-jaune-color.souligne:after, h2.has-steritech-jaune-color.is-style-h2-souligne:after {
  background-color: #F5CE39;
}

.bloc-rubrique--grille {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.bloc-rubrique--element {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #545454;
  height: 250px;
  position: relative;
}
.bloc-rubrique--element:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(35, 27, 114, 0.3);
  z-index: 2;
}
.bloc-rubrique h2 {
  position: relative;
  z-index: 3;
  color: #ffffff;
}

.wp-block-separator {
  border-top: 1px solid;
}

/* Images and positions */
.contenuGutenberg > *:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright):not(.conteneur):not(.bloc-carrefour):not(.bloc-chiffreCle--container) {
  width: min(1024px, 100% - 4rem);
  margin-left: auto;
  margin-right: auto;
}
.contenuGutenberg .alignright {
  text-align: right;
}
.contenuGutenberg .alignleft {
  text-align: left;
}
.contenuGutenberg .aligncenter {
  text-align: center;
}
.contenuGutenberg .alignfull .is-layout-constrained:not(.alignwide) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  width: min(1240px, 100%);
  max-width: none;
}
.contenuGutenberg .is-layout-constrained.alignwide > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1240px;
}
.contenuGutenberg .wp-block-file {
  margin: 3rem 0;
}
.contenuGutenberg .wp-block-file a {
  margin: 0 2rem;
}
.is-style-banniere-accueil {
  min-height: 80rem;
  overflow-y: visible;
  background-size: cover;
}
@media (max-width: 571px) {
  .is-style-banniere-accueil {
    min-height: 59rem;
  }
}
body.front .is-style-banniere-accueil:after {
  position: absolute;
  bottom: -17.8rem;
  right: -21rem;
  z-index: 2;
  content: url("../assets/fond-banniere-accueil.svg");
  animation: 60s linear infinite rotateCircle;
}
@media (max-width: 1023px) {
  body.front .is-style-banniere-accueil:after {
    display: none;
  }
}
.is-style-banniere-accueil .wp-block-cover__background {
  background: radial-gradient(#000 0%, transparent);
  background-color: transparent !important;
  opacity: 1;
}
.is-style-banniere-accueil .wp-block-cover__inner-container {
  position: relative;
  z-index: 5;
}
.is-style-banniere-accueil h1 {
  position: relative;
  margin-top: 6rem !important;
  margin-bottom: 4rem;
}
@media (max-width: 1023px) {
  .is-style-banniere-accueil h1 {
    font-size: 4.5rem;
  }
}
@media (max-width: 767px) {
  .is-style-banniere-accueil h1 {
    font-size: 4rem;
  }
}
@media (max-width: 571px) {
  .is-style-banniere-accueil h1 {
    font-size: 2.4rem;
    margin-top: -3rem !important;
    margin-bottom: 5.5rem;
  }
}
.is-style-banniere-accueil h1:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 150px;
  height: 1px;
  background-color: #A7BB44;
}
@media (max-width: 571px) {
  .is-style-banniere-accueil h1:after {
    bottom: -21px;
  }
}
@media (min-width: 1024px) {
  .is-style-banniere-accueil p {
    padding-right: 28rem;
  }
}

/* Bloc "détails" - FAQ */
main details {
  margin: 7rem 0;
  position: relative;
  border: none;
}
@media (max-width: 571px) {
  main details {
    margin: 2.8rem 0;
  }
}
main details summary {
  cursor: pointer;
  position: relative;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  line-height: 1.33;
  list-style: none;
  border-bottom: 1px solid #A7BB44;
  padding: 1rem 6rem 2.2rem 0;
}
@media (max-width: 571px) {
  main details summary {
    font-size: 18px;
    padding-right: 4.5rem;
    padding-bottom: 1.6rem;
  }
}
main details summary::-webkit-details-marker {
  display: none;
}
main details summary::after {
  content: "\f063";
  font: var(--fa-font-light);
  font-weight: 300;
  font-size: 1.6rem;
  color: #231B72;
  position: absolute;
  right: 0;
  top: calc(50% - 3.2rem);
  padding: 2rem;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #A7BB44;
  transition: all 0.3s;
}
@media (max-width: 571px) {
  main details summary::after {
    padding: 1.3rem;
    font-size: 1.2rem;
    top: calc(50% - 2.7rem);
  }
}
main details summary:hover:after {
  background-color: #231B72;
  color: #ffffff;
  width: 12px;
  height: 12px;
  border-color: #231B72;
  top: calc(50% - 3.3rem);
  right: -1px;
}
main details summary ~ div {
  padding-top: 30px;
  padding-bottom: 30px;
}
main details[open] summary::after {
  transform: rotate(180deg);
}

figcaption {
  color: white;
  background: #231B72 !important;
  padding: 10px 5px !important;
  position: relative !important;
  margin-top: 0 !important;
  top: 0 !important;
  text-align: center !important;
}

.wp-block-gallery {
  padding-bottom: 50px;
}
.wp-block-gallery.has-nested-images figcaption {
  flex-grow: 0;
  flex-basis: auto;
}

@keyframes rotateCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
[data-align=wide] {
  width: 1240px;
  margin-inline: auto;
  left: -125px;
  position: relative;
}

.editor-styles-wrapper .wp-block-image.is-style-bords-arrondis img, main .wp-block-image.is-style-bords-arrondis img {
  border-radius: 5px;
}
.editor-styles-wrapper .wp-block-group.is-style-bords-arrondis, main .wp-block-group.is-style-bords-arrondis {
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .bloc-sliderproduits--liste {
    margin-right: -2rem;
  }
}
.bloc-sliderproduits--liste img {
  height: 90px;
  width: 90px;
  object-fit: contain;
  margin-bottom: 2.6rem;
}
@media (max-width: 571px) {
  .bloc-sliderproduits--liste img {
    width: 75px;
    height: 75px;
    margin-bottom: 1.2rem;
  }
}
.bloc-sliderproduits--liste a {
  text-decoration: none;
  color: #231B72;
}
.bloc-sliderproduits--liste a:hover:after {
  background-color: #231B72;
}
.bloc-sliderproduits--liste .bloc-sliderproduits--item {
  gap: 1rem;
  padding: 1rem 0;
}
.bloc-sliderproduits--liste .bloc-sliderproduits--item h4 {
  margin: 0;
  text-align: center;
  color: #231B72;
  font-size: 18px;
  line-height: 1.2;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
}
@media (max-width: 571px) {
  .bloc-sliderproduits--liste .bloc-sliderproduits--item h4 {
    font-size: 14px;
    line-height: 1.28;
  }
}
.bloc-sliderproduits--liste .splide__arrow:disabled {
  display: none;
}
.bloc-sliderproduits--liste .splide__arrow--prev, .bloc-sliderproduits--liste .splide__arrow--next {
  z-index: 5;
}
@media (min-width: 768px) {
  .bloc-sliderproduits--liste .splide__arrow--prev, .bloc-sliderproduits--liste .splide__arrow--next {
    top: -2rem;
  }
}
.bloc-sliderproduits--liste .splide__arrow--prev {
  left: 0;
}
@media (min-width: 768px) {
  .bloc-sliderproduits--liste .splide__arrow--prev {
    left: auto;
    right: 6.2rem;
  }
}
.bloc-sliderproduits--liste .splide__arrow--next {
  right: 2rem;
}
@media (min-width: 768px) {
  .bloc-sliderproduits--liste .splide__arrow--next {
    right: 0;
  }
}
@media (max-width: 767px) {
  .bloc-sliderproduits--liste .splide__slide:not(.is-visible) {
    opacity: 0.5;
  }
}

.bloc-carresolutions--container {
  display: grid;
  gap: 3rem;
  margin-left: 7rem;
  margin-right: 7rem;
}
@media (min-width: 768px) {
  .bloc-carresolutions--container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1239px) {
  .bloc-carresolutions--container {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media (max-width: 571px) {
  .bloc-carresolutions--container {
    gap: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.bloc-carresolutions--container .bloc-carresolutions--link {
  border-radius: 5px;
  overflow: hidden;
}
.bloc-carresolutions--container .bloc-carresolutions--item {
  overflow: hidden;
  height: 350px;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  padding: 32px 30px;
  justify-content: flex-end;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .bloc-carresolutions--container .bloc-carresolutions--item {
    height: 250px;
  }
}
@media (max-width: 571px) {
  .bloc-carresolutions--container .bloc-carresolutions--item {
    height: 150px;
    padding: 18px 20px;
  }
}
.bloc-carresolutions--container .bloc-carresolutions--item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  background-size: cover;
  transform-origin: center;
  transition: transform 0.3s ease-in-out;
}
.bloc-carresolutions--container .bloc-carresolutions--item:hover:after {
  transform: scale(1.05);
}
.bloc-carresolutions--container .bloc-carresolutions--item:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(10deg, rgba(50, 43, 132, 0.8) 33.58%, rgba(255, 255, 255, 0) 89.45%);
}
.bloc-carresolutions--container .bloc-carresolutions--item p {
  display: block;
  position: relative;
  color: white;
  z-index: 2;
  margin: 0;
  font-size: 2rem;
  line-height: 1.3;
}
@media (max-width: 1023px) {
  .bloc-carresolutions--container .bloc-carresolutions--item p {
    font-size: 1.8rem;
  }
}
@media (max-width: 571px) {
  .bloc-carresolutions--container .bloc-carresolutions--item p {
    display: none;
  }
}
.bloc-carresolutions--container .bloc-carresolutions--item div.bloc-carresolutions--separateur {
  display: block;
  height: 1px;
  content: "";
  width: 10rem;
  background-color: white;
  position: relative;
  z-index: 2;
  margin-top: 17px;
  margin-bottom: 14px;
}
@media (max-width: 571px) {
  .bloc-carresolutions--container .bloc-carresolutions--item div.bloc-carresolutions--separateur {
    margin-top: 9px;
    margin-bottom: 0;
  }
}
.bloc-carresolutions--container .bloc-carresolutions--item h4 {
  font-family: "Anybody", sans-serif;
  text-transform: uppercase;
  position: relative;
  color: #A7BB44;
  z-index: 2;
  margin: 0;
  font-weight: 400;
}

/* Bloc "chiffre clé" */
.bloc-chiffreCle--container {
  position: relative;
  border-radius: 50%;
  height: 210px;
  width: 210px;
  aspect-ratio: 1/1;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  padding: 1rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1023px) {
  .bloc-chiffreCle--container {
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 767px) {
  .bloc-chiffreCle--container {
    width: 210px;
    border-radius: 0;
    height: auto;
    padding: 0;
    aspect-ratio: auto;
    background-color: transparent !important;
  }
}
@media (max-width: 571px) {
  .bloc-chiffreCle--container {
    width: 180px;
  }
}
.bloc-chiffreCle--container.avecBordure {
  border: 2px solid #A7BB44;
}
@media (max-width: 767px) {
  .bloc-chiffreCle--container.avecBordure {
    border: none;
  }
  .bloc-chiffreCle--container.avecBordure .bloc-chiffreCle--title {
    border: 2px solid #A7BB44;
  }
}
.bloc-chiffreCle--container.grand {
  width: 260px;
  height: 260px;
}
@media (max-width: 1023px) {
  .bloc-chiffreCle--container.grand {
    width: 230px;
    height: 230px;
  }
}
@media (max-width: 767px) {
  .bloc-chiffreCle--container.grand {
    width: 210px;
    height: auto;
  }
}
@media (max-width: 571px) {
  .bloc-chiffreCle--container.grand {
    width: 180px;
  }
}
.bloc-chiffreCle--container .bloc-chiffreCle--title {
  font-size: 23px;
  gap: 0.5rem;
  height: 57%;
}
@media (min-width: 768px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--title {
    background-color: transparent !important;
  }
}
@media (max-width: 1023px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--title {
    height: 50%;
  }
}
@media (max-width: 767px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--title {
    border-radius: 50%;
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 571px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--title {
    width: 80px;
    height: 80px;
  }
}
.bloc-chiffreCle--container .bloc-chiffreCle--prefixe, .bloc-chiffreCle--container .bloc-chiffreCle--suffixe {
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--prefixe, .bloc-chiffreCle--container .bloc-chiffreCle--suffixe {
    margin-bottom: 0;
  }
}
@media (max-width: 571px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--prefixe, .bloc-chiffreCle--container .bloc-chiffreCle--suffixe {
    font-size: 1rem;
  }
}
.bloc-chiffreCle--container .bloc-chiffreCle--nombre {
  font-size: 64px;
  font-weight: 700;
  display: block;
}
@media (max-width: 767px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--nombre {
    font-size: 4.5rem;
    line-height: 1;
  }
}
@media (max-width: 571px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--nombre {
    font-size: 3rem;
  }
}
.bloc-chiffreCle--container .bloc-chiffreCle--sousTitre {
  max-width: calc(100% - 25px);
  word-break: keep-all;
  font-size: 1.4rem;
  line-height: 1.7;
}
@media (max-width: 1023px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--sousTitre {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--sousTitre {
    font-size: 1.4rem;
    margin-top: 1rem;
    line-height: 1.3;
  }
}
.bloc-chiffreCle--container .bloc-chiffreCle--sousTitre.grand {
  font-size: 1.7rem;
  line-height: 1.4;
}
@media (max-width: 1023px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--sousTitre.grand {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--sousTitre.grand {
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
@media (min-width: 768px) {
  .bloc-chiffreCle--container .bloc-chiffreCle--sousTitre.tres-grand {
    font-size: 2rem;
  }
}

body.front .bloc-chiffreCle--nombre:not(.animationTerminee) {
  opacity: 0;
}

/* Slider logo - partenaires */
#partenaires > div > div > div.bloc-sliderLogos--container.splide.my-7.mobile {
  display: none;
}

.bloc-sliderLogos--container {
  padding-bottom: 6.1rem;
  /*&.desktop{
      @include respond-to("large") {
          display: none;
      }
  }
  &.mobile{
      @include respond-to("large-up") {
          display: none;
      }
      .splide__slide{
          display: flex;
          flex-wrap: wrap;
          gap: 2rem;
          .bloc-sliderLogos--item{
              width: calc(50% - 1rem);
          }
      }
  }*/
}
@media (max-width: 767px) {
  .bloc-sliderLogos--container {
    padding-bottom: 3.8rem;
  }
}
.bloc-sliderLogos--container a {
  height: 100%;
  display: block;
}
.bloc-sliderLogos--container a:hover img, .bloc-sliderLogos--container a:active img, .bloc-sliderLogos--container a:focus img {
  transform: translateY(-10px);
}
.bloc-sliderLogos--container .bloc-sliderLogos--logo {
  height: 100%;
  width: auto;
  object-fit: contain;
  transition: transform 0.3s;
}
@media (max-width: 767px) {
  .bloc-sliderLogos--container .bloc-sliderLogos--logo {
    max-width: min(22rem, 100%);
  }
}
.bloc-sliderLogos--container .splide__pagination__page {
  width: 1.4rem;
  height: 1.4rem;
}
.bloc-sliderLogos--container .splide__pagination__page.is-active {
  width: 2rem;
  height: 2rem;
  margin: 0 5px;
}

/* Bloc témoignage */
.bloc-temoignage--container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: white;
  border-bottom: 1px solid #A7BB44;
  padding: 60px 0 85px;
}
@media (max-width: 571px) {
  .bloc-temoignage--container {
    padding: 30px 17px 50px;
  }
}
.bloc-temoignage--container p {
  margin: 0;
  line-height: 1;
}
@media (min-width: 572px) {
  .bloc-temoignage--container .bloc-temoignage--content {
    width: 60%;
  }
}
.bloc-temoignage--container .bloc-temoignage--nom {
  color: #A7BB44;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 571px) {
  .bloc-temoignage--container .bloc-temoignage--nom {
    font-size: 20px;
  }
}
.bloc-temoignage--container .bloc-temoignage--fonction {
  color: #A7BB44;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
}
@media (max-width: 571px) {
  .bloc-temoignage--container .bloc-temoignage--fonction {
    font-size: 1.8rem;
    line-height: 1.33;
  }
}
.bloc-temoignage--container .bloc-temoignage--texte {
  margin-top: 3.5rem;
  line-height: 1.5;
  position: relative;
}
@media (max-width: 571px) {
  .bloc-temoignage--container .bloc-temoignage--texte {
    margin-top: 4.5rem;
    line-height: 1.42;
  }
}
.bloc-temoignage--container .bloc-temoignage--texte:before, .bloc-temoignage--container .bloc-temoignage--texte:after {
  font-size: 200px;
  color: #A7BB44;
  font-family: "DM Sans", sans-serif;
  position: absolute;
  opacity: 0.3;
}
@media (max-width: 571px) {
  .bloc-temoignage--container .bloc-temoignage--texte:before, .bloc-temoignage--container .bloc-temoignage--texte:after {
    font-size: 100px;
  }
}
.bloc-temoignage--container .bloc-temoignage--texte:before {
  content: "“";
  top: -42px;
  left: -90px;
  line-height: 1;
}
@media (max-width: 1023px) {
  .bloc-temoignage--container .bloc-temoignage--texte:before {
    left: -75px;
  }
}
@media (max-width: 767px) {
  .bloc-temoignage--container .bloc-temoignage--texte:before {
    left: -90px;
  }
}
@media (max-width: 571px) {
  .bloc-temoignage--container .bloc-temoignage--texte:before {
    top: -50px;
    left: -10px;
  }
}
.bloc-temoignage--container .bloc-temoignage--texte:after {
  content: "”";
  bottom: -45px;
  right: -15px;
  line-height: 0;
}
@media (max-width: 571px) {
  .bloc-temoignage--container .bloc-temoignage--texte:after {
    bottom: -40px;
    right: 5px;
  }
}

.bloc-nosServices--container {
  position: relative;
  padding-top: 12.2rem;
  padding-bottom: 10rem;
}
@media (max-width: 767px) {
  .bloc-nosServices--container {
    padding-top: 3.5rem;
    padding-bottom: 5.5rem;
  }
}
.bloc-nosServices--container h2 {
  color: #A7BB44;
  margin-bottom: 10rem;
  z-index: 5;
}
@media (max-width: 767px) {
  .bloc-nosServices--container h2 {
    margin-bottom: 27rem;
  }
}
@media (max-width: 571px) {
  .bloc-nosServices--container h2 {
    margin-top: 2.5rem;
    margin-bottom: 24.5rem;
  }
}
.bloc-nosServices--container h2:after {
  background-color: #A7BB44;
}
.bloc-nosServices--container .bloc-nosServices--imageFond {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  top: -40px;
  z-index: 2;
  right: -75px;
  width: 83.5rem;
  max-height: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (max-width: 1239px) {
  .bloc-nosServices--container .bloc-nosServices--imageFond {
    width: 70rem;
  }
}
@media (max-width: 1023px) {
  .bloc-nosServices--container .bloc-nosServices--imageFond {
    width: 60rem;
  }
}
@media (max-width: 767px) {
  .bloc-nosServices--container .bloc-nosServices--imageFond {
    width: 100%;
    border-radius: 0;
    height: 34rem;
    aspect-ratio: auto;
    top: 18.5rem;
    right: 0;
  }
}
@media (max-width: 571px) {
  .bloc-nosServices--container .bloc-nosServices--imageFond {
    top: 12.5rem;
  }
}
.bloc-nosServices--container .bloc-nosServices--imageFond .bloc-nosServices--bordureFond-1 {
  position: absolute;
  top: -5%;
  left: -5%;
  /* Border size and color */
  border: 3px solid #A7BB44;
  /* Creates a circle */
  border-radius: 50%;
  /* Circle size */
  height: 110%;
  width: 110%;
  /* Use transparent borders to define opening (more transparent = larger opening) */
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  /* Use transform to rotate to adjust where opening appears */
  transform: rotate(50deg);
  animation: rotationA 15s infinite linear;
}
@media (max-width: 767px) {
  .bloc-nosServices--container .bloc-nosServices--imageFond .bloc-nosServices--bordureFond-1 {
    display: none;
  }
}
.bloc-nosServices--container .bloc-nosServices--imageFond .bloc-nosServices--bordureFond-2 {
  position: absolute;
  top: -5%;
  left: -5%;
  /* Border size and color */
  border: 3px solid #A7BB44;
  /* Creates a circle */
  border-radius: 50%;
  /* Circle size */
  height: 110%;
  width: 110%;
  /* Use transparent borders to define opening (more transparent = larger opening) */
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  /* Use transform to rotate to adjust where opening appears */
  transform: rotate(210deg);
  animation: rotationB 15s infinite linear;
}
@media (max-width: 767px) {
  .bloc-nosServices--container .bloc-nosServices--imageFond .bloc-nosServices--bordureFond-2 {
    display: none;
  }
}
@keyframes rotationA {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotationB {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(540deg);
  }
}

.bloc-nosServices--liste {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(5, 1fr);
  gap: 2rem;
  position: relative;
  z-index: 5;
}
@media (min-width: 768px) {
  .bloc-nosServices--liste {
    display: grid;
  }
}
.bloc-nosServices--liste .bloc-nosServices--item {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  gap: 1rem;
  padding: 4rem 2rem 2rem;
  background-color: white;
  border-bottom: 1px solid #A7BB44;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  position: relative;
  min-height: 28rem;
}
@media (max-width: 767px) {
  .bloc-nosServices--liste .bloc-nosServices--item {
    min-height: 18.5rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 571px) {
  .bloc-nosServices--liste .bloc-nosServices--item {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
.bloc-nosServices--liste .bloc-nosServices--item h3 {
  margin: 0;
  color: #A7BB44;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 571px) {
  .bloc-nosServices--liste .bloc-nosServices--item h3 {
    font-size: 1.6rem;
    line-height: 1.25;
  }
}
.bloc-nosServices--liste .bloc-nosServices--item:nth-of-type(1) {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
}
.bloc-nosServices--liste .bloc-nosServices--item:nth-of-type(2) {
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column-start: 1;
}
.bloc-nosServices--liste .bloc-nosServices--item:nth-of-type(3) {
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 2;
}
.bloc-nosServices--liste .bloc-nosServices--item:nth-of-type(4) {
  grid-row-start: 4;
  grid-row-end: 6;
  grid-column-start: 2;
}
.bloc-nosServices--liste .bloc-nosServices--item:nth-of-type(5) {
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column-start: 3;
}

.bloc-nousRejoindre--container {
  padding: 5.3rem 0 10.7rem;
  background-color: #231B72;
  color: white;
}
@media (max-width: 571px) {
  .bloc-nousRejoindre--container {
    padding: 3rem 0 4.5rem;
  }
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--fond, .bloc-nousRejoindre--container .bloc-nousRejoindre--fondHover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 5px;
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--fondHover {
  opacity: 0;
  transition: opacity 0.8s;
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--texte {
  line-height: 1.3;
  margin-bottom: 7rem;
}
@media (max-width: 571px) {
  .bloc-nousRejoindre--container .bloc-nousRejoindre--texte {
    margin-top: 2.2rem;
    margin-bottom: 4rem;
  }
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--liste {
  gap: 2rem 2.5rem;
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--liste > * {
  border-radius: 5px;
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee {
  position: relative;
  flex: 1;
  padding: 4rem 8rem 2.2rem 3rem;
  transition: padding 0.8s, box-shadow 0.8s;
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces > *:not(.bloc-nousRejoindre--fond):not(.bloc-nousRejoindre--fondHover),
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee > *:not(.bloc-nousRejoindre--fond):not(.bloc-nousRejoindre--fondHover) {
  position: relative;
}
@media (min-width: 572px) {
  .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:hover, .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:active, .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:focus,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:hover,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:active,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:focus {
    box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.35);
    padding-top: 5rem;
  }
  .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:hover .bloc-nousRejoindre--fondHover, .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:active .bloc-nousRejoindre--fondHover, .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:focus .bloc-nousRejoindre--fondHover,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:hover .bloc-nousRejoindre--fondHover,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:active .bloc-nousRejoindre--fondHover,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:focus .bloc-nousRejoindre--fondHover {
    opacity: 1;
  }
  .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:hover button, .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:active button, .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:focus button,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:hover button,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:active button,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:focus button {
    background-color: #ffffff;
    color: #231B72;
  }
  .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:hover h3, .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:active h3, .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:focus h3,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:hover h3,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:active h3,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:focus h3 {
    margin-bottom: 2rem;
  }
  .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:hover p, .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:active p, .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces:focus p,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:hover p,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:active p,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee:focus p {
    margin-top: 2.5rem;
    margin-bottom: 0;
  }
}
@media (max-width: 571px) {
  .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee {
    padding: 2.5rem 3rem 1.5rem 1.5rem;
  }
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces h3,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee h3 {
  color: #A7BB44;
  text-transform: uppercase;
  font-family: "Anybody", sans-serif;
  padding-right: 2rem;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-top: 2.5rem;
  transition: margin 0.8s;
}
@media (max-width: 571px) {
  .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces h3,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee h3 {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces p,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee p {
  margin-top: 1.2rem;
  margin-bottom: 1.8rem;
  transition: margin 0.8s;
}
@media (max-width: 571px) {
  .bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces p,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee p {
    margin-bottom: 2rem;
  }
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--ArchiveAnnonces button,
.bloc-nousRejoindre--container .bloc-nousRejoindre--candidatureSpontanee button {
  margin-top: auto;
  transition: background-color 0.8s, color 0.8s;
}
.bloc-nousRejoindre--container h2 {
  color: white;
  margin-bottom: 3.5rem;
}
@media (max-width: 571px) {
  .bloc-nousRejoindre--container h2 {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
  }
}
.bloc-nousRejoindre--container h2::before {
  background-color: white;
}
.bloc-nousRejoindre--container h2::after {
  background-color: #ffffff;
}
.bloc-nousRejoindre--container .bloc-nousRejoindre--separateur {
  background-color: #ffffff;
  height: 1px;
  width: 100px;
}
.bloc-nousRejoindre--container p {
  color: white;
  font-size: 2rem;
}
@media (max-width: 571px) {
  .bloc-nousRejoindre--container p {
    font-size: 1.4rem;
  }
}

.bloc-nosExpertises--container {
  overflow-x: hidden;
  padding: 132px 0 50px;
}
@media (min-width: 1240px) {
  .bloc-nosExpertises--container {
    min-height: 100rem;
  }
}
@media (max-width: 1023px) {
  .bloc-nosExpertises--container {
    padding-top: 120px;
  }
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container {
    padding-top: 60px;
  }
}
.bloc-nosExpertises--container .bloc-nosExpertises--content {
  position: relative;
  background-position: center center;
  background-size: cover;
}
.bloc-nosExpertises--container .bloc-nosExpertises--list {
  position: static;
  padding-left: calc((100vw - 1230px) / 2 + 165px);
  padding-bottom: 15.5rem;
}
@media (min-width: 768px) {
  .bloc-nosExpertises--container .bloc-nosExpertises--list {
    min-height: 56.5rem;
  }
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container .bloc-nosExpertises--list {
    padding-bottom: 13.5rem;
  }
}
.bloc-nosExpertises--container .splide__track {
  overflow: visible;
}
.bloc-nosExpertises--container h2 {
  color: #231B72;
  margin-top: 75px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container h2 {
    margin-bottom: 22px;
  }
}
@media (max-width: 571px) {
  .bloc-nosExpertises--container h2 {
    margin-top: 38px;
  }
}
.bloc-nosExpertises--container .bloc-nosExpertises--item {
  gap: 7rem;
}
.bloc-nosExpertises--container .bloc-nosExpertises--item h3 {
  color: #231B72;
  font-weight: 400;
  margin-top: 5.8rem;
  margin-bottom: 1.7rem;
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container .bloc-nosExpertises--item h3 {
    margin-top: 1.2rem;
  }
}
@media (max-width: 571px) {
  .bloc-nosExpertises--container .bloc-nosExpertises--item h3 {
    margin-top: 2rem;
    margin-bottom: 1.7rem;
    line-height: 1.33;
  }
}
.bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--text {
  justify-content: flex-start;
  text-align: right;
  width: 41rem;
}
@media screen and (max-width: 93rem) {
  .bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--text {
    padding-left: 2rem;
  }
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--text {
    width: 100vw;
    padding-right: 2rem;
    text-align: left;
  }
}
.bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--text p {
  margin: 0;
}
@media (max-width: 571px) {
  .bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--text p {
    font-size: 1.4rem;
    line-height: 1.42;
  }
}
.bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--image.desktop {
  position: absolute;
  top: -85px;
  left: 48rem;
  width: 83rem;
  max-width: 55vw;
  aspect-ratio: 1;
}
@media (max-width: 1023px) {
  .bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--image.desktop {
    top: 8%;
  }
}
.bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--image.desktop img {
  border-radius: 50%;
  aspect-ratio: 1;
}
.bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--image.mobile {
  border-radius: 5px;
  overflow: hidden;
  height: 30rem;
}
@media (max-width: 571px) {
  .bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--image.mobile {
    height: 21rem;
  }
}
.bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.bloc-nosExpertises--container .bloc-nosExpertises--item .bloc-nosExpertises--bordureFond-1 {
  position: absolute;
  top: -45px;
  left: -45px;
  border: 2px solid #A7BB44;
  border-radius: 50%;
  height: calc(100% + 90px);
  width: calc(100% + 90px);
  border-top-color: transparent;
  transform: rotate(260deg);
}
.bloc-nosExpertises--container .splide__arrow--prev, .bloc-nosExpertises--container .splide__arrow--next {
  top: auto;
  bottom: 4.5rem;
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container .splide__arrow--prev, .bloc-nosExpertises--container .splide__arrow--next {
    bottom: 0;
  }
}
@media (max-width: 571px) {
  .bloc-nosExpertises--container .splide__arrow--prev, .bloc-nosExpertises--container .splide__arrow--next {
    bottom: 0.8rem;
  }
}
.bloc-nosExpertises--container .splide__arrow--prev {
  left: calc((100vw - 1230px) / 2 + 46.5rem);
}
@media screen and (max-width: 900px) {
  .bloc-nosExpertises--container .splide__arrow--prev {
    left: 30rem;
  }
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container .splide__arrow--prev {
    left: auto;
    right: calc(50% + 1rem);
  }
}
.bloc-nosExpertises--container .splide__arrow--next {
  left: calc((100vw - 1230px) / 2 + 52.5rem);
}
@media screen and (max-width: 900px) {
  .bloc-nosExpertises--container .splide__arrow--next {
    left: 36rem;
  }
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container .splide__arrow--next {
    left: calc(50% + 1rem);
  }
}
.bloc-nosExpertises--container .splide__pagination {
  bottom: 9rem;
  right: calc((100vw - 1230px) / 2 + 77.5rem);
  left: auto;
}
@media screen and (max-width: 900px) {
  .bloc-nosExpertises--container .splide__pagination {
    right: calc(100% - 29rem);
  }
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container .splide__pagination {
    bottom: 9.5rem;
    width: 100vw;
    left: 0;
    right: auto;
  }
}

.bloc-nosExpertises--container.sansImages {
  min-height: 0;
}
@media (max-width: 571px) {
  .bloc-nosExpertises--container.sansImages h2 {
    margin-bottom: 0;
  }
}
.bloc-nosExpertises--container.sansImages .bloc-nosExpertises--list {
  padding-left: 0;
  padding-bottom: 18rem;
  margin-left: auto;
  margin-right: auto;
  min-height: 0;
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container.sansImages .bloc-nosExpertises--list {
    padding-bottom: 14rem;
  }
}
.bloc-nosExpertises--container.sansImages .bloc-nosExpertises--text {
  align-items: center;
  width: 100vw;
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
}
.bloc-nosExpertises--container.sansImages .bloc-nosExpertises--text > * {
  max-width: 82rem !important;
}
.bloc-nosExpertises--container.sansImages .splide__arrow--prev, .bloc-nosExpertises--container.sansImages .splide__arrow--next {
  top: auto;
  bottom: 3rem;
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container.sansImages .splide__arrow--prev, .bloc-nosExpertises--container.sansImages .splide__arrow--next {
    bottom: 0;
  }
}
@media (max-width: 571px) {
  .bloc-nosExpertises--container.sansImages .splide__arrow--prev, .bloc-nosExpertises--container.sansImages .splide__arrow--next {
    bottom: 0.8rem;
  }
}
.bloc-nosExpertises--container.sansImages .splide__arrow--prev {
  left: auto;
  right: calc(50% + 1rem);
}
.bloc-nosExpertises--container.sansImages .splide__arrow--next {
  left: calc(50% + 1rem);
}
.bloc-nosExpertises--container.sansImages .splide__pagination {
  left: 0;
  right: auto;
  bottom: 12.5rem;
  width: 100%;
}
@media (max-width: 767px) {
  .bloc-nosExpertises--container.sansImages .splide__pagination {
    bottom: 9.5rem;
  }
}

.bloc-navigation-pleine-largeur {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.bloc-navigation-pleine-largeur--grille {
  gap: 0.5rem;
}
@media (max-width: 571px) {
  .bloc-navigation-pleine-largeur--grille {
    gap: 1rem;
  }
}
.bloc-navigation-pleine-largeur--element {
  height: 31.3rem;
  color: #ffffff;
  font-size: 2.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  width: calc(33.3333333333% - 0.35rem);
}
@media (max-width: 767px) {
  .bloc-navigation-pleine-largeur--element {
    width: calc(50% - 0.25rem);
  }
}
@media (max-width: 571px) {
  .bloc-navigation-pleine-largeur--element {
    width: 100%;
    height: 15rem;
    font-size: 1.6rem;
  }
}
.bloc-navigation-pleine-largeur--element.avecImage {
  padding: 4rem 3rem;
  position: relative;
}
@media (max-width: 571px) {
  .bloc-navigation-pleine-largeur--element.avecImage {
    padding: 1.8rem 1.2rem;
  }
}
.bloc-navigation-pleine-largeur--element.avecImage:hover .fond, .bloc-navigation-pleine-largeur--element.avecImage:active .fond, .bloc-navigation-pleine-largeur--element.avecImage:focus .fond {
  transform: scale(1.1);
}
.bloc-navigation-pleine-largeur--element.avecImage .fond {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}
.bloc-navigation-pleine-largeur--element.avecImage span {
  position: relative;
  z-index: 2;
}
.bloc-navigation-pleine-largeur--element.sansImage {
  background-color: #231B72;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bloc-navigation-pleine-largeur--element.sansImage:hover i, .bloc-navigation-pleine-largeur--element.sansImage:active i, .bloc-navigation-pleine-largeur--element.sansImage:focus i {
  margin-top: 6.5rem;
  margin-bottom: -1rem;
}
@media (max-width: 571px) {
  .bloc-navigation-pleine-largeur--element.sansImage:hover i, .bloc-navigation-pleine-largeur--element.sansImage:active i, .bloc-navigation-pleine-largeur--element.sansImage:focus i {
    margin-top: 5rem;
  }
}
.bloc-navigation-pleine-largeur--element.sansImage i {
  margin-top: 5.5rem;
  font-size: 1.5rem;
  transition: margin 0.3s;
}
@media (max-width: 571px) {
  .bloc-navigation-pleine-largeur--element.sansImage i {
    margin-top: 4rem;
  }
}

.editor-styles-wrapper a.bloc-navigation-pleine-largeur--element:where(:not(.wp-element-button)) {
  text-decoration: none;
  color: #ffffff;
}

.bloc-slider-texte-image .splide__arrow {
  top: auto;
  bottom: 1.2rem;
}
@media (max-width: 767px) {
  .bloc-slider-texte-image .splide__arrow {
    bottom: 5.5rem;
  }
}
.bloc-slider-texte-image .splide__arrow:hover, .bloc-slider-texte-image .splide__arrow:active, .bloc-slider-texte-image .splide__arrow:focus {
  margin-bottom: -0.25rem;
}
.bloc-slider-texte-image .splide__arrow--prev {
  left: calc(50% - 24.5rem);
}
@media (max-width: 1239px) {
  .bloc-slider-texte-image .splide__arrow--prev {
    left: calc(50% - 16.5rem);
  }
}
@media (max-width: 767px) {
  .bloc-slider-texte-image .splide__arrow--prev {
    left: calc(50% - 6.2rem);
  }
}
@media (max-width: 571px) {
  .bloc-slider-texte-image .splide__arrow--prev {
    left: calc(50% - 4.2rem);
  }
}
.bloc-slider-texte-image .splide__arrow--next {
  left: calc(50% - 18.5rem);
}
@media (max-width: 1239px) {
  .bloc-slider-texte-image .splide__arrow--next {
    left: calc(50% - 10.5rem);
  }
}
@media (max-width: 767px) {
  .bloc-slider-texte-image .splide__arrow--next {
    left: auto;
    right: calc(50% - 6.2rem);
  }
}
@media (max-width: 571px) {
  .bloc-slider-texte-image .splide__arrow--next {
    left: auto;
    right: calc(50% - 4.2rem);
  }
}
.bloc-slider-texte-image .splide__pagination {
  bottom: 5.5rem;
  left: auto;
  right: calc(50% + 26rem);
}
@media (max-width: 1239px) {
  .bloc-slider-texte-image .splide__pagination {
    right: calc(50% + 18rem);
  }
}
@media (max-width: 767px) {
  .bloc-slider-texte-image .splide__pagination {
    left: 0;
    right: 0;
    bottom: 14.6rem;
  }
}

@media (min-width: 768px) {
  .bloc-slider-texte-image--slide_conteneur {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .bloc-slider-texte-image--slide_contenu, .bloc-slider-texte-image--slide_image {
    width: 50%;
  }
}
.bloc-slider-texte-image--slide_contenu {
  background-color: #EBF1F5;
  padding-top: 7rem;
  padding-bottom: 11rem;
  padding-left: max(2rem, (100 * var(--vw, 1vw) - 123rem) / 2);
  padding-right: 11rem;
}
@media (max-width: 1239px) {
  .bloc-slider-texte-image--slide_contenu {
    padding-top: 5rem;
    padding-right: 5rem;
  }
}
@media (max-width: 767px) {
  .bloc-slider-texte-image--slide_contenu {
    padding-top: 3.3rem;
    padding-bottom: 18.5rem;
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  .bloc-slider-texte-image--slide_image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
.bloc-slider-texte-image--slide_titre {
  color: #A7BB44;
}
@media (max-width: 571px) {
  .bloc-slider-texte-image--slide_titre {
    margin-bottom: 5.2rem;
  }
}
.bloc-slider-texte-image--slide_titre span {
  color: #231B72;
}
.bloc-slider-texte-image--slide_sousTitre {
  color: #A7BB44;
  margin-top: 5.8rem;
  margin-bottom: 1.2rem;
}
@media (max-width: 571px) {
  .bloc-slider-texte-image--slide_sousTitre {
    margin-top: 1.3rem;
    margin-bottom: 0;
  }
}
.bloc-slider-texte-image--slide_texte {
  color: #231B72;
}
@media (max-width: 571px) {
  .bloc-slider-texte-image--slide_texte {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .bloc-slider-texte-image--slide_image {
    margin-left: -2rem;
    margin-right: -2rem;
    height: 25rem;
  }
}
@media (max-width: 571px) {
  .bloc-slider-texte-image--slide_image {
    height: 15rem;
  }
}
.bloc-slider-texte-image--slide_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contenuGutenberg h2.bloc-slider-texte-image--slide_titre {
  margin-top: 3.5rem;
  margin-bottom: 5.8rem;
}
@media (max-width: 571px) {
  .contenuGutenberg h2.bloc-slider-texte-image--slide_titre {
    margin-top: 1.8rem;
    margin-bottom: 5.2rem;
  }
}

.contenuGutenberg h3.bloc-slider-texte-image--slide_sousTitre {
  margin-bottom: 1.7rem;
}
@media (max-width: 571px) {
  .contenuGutenberg h3.bloc-slider-texte-image--slide_sousTitre {
    margin-top: 2.2rem;
    margin-bottom: 2rem;
  }
}

.bloc-etapes--contenu {
  gap: 4rem 2.8rem;
}
@media (min-width: 1024px) {
  .bloc-etapes--contenu {
    background-image: url("../assets/fond-bloc-etapes.svg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 0 5.8rem;
  }
}
@media (max-width: 767px) {
  .bloc-etapes--contenu {
    padding: 0 1.5rem;
  }
}

.bloc-etapes--etape {
  background-color: #EBF1F5;
  border-radius: 5px;
  flex: 1;
  padding: 2.5rem 0.5rem 2.5rem 3rem;
  gap: 2.2rem;
}
@media (max-width: 1023px) {
  .bloc-etapes--etape {
    padding-left: 2rem;
  }
}
@media (max-width: 767px) {
  .bloc-etapes--etape {
    padding-left: 3rem;
    max-width: 40rem;
    width: 100%;
    margin: auto;
  }
}
.bloc-etapes--etape_chiffre {
  font-family: "Anybody", sans-serif;
  color: #A7BB44;
  font-size: 11rem;
  font-weight: 700;
  margin-top: 1rem;
}
@media (max-width: 1023px) {
  .bloc-etapes--etape_chiffre {
    font-size: 9rem;
  }
}
@media (max-width: 767px) {
  .bloc-etapes--etape_chiffre {
    font-size: 11rem;
  }
}
.bloc-etapes--etape_pictogramme {
  max-width: 8rem;
}
.bloc-etapes--etape_texte {
  font-size: 2.5rem;
  line-height: 1.2;
  color: #231B72;
  margin-top: 0.5rem;
}
@media (max-width: 1023px) {
  .bloc-etapes--etape_texte {
    font-size: 2.3rem;
  }
}
@media (max-width: 767px) {
  .bloc-etapes--etape_texte {
    font-size: 2.5rem;
  }
}

.bloc-offresEmploi--filtre {
  position: relative;
  width: 32rem;
  margin-top: 3.2rem;
  margin-bottom: 5.5rem;
}
@media (max-width: 571px) {
  .bloc-offresEmploi--filtre {
    margin-top: 0;
    margin-bottom: 2.3rem;
  }
}
@media (max-width: 479px) {
  .bloc-offresEmploi--filtre {
    width: 100%;
  }
}
.bloc-offresEmploi--filtre_toggle {
  color: #231B72;
  background-color: #ffffff;
  border-radius: 15px;
  height: 6.3rem;
  padding-left: 2rem;
  padding-right: 3rem;
  cursor: pointer;
  width: 100%;
  font-size: 1.6rem;
}
.bloc-offresEmploi--filtre_toggle i {
  font-size: 1.9rem;
}
.bloc-offresEmploi--filtre_options {
  background-color: #EBF1F5;
  color: #231B72;
  border-radius: 0 0 15px 15px;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  font-size: 1.4rem;
  padding-left: 2rem;
  padding-bottom: 0.5rem;
}
.bloc-offresEmploi--filtre_options label {
  margin-bottom: 1.8rem;
}
.bloc-offresEmploi--filtre_options input {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
.bloc-offresEmploi--filtre.ouvert .bloc-offresEmploi--filtre_toggle {
  border-radius: 15px 15px 0 0;
  background-color: #EBF1F5;
}
.bloc-offresEmploi--filtre:not(.ouvert) .bloc-offresEmploi--filtre_options {
  display: none;
}
.bloc-offresEmploi--nbOffres, .bloc-offresEmploi--aucunResultat, .bloc-offresEmploi--btnCandidatureSpontanee {
  color: #ffffff;
}
.bloc-offresEmploi--nbOffres {
  font-size: 2rem;
}
@media (max-width: 571px) {
  .bloc-offresEmploi--nbOffres {
    font-size: 1.4rem;
  }
  .bloc-offresEmploi--nbOffres strong {
    font-size: 1.8rem;
  }
}
.bloc-offresEmploi--aucunResultat {
  font-size: 1.8rem;
  margin-top: 5rem;
  padding-bottom: 2rem;
}
.bloc-offresEmploi--liste {
  gap: 3rem;
  margin-top: 1.8rem;
}
@media (max-width: 571px) {
  .bloc-offresEmploi--liste {
    margin-top: 4.2rem;
  }
}
.bloc-offresEmploi--actions {
  margin-top: 5.8rem;
  gap: 1.5rem 3rem;
}
@media (max-width: 571px) {
  .bloc-offresEmploi--actions {
    margin-top: 4rem;
  }
}
.bloc-offresEmploi--btnAfficherPlus {
  border: 1px solid #ffffff;
}
.bloc-offresEmploi--btnCandidatureSpontanee {
  font-family: "Anybody", sans-serif;
  border-bottom: 1px solid #ffffff;
  font-size: 1.6rem;
}
.bloc-offresEmploi--btnCandidatureSpontanee:hover, .bloc-offresEmploi--btnCandidatureSpontanee:active, .bloc-offresEmploi--btnCandidatureSpontanee:focus {
  color: #EBF1F5;
}

.bloc-offresEmploi--offre {
  width: calc(33.3333333333% - 2rem);
}
@media (max-width: 1239px) {
  .bloc-offresEmploi--offre {
    width: calc(50% - 1.5rem);
  }
}
@media screen and (max-width: 650px) {
  .bloc-offresEmploi--offre {
    width: 100%;
  }
}
.bloc-offresEmploi--offre a {
  display: block;
  color: #28282E;
  transition: padding-bottom 0.3s;
  height: 100%;
}
.bloc-offresEmploi--offre a:hover {
  padding-bottom: 1rem;
}
.bloc-offresEmploi--offre a:hover .bloc-offresEmploi--offre_contenu {
  margin-top: -1rem;
}
.bloc-offresEmploi--offre_contenu {
  padding: 0.7rem 3.4rem 2.8rem;
  background-color: #ffffff;
  border-radius: 5px;
  transition: margin-top 0.3s;
  height: 100%;
}
@media (max-width: 571px) {
  .bloc-offresEmploi--offre_contenu {
    padding: 1.3rem 3.4rem 3.5rem;
  }
}
.bloc-offresEmploi--offre_typeDuree {
  color: #44A64B;
  font-family: "Anybody", sans-serif;
  font-size: 2.4rem;
  line-height: 1.45;
}
@media (max-width: 571px) {
  .bloc-offresEmploi--offre_typeDuree {
    font-size: 2rem;
  }
}

.contenuGutenberg p.bloc-offresEmploi--offre_typeDuree {
  margin-bottom: 4rem;
}
@media (max-width: 571px) {
  .contenuGutenberg p.bloc-offresEmploi--offre_typeDuree {
    margin-bottom: 2.9rem;
  }
}

.contenuGutenberg h3.bloc-offresEmploi--offre_titre {
  margin-top: 0.3rem;
  margin-bottom: 0;
}

.bloc-trombinoscope--liste {
  gap: 3rem;
}

.bloc-trombinoscope--personne {
  position: relative;
  width: 36rem;
  height: 45rem;
}
.bloc-trombinoscope--personne:hover .bloc-trombinoscope--personne_infos, .bloc-trombinoscope--personne:active .bloc-trombinoscope--personne_infos, .bloc-trombinoscope--personne:focus .bloc-trombinoscope--personne_infos, .bloc-trombinoscope--personne.actif .bloc-trombinoscope--personne_infos {
  opacity: 100%;
}
.bloc-trombinoscope--personne:hover .bloc-trombinoscope--personne_photoHover, .bloc-trombinoscope--personne:active .bloc-trombinoscope--personne_photoHover, .bloc-trombinoscope--personne:focus .bloc-trombinoscope--personne_photoHover, .bloc-trombinoscope--personne.actif .bloc-trombinoscope--personne_photoHover {
  opacity: 100%;
}
.bloc-trombinoscope--personne_photo, .bloc-trombinoscope--personne_photoHover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bloc-trombinoscope--personne_photoHover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.bloc-trombinoscope--personne_infos {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(7deg, rgb(50, 43, 132) 16.28%, transparent 200%);
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.3s;
}
.bloc-trombinoscope--personne_nom {
  font-size: 2rem;
  margin-bottom: 0 !important;
}
.bloc-trombinoscope--personne_toggle {
  cursor: pointer;
  color: #A7BB44;
}

.bloc-trombinoscope--popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 100;
}
.bloc-trombinoscope--popup_contenu {
  position: relative;
  background-color: #231B72;
  border-radius: 5px;
  width: min(1020px, 100% - 4rem);
  max-height: calc(100% - 4rem);
  padding: 8rem 6rem 6rem;
  gap: 2rem;
  overflow: auto;
}
@media (max-width: 767px) {
  .bloc-trombinoscope--popup_contenu {
    padding: 8rem 3rem 3rem;
  }
}
@media (max-width: 479px) {
  .bloc-trombinoscope--popup_contenu {
    padding: 7rem 2rem 2rem;
  }
}
.bloc-trombinoscope--popup_fermeture {
  position: absolute;
  top: 2.8rem;
  right: 3.3rem;
  color: #ffffff;
  cursor: pointer;
}
@media (max-width: 571px) {
  .bloc-trombinoscope--popup_fermeture {
    right: 2.5rem;
  }
}
.bloc-trombinoscope--popup_fermeture i {
  font-size: 3rem;
  margin-right: 1.5rem;
}
@media (max-width: 571px) {
  .bloc-trombinoscope--popup_fermeture i {
    font-size: 1.8rem;
    margin-right: 0.5rem;
    margin-bottom: 0.2rem;
  }
}
.bloc-trombinoscope--popup_fermeture span {
  font-family: "Anybody", sans-serif;
  letter-spacing: 0.8px;
}
.bloc-trombinoscope--popup_infos {
  gap: 3rem;
}
@media (max-width: 767px) {
  .bloc-trombinoscope--popup_infos {
    gap: 0;
  }
}
.bloc-trombinoscope--popup_infos, .bloc-trombinoscope--popup_infos a {
  color: #ffffff;
}
.bloc-trombinoscope--popup_photo {
  width: 36rem;
  height: 45rem;
  object-fit: cover;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .bloc-trombinoscope--popup_photo {
    width: 28rem;
    height: 35rem;
  }
}
.bloc-trombinoscope--popup_conteneurTexte {
  width: 100%;
}
.bloc-trombinoscope--popup_nom {
  font-size: 2.5rem;
}

/* Position the image container (needed to position the left and right arrows) */
.slideshow-container {
  position: relative;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.next,
.prev {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.next:hover,
.prev:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

/* Add a transparency effect for thumnbail images */
.slideshow-gallery {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

.slideshow-list {
  width: 100%;
  gap: 12px;
}
@media (max-width: 571px) {
  .slideshow-list {
    gap: 9px;
  }
}
.slideshow-list .column {
  flex: 1 1 0;
  height: 12rem;
  max-width: 170px;
}
@media (max-width: 767px) {
  .slideshow-list .column {
    height: 9rem;
  }
}
@media (max-width: 571px) {
  .slideshow-list .column {
    max-width: 13rem;
  }
}
.slideshow-list img {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slideshow .slideshow-slides {
  height: 42.5rem;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 4rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .slideshow .slideshow-slides {
    height: 30rem;
    margin-bottom: 3rem;
  }
}
@media (max-width: 571px) {
  .slideshow .slideshow-slides {
    height: 22.5rem;
    margin-bottom: 2.5rem;
  }
}
.slideshow .slideshow-slides img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.slideshow .splide__pagination {
  bottom: 7rem;
}
.slideshow .splide__pagination button {
  height: 12px;
  width: 12px;
}
.slideshow .splide__pagination button.is-active {
  background-color: #231B72;
}

.slideshow .splide__arrows button {
  background: none;
  opacity: 1;
}

.page-comparateur--header {
  position: relative;
  background-color: #EBF1F5;
  padding: 5rem 0 7rem 0;
}
@media (max-width: 571px) {
  .page-comparateur--header {
    padding-top: 1.5rem;
    padding-bottom: 7.6rem;
  }
  .page-comparateur--header .filAriane {
    margin-left: -10px;
  }
}
.page-comparateur--header h1 {
  color: #A7BB44;
  margin-top: 4.3rem;
  margin-bottom: 1.8rem;
}
@media (max-width: 571px) {
  .page-comparateur--header h1 {
    margin-top: 0.8rem;
  }
}
.page-comparateur--header h1 span {
  color: #231B72;
}
@media (min-width: 1024px) {
  .page-comparateur--titre {
    padding-right: 15rem;
  }
}
@media (max-width: 571px) {
  .page-comparateur--titre {
    text-align: center;
    margin-top: 1.7rem;
  }
}
.page-comparateur--titre svg {
  width: 10.5rem;
  flex: 0 0 auto;
}
@media (max-width: 571px) {
  .page-comparateur--titre svg {
    width: 7.5rem;
  }
}
.page-comparateur--boutonVoirProduits {
  margin-left: 13.5rem;
  font-family: "Anybody", sans-serif;
  color: #231B72;
}
@media (max-width: 571px) {
  .page-comparateur--boutonVoirProduits {
    margin-left: 0;
    display: block;
    text-align: center;
  }
  .page-comparateur--boutonVoirProduits i {
    margin-left: 1rem;
  }
}
.page-comparateur--boutonVoirProduits.mobile {
  margin-top: 2.7rem;
}
@media (min-width: 572px) {
  .page-comparateur--boutonVoirProduits.mobile {
    display: none;
  }
}
.page-comparateur--boutonVoirProduits span {
  border-bottom: 1px solid #231B72;
}
.page-comparateur--ouvertureQuestionnaire {
  margin-top: 3.3rem;
  margin-bottom: 3.3rem;
}

.slider-comparateur--container {
  background-color: white;
  border-radius: 15px;
  margin-top: 2.5rem;
  padding: 0.8rem 10rem 2rem 10rem;
}
@media (max-width: 571px) {
  .slider-comparateur--container {
    background-color: #EBF1F5;
    border-radius: 0;
    margin-top: 0;
    padding: 1.4rem 2rem 2rem;
    overflow: auto;
    position: fixed;
    top: 5rem;
    left: 0;
    width: 100%;
    height: calc(100dvh - 5rem);
    z-index: 10;
  }
  body.admin-bar .slider-comparateur--container {
    top: calc(5rem + var(--wp-admin--admin-bar--height));
    height: calc(100dvh - 5rem - var(--wp-admin--admin-bar--height));
  }
  header.hide-header ~ main .slider-comparateur--container {
    top: 0;
    height: 100dvh;
  }
  body.admin-bar header.hide-header ~ main .slider-comparateur--container {
    top: var(--wp-admin--admin-bar--height);
    height: calc(100dvh - var(--wp-admin--admin-bar--height));
  }
  .slider-comparateur--container:not(.ouvert) {
    display: none;
  }
}
.slider-comparateur--container .loader {
  position: absolute;
  top: calc(50% - 28px);
  left: calc(50% - 28px);
}
.slider-comparateur--container .splide__arrow {
  top: 4.5rem;
}
@media (max-width: 571px) {
  .slider-comparateur--container .splide__arrow {
    width: 5rem;
    height: 5rem;
  }
}
.slider-comparateur--container .splide__arrow--prev {
  left: 2.5rem;
}
@media (max-width: 571px) {
  .slider-comparateur--container .splide__arrow--prev:before {
    transform: none;
  }
}
.slider-comparateur--container .splide__arrow--next {
  right: 2.5rem;
}
@media (max-width: 571px) {
  .slider-comparateur--container .splide__arrow--next:before {
    transform: none;
  }
}
.slider-comparateur--container .comparateurEnd-cta {
  column-gap: 3rem;
}

.slider-comparateur--question {
  font-size: 1.7rem;
  color: #231B72;
}
.slider-comparateur--question span:not(.question) {
  color: #A7BB44;
  font-size: 3rem;
  font-family: "Anybody", sans-serif;
  font-weight: 700;
  margin-top: 0.3rem;
}
.slider-comparateur--question .question {
  font-weight: 700;
}
.slider-comparateur--question .nombre-slide--max {
  margin-right: 2.5rem;
}
.slider-comparateur--questionMobile {
  width: 100%;
  color: #231B72;
  margin-bottom: 0.8rem;
}
.slider-comparateur--listeBoutons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 0.3rem;
}
@media (max-width: 571px) {
  .slider-comparateur--listeBoutons {
    background-color: white;
    border-radius: 15px;
    padding: 4rem 3rem;
  }
}
.slider-comparateur--listeBoutons .listeCapaciteProductionEnfant {
  display: none;
  position: relative;
  top: 25px;
  left: 0;
  width: 100%;
}
.slider-comparateur--listeBoutons .listeCapaciteProductionEnfant.affichee {
  display: block;
}
.slider-comparateur--listeBoutons .listeCapaciteProductionEnfant p {
  color: #231B72;
  font-size: 1.7rem;
  font-weight: 700;
}
.slider-comparateur--listeBoutons .listeCapaciteProductionEnfant > div {
  gap: 13px;
}
.slider-comparateur--reponse {
  font-size: 1.5rem;
  padding: 7px 8px 5px;
  background-color: #EBF1F5;
  color: #8D8BA2;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s;
}
.slider-comparateur--reponse.actif, .slider-comparateur--reponse:hover {
  background-color: #231B72;
  color: white;
}

.page-comparateur--nbResultats {
  font-size: 2rem;
  color: #231B72;
  margin-top: 3.8rem;
}
@media (max-width: 571px) {
  .page-comparateur--nbResultats {
    margin-top: 5.8rem;
    margin-bottom: 1.2rem;
    line-height: 1.3;
  }
}
.page-comparateur .nbSolutionsTrouvees {
  font-weight: 700;
}

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