html {
  scroll-behavior: smooth;
}

  html body .sib_signup_form .sib-wrapper {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
}

  html body .sib_signup_form .sib-wrapper label {
  padding-bottom: 0.5rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body .sib_signup_form .sib-wrapper input[type="text"],
        html body .sib_signup_form .sib-wrapper input[type="email"] {
          height: 54px;
          padding: 19px 25px;
          line-height: 1.3;
          color: #555555;
          border: 2px solid rgba(229, 229, 229, 1);
        }

  html body .sib_signup_form .sib-wrapper input[type="text"]:focus, html body .sib_signup_form .sib-wrapper input[type="email"]:focus {
            background-color: #ffffff;
            border-color:lgba(19, 73, 160, 1);
            color: var(--text-color);
            box-shadow: none;
            outline: none;
          }

  html body .sib_signup_form .terms-wrapper {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
}

  html body .sib_signup_form p:not(.sib-wrapper) {
  padding-top: 1.25rem;
  line-height: 1 !important;
}

  html body .sib_signup_form input[type="submit"] {
  margin-top: 1rem;
  width: 100%;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body #fonctionnalites [data-sidebar].active {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

  html body #fonctionnalites [data-sidebar].active span {
  font-family: Montserrat Bold, sans-serif;
}

  html body #fonctionnalites [data-sidebar].active img.grey {
  margin-left: 1.5rem;
  display: none;
}

  html body #fonctionnalites [data-sidebar].active img.blue {
  margin-left: 1.5rem;
  display: block;
}

html body #fonctionnalites [data-right] p img {
  @media (min-width: 1024px) {
    width: 100%;
  }
}

  html body #fonctionnalites ul {
  list-style-type: disc;
}

  @media (min-width: 1024px) {

  html body #fonctionnalites ul {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
    padding-left: 1.25rem !important;
  }
}

  html body #fonctionnalites ul >li:not(.wpml-ls-slot-shortcode_actions) {
  position: relative;
  list-style-position: inside;
  padding-left: 1.75rem;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body #fonctionnalites ul >li:not(.wpml-ls-slot-shortcode_actions)::before {
              content: "";
              background-image: url(../svg/polygone.svg);
              position: absolute;
              top: 5px;
              left: 0px;
              height: 0.75rem;
              width: 0.75rem;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
            }

  html body #fonctionnalites ul >li:not(.wpml-ls-slot-shortcode_actions)::marker {
              content: none;
            }

  html body #fonctionnalites ul >li:last-child {
  padding-bottom: 0px;
}

  html body #fonctionnalites h4 {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 25px;
}

  @media (min-width: 1280px) {

  html body #fonctionnalites h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

  html body #fonctionnalites .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body #fonctionnalites .select2.select2-container .selection .select2-selection--single {
  height: 3.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
  line-height: 3.5rem;
}

  html body #fonctionnalites .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body #fonctionnalites .select2.select2-container .selection .select2-selection__rendered {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
                line-height: inherit;
}

  html body #fonctionnalites .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
}

  html body #fonctionnalites .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body #fonctionnalites .select2.select2-container .selection .select2-selection__arrow b {
                  content: url(../svg/ic_select-white.svg) !important;
                  position: absolute;
                  top: 50%;
                  right: 0px;
                  left: auto;
                  margin: 0px;
                  height: 1.25rem;
                  width: 1.5rem;
                  --tw-translate-y: -50%;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                  border-style: none;
                  transition-property: all;
                  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                  transition-duration: 300ms;
                }

  html body #fonctionnalites .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body li {
  list-style-type: none;
}

  html body .open-social-network.active .others {
  visibility: visible;
  opacity: 1;
}

  html body sticky-header.nav-down,  html body header.nav-down {
  pointer-events: auto;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body details >summary::-webkit-details-marker {
  display: none !important;
}

  html body legend {
  padding-top: 1rem;
}

  /** EDITO */

  html body #presentation.rich-content h2 {
  display: block !important;
  padding-bottom: 34px !important;
  font-family: Montserrat Semi-Bold, sans-serif !important;
  font-size: 26px !important;
  text-transform: uppercase !important;
  line-height: 30px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
}

  html body #presentation.rich-content h3 {
  display: block !important;
  padding-bottom: 17px !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 26px !important;
  text-transform: uppercase !important;
  line-height: 30px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
}

  html body #presentation.rich-content h4 {
  display: block !important;
  padding-bottom: 19px !important;
  font-family: Montserrat Semi-Bold, sans-serif !important;
  font-size: 20px !important;
  line-height: 23px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
}

  html body #presentation.rich-content p {
  padding-bottom: 10px !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
}

  html body #presentation.rich-content p img.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

  html body #presentation.rich-content p img.alignleft {
  margin-right: auto;
}

  html body #presentation.rich-content p img.alignright {
  margin-left: auto;
}

  html body #presentation.rich-content strong {
  font-family: Montserrat Semi-Bold, sans-serif !important;
}

  html body #presentation.rich-content a:not(html body #presentation.rich-content a.custom-btn) {
  font-family: Montserrat Semi-Bold, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body #presentation.rich-content ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}

  html body #presentation.rich-content ul >li {
  position: relative;
  list-style-position: inside;
  padding-left: 1.75rem;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body #presentation.rich-content ul >li::before {
              content: "";
              background-image: url(../svg/polygone.svg);
              position: absolute;
              top: 0px;
              left: 0px;
              height: 0.75rem;
              width: 0.75rem;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
            }

  html body #presentation.rich-content ul >li::marker,
            html body #presentation.rich-content ul >li::-webkit-details-marker {
              content: none;
            }

  html body #presentation.rich-content ol {
  list-style-position: inside;
  list-style-type: decimal;
  padding-bottom: 2.25rem;
          counter-reset: item;
}

  html body #presentation.rich-content ol >li {
  list-style-position: inside;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));

            counter-increment: item;
}

  html body #presentation.rich-content ol >li::before {
              content: counter(item);
              background-image: url(../../../assets/svg/polygone.svg);
              display: inline-block;
              width: 2rem;
              background-position: center;
              background-repeat: no-repeat;
              text-align: center;
              vertical-align: middle;
              font-family: Montserrat Semi-Bold, sans-serif;
              font-size: 10px;
              line-height: 1.25rem;
              --tw-text-opacity: 1;
              color: rgb(255 255 255 / var(--tw-text-opacity));
            }

  html body #presentation.rich-content ol >li::marker {
              content: none;
            }

  html body.has-bg-color header .white-logo {
  display: none;
}

  html body.has-bg-color header .blue-logo {
  display: flex;
  align-items: center;
}

  html body ol {
  list-style-position: inside;
  list-style-type: decimal;
  padding-bottom: 2.25rem;
      counter-reset: item;
}

  html body ol >li {
  list-style-position: inside;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));

        counter-increment: item;
}

  html body ol >li::before {
          content: counter(item);
          background-image: url(../svg/polygone.svg);
          display: inline-block;
          width: 2rem;
          background-position: center;
          background-repeat: no-repeat;
          text-align: center;
          vertical-align: middle;
          font-family: Montserrat Semi-Bold, sans-serif;
          font-size: 10px;
          line-height: 1.25rem;
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity));
        }

  html body ol >li::marker {
          content: none;
        }

  html body ul:not(.menu):not(.sub-menu):not(.select2-results__options):not(.splide__pagination) {
  list-style-type: disc;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
}

  html body ul:not(.menu):not(.sub-menu):not(.select2-results__options):not(.splide__pagination) >li:not(.wpml-ls-item):not(.splide__slide):not(.menu-item) {
  position: relative;
  list-style-position: inside;
  padding-left: 1.75rem;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body ul:not(.menu):not(.sub-menu):not(.select2-results__options):not(.splide__pagination) >li:not(.wpml-ls-item):not(.splide__slide):not(.menu-item)::before {
            content: "";
            background-image: url(../svg/polygone.svg);
            position: absolute;
            top: 5px;
            left: 0px;
            height: 0.75rem;
            width: 0.75rem;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
          }

  html body ul:not(.menu):not(.sub-menu):not(.select2-results__options):not(.splide__pagination) >li:not(.wpml-ls-item):not(.splide__slide):not(.menu-item)::marker {
            content: none;
          }

  html body section a[href] {
          font-weight:bold;
        }

  html body .plyr__video-embed iframe {
        top:-50%;
        height: 200%;
      }

  html body dialog[open] {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

  html body dialog[open] #form_contact {
  width: 100% !important;
}

  html body dialog[open] form {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

  html body dialog[open] form .frm_button_submit {
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  font-size: 10px !important;
}

  html body dialog[open] form .frm_button_submit img {
  width: 18px;
}

  html body dialog[open] form .frm_checkbox label input[type="checkbox"] {
  margin-right: 0px !important;
}

  html body dialog.open {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

  html body dialog.open #form_contact {
  width: 100% !important;
}

  html body dialog.open form {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

  html body dialog.open form .frm_button_submit {
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  font-size: 10px !important;
}

  html body dialog.open form .frm_button_submit img {
  width: 18px;
}

  html body dialog.open form .frm_checkbox label input[type="checkbox"] {
  margin-right: 0px !important;
}

  html body mobile-header .mobile-menu li.menu-item {
  display: block;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 23px;
  padding-right: 23px;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 18px;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body mobile-header .mobile-menu li.menu-item.menu-item-has-children {
  position: relative;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
}

  html body mobile-header .mobile-menu li.menu-item.menu-item-has-children a {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 18px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body mobile-header .mobile-menu li.menu-item.menu-item-has-children .sub-menu {
  position: absolute;
  top: -100%;
  left: 0px;
  z-index: -1;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

  html body mobile-header .mobile-menu li.menu-item.menu-item-has-children .sub-menu li {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

  html body mobile-header .mobile-menu li.menu-item.menu-item-has-children .sub-menu li a {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body mobile-header .mobile-menu li.menu-item.menu-item-has-children.open {
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
                overflow: inherit;
}

  html body mobile-header .mobile-menu li.menu-item.menu-item-has-children.open .sub-menu {
  top: 100%;
  z-index: 10;
}

  html body mobile-header .mobile-menu li.menu-item.menu-item-has-children.open::after {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body mobile-header .mobile-menu li.menu-item.menu-item-has-children::after {
                content: url(../svg/ic_select-white.svg);
                position: absolute;
                right: 1.25rem;
                top: 50%;
                --tw-translate-y: -50%;
                --tw-scale-x: .75;
                --tw-scale-y: .75;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              }

  html body mobile-header .mobile-menu li.menu-item.blue {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
}

  html body mobile-header .mobile-menu li.menu-item.blue a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body mobile-header .mobile-menu li.menu-item.clients {
  --tw-bg-opacity: 1;
  background-color: rgb(91 192 201 / var(--tw-bg-opacity));
}

  html body mobile-header .mobile-menu li.menu-item.clients a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body mobile-header .top-bar-mobile li {
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  line-height: 12px;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body mobile-header .top-bar-mobile li.btn-search {
  display: none;
}

  @media (min-width: 1024px) {

  html body mobile-header .top-bar-mobile li.btn-search {
    display: block;
  }
}

  html body mobile-header.is-visible {
  visibility: visible;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

  html body mobile-header .wpml-ls {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-top: 37px;
  padding-bottom: 17px;
  padding-right: 40px;
}

  html body mobile-header .wpml-ls ul {
  margin: 0px !important;
  display: flex !important;
  width: auto !important;
  padding: 0px !important;
}

  html body mobile-header .wpml-ls ul li a.wpml-ls-item-toggle {
  border-width: 0px;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
}

  html body mobile-header .wpml-ls ul li a.wpml-ls-item-toggle::after {
                  content: url(../svg/ic_select.svg);
                  top: 50%;
                  right: 0px;
                  --tw-translate-y: -50%;
                  --tw-scale-x: .5;
                  --tw-scale-y: .5;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                  border-style: none;
                }

  html body mobile-header .wpml-ls ul li a.wpml-ls-item-toggle span {
                  all: unset;
                }

  html body mobile-header .wpml-ls ul li a.wpml-ls-item-toggle:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

  html body mobile-header .wpml-ls ul li a.wpml-ls-item-toggle:hover a {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

  html body mobile-header .wpml-ls ul li ul.wpml-ls-sub-menu {
  border-style: none;
}

  html body mobile-header .wpml-ls ul li ul.wpml-ls-sub-menu .wpml-ls-item .wpml-ls-link {
  border-style: none;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
}

  html body mobile-header .wpml-ls ul li ul.wpml-ls-sub-menu .wpml-ls-item .wpml-ls-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

  html body mobile-header .wpml-ls .wpml-ls-current-language:hover >a {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

  html body .splide__pagination__page {
      background-color:transparent;
    }

  html body.overlay::before {
        content: "";
        position:fixed;
        top: 0;
        z-index: 21;
        left: 0;
        width: 100%;
        height: 100%;
        background:lgba(0, 0, 0, 0.5);
      }

  html body .frm_forms .frm_required {
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.page-template-template-light header .menu-wrapper {
  display: none;
}

  html body.page-template-template-light header sticky-header .menu-wrapper {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

  html body.page-template-template-light header sticky-header .main {
  display: none;
}

  html body.page-template-template-light footer #footer-wrapper {
  display: none;
}

  html body.page-template-template-light footer .logo-to-hide {
  margin-bottom: 0px;
}

  /* Proposition de valeur */

  html body.page-template-proposition-de-valeur {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

  @media (min-width: 1024px) {

  html body.page-template-proposition-de-valeur {
    --tw-bg-opacity: 1;
    background-color: rgb(0 17 43 / var(--tw-bg-opacity));
  }
}

  html body.page-template-proposition-de-valeur .vertical-title {
        left: calc((100vw - var(--containerWidth)) / 2 - 200px);
      }

  html body.page-template-proposition-de-valeur .inner-video {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin-top: var(--headerHeight);
  height: 100%;
  overflow: hidden;
  background-size: cover;
}

  @media (min-width: 1024px) {

  html body.page-template-proposition-de-valeur .inner-video {
    margin-top: 0px;
  }
}

  @media (min-width: 1280px) {

  html body.page-template-proposition-de-valeur .inner-video {
    position: absolute;
  }
}

  html body.page-template-proposition-de-valeur .inner-video #home-video,
        html body.page-template-proposition-de-valeur .inner-video iframe {
          height: 56.25vw;
          min-height: 100vh;
          position: absolute;
          top: 50%;
          left: 50%;
          display: none;
          width: 100vw;
          --tw-translate-x: -50%;
          --tw-translate-y: -50%;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transition-property: opacity;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 300ms;
        }

  @media (min-width: 1024px) {

  html body.page-template-proposition-de-valeur .inner-video #home-video, 
        html body.page-template-proposition-de-valeur .inner-video iframe {
    display: block;
  }
}

  @media (min-width: 1280px) {

  html body.page-template-proposition-de-valeur .inner-video #home-video, 
        html body.page-template-proposition-de-valeur .inner-video iframe {
    min-width: 177.77vh;
  }
}

  @media (min-width: 1024px) {

  html body.page-template-proposition-de-valeur .single-enjeu:nth-child(odd) {
    --tw-translate-y: -4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
          }

  html body.page-template-proposition-de-valeur .single-enjeu:nth-child(odd) .overlay {
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
}

  html body.page-template-proposition-de-valeur .single-enjeu:nth-child(even) {
  transform: none;
}

  html body.page-template-proposition-de-valeur .single-enjeu:nth-child(even) .overlay {
  --tw-bg-opacity: 1;
  background-color: rgb(91 192 201 / var(--tw-bg-opacity));
}

  html body.page-template-proposition-de-valeur .rich-content {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
}

  @media (min-width: 1024px) {

  html body.page-template-proposition-de-valeur .rich-content {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

  html body.page-template-proposition-de-valeur #theme details summary::after {
  right: 10px;
}

  /* Activité */

  html body.page-template-activite #innovation .vertical-title {
          left: calc(var(--marginContainer) - var(--verticalTitleWidth));
          top: calc(var(--verticalTitleWidth) - 50px);
        }

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

  html body.page-template-activite .hero br {
    display: none;
  }
          }

  /* Single contact */

  html body.page-template-single-contact #breadcrumbs {
  display: none;
}

  @media (min-width: 1024px) {

  html body.page-template-single-contact #breadcrumbs {
    position: absolute;
    bottom: 1rem;
  }
        }

  html body.page-template-single-contact #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.page-template-single-contact #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-single-contact #breadcrumbs span.sep, 
          html body.page-template-single-contact #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body.page-template-single-contact #presentation .octogone {
          min-width: 1.5rem;
          height: 1.5rem;
          min-height: 1.5rem;
          width: 1.5rem;
        }

  html body.page-template-single-contact form {
  width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

  html body.page-template-single-contact form .frm_button_submit {
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  font-size: 10px !important;
}

  html body.page-template-single-contact form .frm_button_submit img {
  width: 18px;
}

  html body.page-template-single-contact form .frm_checkbox label input[type="checkbox"] {
  margin-right: 0px !important;
}

  /* Archive produits */

  html body.page-template-archive-solutions section#hero #breadcrumbs,  html body.page-template-archive-solutions-en section#hero #breadcrumbs {
  display: none;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-solutions section#hero #breadcrumbs,  html body.page-template-archive-solutions-en section#hero #breadcrumbs {
    position: absolute;
    bottom: 0px;
    display: block;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
            }

  html body.page-template-archive-solutions section#hero #breadcrumbs span,  html body.page-template-archive-solutions-en section#hero #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#hero #breadcrumbs span.sep, 
              html body.page-template-archive-solutions section#hero #breadcrumbs span.breadcrumb_last, 
              html body.page-template-archive-solutions-en section#hero #breadcrumbs span.sep, 
              html body.page-template-archive-solutions-en section#hero #breadcrumbs span.breadcrumb_last {
  font-weight: 700;
}

  html body.page-template-archive-solutions section#hero .inner-video,  html body.page-template-archive-solutions-en section#hero .inner-video {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  background-size: cover;
}

  html body.page-template-archive-solutions section#hero .inner-video #home-video,
            html body.page-template-archive-solutions section#hero .inner-video iframe,
            html body.page-template-archive-solutions-en section#hero .inner-video #home-video,
            html body.page-template-archive-solutions-en section#hero .inner-video iframe {
              height: 56.25vw;
              min-height: 100vh;
              min-width: 177.77vh;
              position: absolute;
              top: 50%;
              left: 50%;
              width: 100vw;
              --tw-translate-x: -50%;
              --tw-translate-y: -50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              transition-duration: 300ms;
            }

  html body.page-template-archive-solutions section#hero .inner-video #home-video .ytp-cued-thumbnail-overlay svg,  html body.page-template-archive-solutions section#hero .inner-video iframe .ytp-cued-thumbnail-overlay svg,  html body.page-template-archive-solutions-en section#hero .inner-video #home-video .ytp-cued-thumbnail-overlay svg,  html body.page-template-archive-solutions-en section#hero .inner-video iframe .ytp-cued-thumbnail-overlay svg {
  display: none !important;
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper {
    margin-right: auto;
    width: 16rem;
  }
              }

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not),  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not) {
  width: 100%;
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection.select2-selection--single,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection.select2-selection--single {
  --tw-border-opacity: 1 !important;
  border-color: rgb(214 229 253 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(214 229 253 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31 60 144 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  height: 100%;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(31 60 144 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection.select2-selection--single .select2-selection__clear,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection.select2-selection--single .select2-selection__clear {
  --tw-text-opacity: 1;
  color: rgb(31 60 144 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection__arrow b, html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection__arrow b {
                              content: url(../svg/ic_select-blue.svg) !important;
                            }

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not):first-child .select2,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not):first-child .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single {
  --tw-border-opacity: 1;
  border-color: rgb(19 73 160 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  height: 100%;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  display: flex;
  height: 100%;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection__arrow,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection__arrow b, html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection__arrow b {
                            content: url(../svg/ic_select-white.svg) !important;
                            position: absolute;
                            top: 50%;
                            right: 0px;
                            left: auto;
                            margin: 0px;
                            height: 1.25rem;
                            width: 1.5rem;
                            --tw-translate-y: -50%;
                            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                            border-style: none;
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 300ms;
                          }

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper.is-selected .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper.is-selected .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  padding-left: 0.625rem;
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper .select2,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 100%;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
                          line-height: inherit;
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 1rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b, html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                          content: url(../svg/ic_select.svg);
                          position: absolute;
                          top: 50%;
                          right: 0px;
                          left: auto;
                          margin: 0px;
                          height: 1.25rem;
                          width: 1.5rem;
                          --tw-translate-y: -50%;
                          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                          border-style: none;
                          transition-property: all;
                          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                          transition-duration: 300ms;
                        }

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-solutions section#archive #filters .drop-wrapper:not(:first-child).is-selected .select2-selection.select2-selection--single,  html body.page-template-archive-solutions-en section#archive #filters .drop-wrapper:not(:first-child).is-selected .select2-selection.select2-selection--single {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

  html body.page-template-archive-solutions section#archive #filters form#search-form,  html body.page-template-archive-solutions-en section#archive #filters form#search-form {
  height: auto;
}

  html body.page-template-archive-solutions section#archive #filters form#search-form input[type="text"]::-moz-placeholder, html body.page-template-archive-solutions-en section#archive #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#archive #filters form#search-form input[type="text"]:-ms-input-placeholder, html body.page-template-archive-solutions-en section#archive #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#archive #filters form#search-form input[type="text"]::placeholder,  html body.page-template-archive-solutions-en section#archive #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions section#gallery .splide .splide__track .splide__list .splide__slide >img,  html body.page-template-archive-solutions-en section#gallery .splide .splide__track .splide__list .splide__slide >img {
  margin-left: auto;
  margin-right: auto;
}

  html body.page-template-archive-solutions section#gallery .splide .splide__pagination,  html body.page-template-archive-solutions-en section#gallery .splide .splide__pagination {
  position: relative;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.page-template-archive-solutions section#gallery .splide .splide__pagination li,  html body.page-template-archive-solutions-en section#gallery .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.page-template-archive-solutions section#gallery .splide .splide__pagination li button,  html body.page-template-archive-solutions-en section#gallery .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
                  background-image: url(../../assets/svg/octogone.svg);
}

  html body.page-template-archive-solutions section#gallery .splide .splide__pagination li button.is-active,  html body.page-template-archive-solutions-en section#gallery .splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  opacity: 1;
                    background-image: url(../../assets/svg/octogone-active.svg);
}

  html body.page-template-archive-solutions aside #filters,  html body.page-template-archive-solutions-en aside #filters {
  flex-wrap: wrap;
}

  html body.page-template-archive-solutions aside #filters .drop-wrapper,  html body.page-template-archive-solutions-en aside #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-solutions aside #filters .drop-wrapper,  html body.page-template-archive-solutions-en aside #filters .drop-wrapper {
    width: 183px;
  }

              html body.page-template-archive-solutions aside #filters .drop-wrapper:first-child,  html body.page-template-archive-solutions-en aside #filters .drop-wrapper:first-child {
    width: 285px;
  }
            }

  html body.page-template-archive-solutions aside #filters .drop-wrapper .select2,  html body.page-template-archive-solutions-en aside #filters .drop-wrapper .select2 {
  width: 100% !important;
}

  html body.page-template-archive-solutions aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single,  html body.page-template-archive-solutions-en aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 2.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 239 239 / var(--tw-border-opacity)) !important;
  line-height: 2.5rem;
}

  html body.page-template-archive-solutions aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear,  html body.page-template-archive-solutions-en aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.page-template-archive-solutions aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered,  html body.page-template-archive-solutions-en aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder,  html body.page-template-archive-solutions-en aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow,  html body.page-template-archive-solutions-en aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-solutions aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b, html body.page-template-archive-solutions-en aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                        content: url(../svg/ic_select-white.svg);
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        left: auto;
                        margin: 0px;
                        height: 2.5rem;
                        width: 1.5rem;
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        border-style: none;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 300ms;
                      }

  html body.page-template-archive-solutions aside #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b,  html body.page-template-archive-solutions-en aside #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-solutions aside #filters form#search-form input[type="text"]::-moz-placeholder, html body.page-template-archive-solutions-en aside #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions aside #filters form#search-form input[type="text"]:-ms-input-placeholder, html body.page-template-archive-solutions-en aside #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions aside #filters form#search-form input[type="text"]::placeholder,  html body.page-template-archive-solutions-en aside #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-solutions aside #filters form#search-form button[type="submit"] svg path,  html body.page-template-archive-solutions-en aside #filters form#search-form button[type="submit"] svg path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

  /* Search Results */

  @media (min-width: 1024px) {

  html body.search header .white-logo {
    display: none;
  }
}

  html body.search header .blue-logo {
  display: none;
}

  @media (min-width: 1024px) {

  html body.search header .blue-logo {
    display: flex;
    align-items: center;
  }
}

  /* Archive use case */

  html body.page-template-archive-use-case section#hero #breadcrumbs {
  display: none;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-use-case section#hero #breadcrumbs {
    position: absolute;
    bottom: 0px;
    display: block;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
            }

  html body.page-template-archive-use-case section#hero #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case section#hero #breadcrumbs span.sep, 
              html body.page-template-archive-use-case section#hero #breadcrumbs span.breadcrumb_last {
  font-weight: 700;
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper {
    margin-right: auto;
    width: 16rem;
  }
              }

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper:first-child.is-selected .select2 .selection .select2-selection.select-2-selection-single {
  --tw-bg-opacity: 1;
  background-color: rgb(214 229 253 / var(--tw-bg-opacity));
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper:first-child {
  height: 55px !important;
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper:first-child.is-selected {
  --tw-bg-opacity: 1;
  height: 55px;
  background-color: rgb(214 229 253 / var(--tw-bg-opacity));
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper:not(.not) {
  width: 100%;
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper:not(.not):first-child .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single {
  height: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(19 73 160 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  display: flex;
  height: 100%;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection__arrow b {
                            content: url(../svg/ic_select-white.svg) !important;
                            position: absolute;
                            top: 50%;
                            right: 0px;
                            left: auto;
                            margin: 0px;
                            height: 1.25rem;
                            width: 1.5rem;
                            --tw-translate-y: -50%;
                            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                            border-style: none;
                            transition-property: all;
                            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                            transition-duration: 300ms;
                          }

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 3.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
  line-height: 3.5rem;
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: 400px;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  padding-left: 23px;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                          content: url(../svg/ic_select.svg);
                          position: absolute;
                          top: 50%;
                          right: 0px;
                          left: auto;
                          margin: 0px;
                          height: 1.25rem;
                          width: 1.5rem;
                          --tw-translate-y: -50%;
                          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                          border-style: none;
                          transition-property: all;
                          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                          transition-duration: 300ms;
                        }

  html body.page-template-archive-use-case section#archive #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-use-case section#archive #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case section#archive #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case section#archive #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case section#archive #filters form#search-form button[type="submit"] svg path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case section#gallery .splide .splide__track .splide__list .splide__slide >img {
  margin-left: auto;
  margin-right: auto;
}

  html body.page-template-archive-use-case section#gallery .splide .splide__pagination {
  position: relative;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.page-template-archive-use-case section#gallery .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.page-template-archive-use-case section#gallery .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
                  background-image: url(../../assets/svg/octogone.svg);
}

  html body.page-template-archive-use-case section#gallery .splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  opacity: 1;
                    background-image: url(../../assets/svg/octogone-active.svg);
}

  html body.page-template-archive-use-case aside #filters {
  flex-wrap: wrap;
}

  html body.page-template-archive-use-case aside #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-use-case aside #filters .drop-wrapper {
    width: 183px;
  }

              html body.page-template-archive-use-case aside #filters .drop-wrapper:first-child {
    width: 285px;
  }
            }

  html body.page-template-archive-use-case aside #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-use-case aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 2.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 239 239 / var(--tw-border-opacity)) !important;
  line-height: 2.5rem;
}

  html body.page-template-archive-use-case aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.page-template-archive-use-case aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-use-case aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                        content: url(../svg/ic_select-white.svg);
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        left: auto;
                        margin: 0px;
                        height: 2.5rem;
                        width: 1.5rem;
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        border-style: none;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 300ms;
                      }

  html body.page-template-archive-use-case aside #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-use-case aside #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case aside #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case aside #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case aside #filters form#search-form button[type="submit"] svg path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case >.select2-container .select2-dropdown {
  border-radius: 0px;
}

  html body.page-template-archive-use-case >.select2-container .select2-dropdown .select2-search {
  display: none;
}

  html body.page-template-archive-use-case >.select2-container .select2-dropdown .select2-results {
  margin-top: 0.625rem;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 6px;
  padding-right: 6px;
}

  html body.page-template-archive-use-case >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option {
  display: flex;
  height: 3.5rem;
  align-items: center;
  padding: 0.75rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option:last-child {
  border-bottom-width: 0px;
}

  html body.page-template-archive-use-case >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option--highlighted {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-use-case >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.loading-results {
  display: none;
}

  /* Blog */

  @media screen and (max-with: 1024px) {

  html body.blog #hero .container >div {
              padding-top: var(--logoWrapper)
          }
            }

  html body.blog #hero .container #breadcrumbs {
  position: relative;
  padding-bottom: 1rem;
}

  html body.blog #hero .container #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.blog #hero .container #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.blog #hero .container #breadcrumbs span.sep, 
              html body.blog #hero .container #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body.blog #filters {
  flex-wrap: wrap;
}

  html body.blog #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.blog #filters .drop-wrapper {
    width: 16rem;
  }
          }

  html body.blog #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.blog #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  display: flex;
  height: 100%;
  align-items: center;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
}

  html body.blog #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.blog #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  display: flex;
  padding-left: 1rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.blog #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered .select2-selection__clear {
                      line-height: inherit !important;
                    }

  html body.blog #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.blog #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.blog #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                      content: url(../svg/ic_select.svg);
                      position: absolute;
                      top: 50%;
                      right: 0px;
                      left: auto;
                      margin: 0px;
                      height: 1.25rem;
                      width: 1.5rem;
                      --tw-translate-y: -50%;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                      border-style: none;
                      transition-property: all;
                      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                      transition-duration: 300ms;
                    }

  html body.blog #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.blog #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.blog #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.blog #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.blog #filters form#search-form button[type="submit"] svg path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

  html body.blog #results .custom-pagination {
  padding-bottom: 0px;
}

  html body.blog #results .custom-pagination .page-numbers {
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.blog #results .custom-pagination .page-numbers:not(.accroche) {
  position: relative;
  z-index: 0;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.blog #results .custom-pagination .page-numbers:not(.accroche)::after {
                content: "";
                position: absolute;
                z-index: -10;
                height: 2.5rem;
                width: 2.5rem;
                border-radius: 9999px;
                background-size: contain;
              }

  html body.blog #results .custom-pagination .page-numbers:not(.accroche).current {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.blog #results .custom-pagination .page-numbers:not(.accroche).current::after {
                  content: "";
                  background: url("../svg/bg-polygon.svg");
                  position: absolute;
                  z-index: -10;
                  height: 100%;
                  width: 100%;
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                }

  html body.blog #results .single-program .terms-list {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

  html body.blog #results .single-program .terms-list p {
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.blog #results .single-program .terms-list img.white {
  display: none;
}

  html body.blog #results .single-program .terms-list img.blue {
  display: block;
}

  html body.blog #results .single-program.selected .terms-list {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
}

  html body.blog #results .single-program.selected .terms-list p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.blog #results .single-program.selected .terms-list img.white {
  display: block;
}

  html body.blog #results .single-program.selected .terms-list img.blue {
  display: none;
}

  /* ARCHIVE RESSOURCES */

  html body.page-template-archive-ressources #hero .container #breadcrumbs {
  display: none;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-ressources #hero .container #breadcrumbs {
    position: absolute;
    bottom: 1rem;
  }
            }

  html body.page-template-archive-ressources #hero .container #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.page-template-archive-ressources #hero .container #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources #hero .container #breadcrumbs span.sep, 
              html body.page-template-archive-ressources #hero .container #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body.page-template-archive-ressources aside #filters {
  flex-wrap: wrap;
}

  html body.page-template-archive-ressources aside #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-ressources aside #filters .drop-wrapper {
    width: 183px;
  }

              html body.page-template-archive-ressources aside #filters .drop-wrapper:first-child {
    width: 285px;
  }
            }

  html body.page-template-archive-ressources aside #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-ressources aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 2.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 239 239 / var(--tw-border-opacity)) !important;
  line-height: 2.5rem;
}

  html body.page-template-archive-ressources aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.page-template-archive-ressources aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-ressources aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                        content: url(../svg/ic_select-white.svg);
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        left: auto;
                        margin: 0px;
                        height: 2.5rem;
                        width: 1.5rem;
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        border-style: none;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 300ms;
                      }

  html body.page-template-archive-ressources aside #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-ressources aside #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources aside #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources aside #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources aside #filters form#search-form button[type="submit"] svg path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources #archive #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-ressources #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 3.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
  line-height: 3.5rem;
}

  html body.page-template-archive-ressources #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
  line-height: 1;
}

  html body.page-template-archive-ressources #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  padding-left: 1.5rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
                        line-height: inherit;
}

  html body.page-template-archive-ressources #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-ressources #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                        content: url(../svg/ic_select.svg);
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        left: auto;
                        margin: 0px;
                        height: 1.25rem;
                        width: 1.5rem;
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        border-style: none;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 300ms;
                      }

  html body.page-template-archive-ressources #archive #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-ressources #archive #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources #archive #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources #archive #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-ressources #archive #filters form#search-form button[type="submit"] svg path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

  /* SINGLE RESSOURCES */

  html body.single-ressource #breadcrumbs {
  position: relative;
  padding-bottom: 1rem;
}

  html body.single-ressource #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.single-ressource #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.single-ressource #breadcrumbs span.sep, 
          html body.single-ressource #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  /* SINGLE SOLUTION */

  html body.single-solution #breadcrumbs {
  position: relative;
  display: none;
  padding-bottom: 1rem;
}

  @media (min-width: 1024px) {

  html body.single-solution #breadcrumbs {
    display: block;
  }
}

  html body.single-solution #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.single-solution #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.single-solution #breadcrumbs span.sep, 
          html body.single-solution #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body.single-solution .solution-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

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

  html body.single-solution .solution-wrapper {
          overflow: inherit
      }
        }

  html body.single-solution #checkerboard h2 {
  display: block;
  padding-bottom: 34px;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 26px;
  text-transform: uppercase;
  line-height: 30px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-solution #reglementation .reglementation-description h3 {
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  text-transform: uppercase;
  line-height: 30px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-solution #reglementation .reglementation-description h4 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 20px;
  line-height: 23px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-solution #reglementation .reglementation-description ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}

  html body.single-solution #reglementation .reglementation-description ul >li {
  position: relative;
  list-style-position: inside;
  padding-left: 1.75rem;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-solution #reglementation .reglementation-description ul >li::before {
                content: "";
                background-image: url(../svg/polygone.svg);
                position: absolute;
                top: 5px;
                left: 0px;
                height: 0.75rem;
                width: 0.75rem;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.single-solution #reglementation .reglementation-description ul >li::marker {
                content: none;
              }

  html body.single-solution .social-sidebar {
  display: none;
}

  @media (min-width: 1024px) {

  html body.single-solution .social-sidebar {
    display: flex;
  }
        }

  html body.single-solution .social-sidebar.mobile {
  display: flex;
}

  @media (min-width: 1024px) {

  html body.single-solution .social-sidebar.mobile {
    display: none;
  }
          }

  html body.single-solution #tabs-wrapper a::after {
            content: "";
            visibility: hidden;
            position: absolute;
            bottom: 0px;
            height: 0.375rem;
            width: 100%;
            --tw-bg-opacity: 1;
            background-color: rgb(91 192 201 / var(--tw-bg-opacity));
            opacity: 0;
          }

  html body.single-solution #tabs-wrapper a.is-active::after {
  visibility: visible;
  opacity: 1;
}

  @media (min-width: 1024px) {

  html body.single-solution #hero {
          margin-bottom: calc(400px - 100px)
      }
        }

  html body.single-solution #hero #container-wrapper {
          padding-top: calc(400px - 150px);
        }

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

  html body.single-solution #hero #container-wrapper {
            padding-left: 0;
            padding-right: 0
        }
          }

  @media (min-width: 1024px) {

  html body.single-solution #images #gallery.splide .splide__track .splide__list .splide__slide {
    margin-bottom: 2.5rem;
  }
                  }

  html body.single-solution #images #gallery.splide .splide__track .splide__list .splide__slide >img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

  @media (min-width: 1024px) {

  html body.single-solution #images #gallery.splide .splide__track .splide__list .splide__slide >img {
    height: 414px;
  }
}

  html body.single-solution #images #gallery.splide .splide__arrows {
  position: absolute;
  top: 50%;
  z-index: 20;
  display: inline-flex;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: space-between;
}

  html body.single-solution #images #gallery.splide .splide__arrows .splide__arrow {
  position: relative;
  height: 44px;
  width: 38px;
  background-color: transparent;
  opacity: 1;
}

  html body.single-solution #images #gallery.splide .splide__arrows .splide__arrow::before {
                  content: "";
                  background-image: url(../svg/bg-polygon.svg);
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  height: 100%;
                  width: 100%;
                  --tw-translate-y: -50%;
                  --tw-translate-x: -50%;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                  border-style: none;
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                }

  html body.single-solution #images #gallery.splide .splide__arrows .splide__arrow::after {
                  content: "";
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  z-index: 10;
                  height: 100%;
                  width: 1.25rem;
                  --tw-translate-y: -50%;
                  --tw-translate-x: -50%;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                  border-style: none;
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                }

  html body.single-solution #images #gallery.splide .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.single-solution #images #gallery.splide .splide__arrows .splide__arrow--prev {
                  left: calc(0px - (38px / 2));
                }

  html body.single-solution #images #gallery.splide .splide__arrows .splide__arrow--prev::after {
                    background-image: url(../svg/arrow-back-white.svg);
                  }

  html body.single-solution #images #gallery.splide .splide__arrows .splide__arrow--next {
                  right: calc(0px - (38px / 2));
                }

  html body.single-solution #images #gallery.splide .splide__arrows .splide__arrow--next::after {
                    background-image: url(../svg/arrow-next-white.svg);
                  }

  html body.single-solution #images #gallery.splide .splide__pagination {
  position: relative;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  @media (min-width: 1024px) {

  html body.single-solution #images #gallery.splide .splide__pagination {
    position: absolute;
    margin-top: 2.5rem;
  }
}

  html body.single-solution #images #gallery.splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.single-solution #images #gallery.splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
                  background-image: url(../../assets/svg/octogone.svg);
}

  html body.single-solution #images #gallery.splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  opacity: 1;
                    background-image: url(../../assets/svg/octogone-active.svg);
}

  html body.single-solution #fonctionnalites [data-sidebar].active {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

  html body.single-solution #fonctionnalites [data-sidebar].active span {
  font-family: Montserrat Bold, sans-serif;
}

  html body.single-solution #fonctionnalites [data-sidebar].active img.grey {
  margin-left: 1.5rem;
  display: none;
}

  html body.single-solution #fonctionnalites [data-sidebar].active img.blue {
  margin-left: 1.5rem;
  display: block;
}

  html body.single-solution #fonctionnalites ul {
  list-style-type: disc;
}

  @media (min-width: 1024px) {

  html body.single-solution #fonctionnalites ul {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
    padding-left: 1.25rem !important;
  }
}

  html body.single-solution #fonctionnalites ul >li:not(.wpml-ls-slot-shortcode_actions) {
  position: relative;
  list-style-position: inside;
  padding-left: 1.75rem;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-solution #fonctionnalites ul >li:not(.wpml-ls-slot-shortcode_actions)::before {
                content: "";
                background-image: url(../svg/polygone.svg);
                position: absolute;
                top: 5px;
                left: 0px;
                height: 0.75rem;
                width: 0.75rem;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.single-solution #fonctionnalites ul >li:not(.wpml-ls-slot-shortcode_actions)::marker {
                content: none;
              }

  html body.single-solution #fonctionnalites ul >li:last-child {
  padding-bottom: 0px;
}

  html body.single-solution #fonctionnalites h4 {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 25px;
}

  @media (min-width: 1280px) {

  html body.single-solution #fonctionnalites h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

  html body.single-solution #fonctionnalites .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.single-solution #fonctionnalites .select2.select2-container .selection .select2-selection--single {
  height: 3.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
  line-height: 3.5rem;
}

  html body.single-solution #fonctionnalites .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.single-solution #fonctionnalites .select2.select2-container .selection .select2-selection__rendered {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
}

  html body.single-solution #fonctionnalites .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
}

  html body.single-solution #fonctionnalites .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.single-solution #fonctionnalites .select2.select2-container .selection .select2-selection__arrow b {
                    content: url(../svg/ic_select-white.svg) !important;
                    position: absolute;
                    top: 50%;
                    right: 0px;
                    left: auto;
                    margin: 0px;
                    height: 1.25rem;
                    width: 1.5rem;
                    --tw-translate-y: -50%;
                    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                    border-style: none;
                    transition-property: all;
                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    transition-duration: 300ms;
                  }

  html body.single-solution #fonctionnalites .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.single-solution #offres tr.even td, 
            html body.single-solution #offres tr.even th {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}

  @media (min-width: 1024px) {

  html body.single-solution #related-solutions .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
          }

  html body.single-solution #related-solutions .splide .splide__track {
  margin-left: auto;
  margin-right: auto;
}

  @media (min-width: 1024px) {

  html body.single-solution #related-solutions .splide .splide__track {
              width: 85%
          }
            }

  html body.single-solution #related-solutions .splide .splide__track .splide__list .splide__slide >img {
  margin-left: auto;
  margin-right: auto;
}

  @media (min-width: 1024px) {

  html body.single-solution #related-solutions .splide .splide__track .splide__list .splide__slide:nth-child(even) >div {
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  }
}

  html body.single-solution #related-solutions .splide .splide__arrows {
  position: absolute;
  left: 50%;
  bottom: -55px;
  top: auto;
  z-index: 10;
  display: flex;
  width: 100%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: center;
  gap: 1rem;
}

  @media (min-width: 1024px) {

  html body.single-solution #related-solutions .splide .splide__arrows {
    position: absolute;
    top: 50%;
    z-index: 20;
    display: inline-flex;
    width: 100%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    justify-content: space-between;
  }
            }

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow {
  position: relative;
  top: auto;
  transform: none;
  background-color: transparent;
  opacity: 1;
}

  @media (min-width: 1024px) {

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow {
    position: relative;
    height: 44px;
    width: 38px;
    background-color: transparent;
    opacity: 1;
  }
              }

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow::before {
                content: "";
                background-image: url(../svg/bg-polygon-grey.svg);
              }

  @media (min-width: 1024px) {

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow::before {
                  background-image: url(../svg/bg-polygon.svg);
              }
                }

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow::before {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-style: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 10;
                height: 100%;
                width: 100%;
                width: 1.25rem;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow--prev {
  left: 0px;
}

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow--prev::after {
                  background-image: url(../svg/arrow-back.svg);
                }

  @media (min-width: 1024px) {

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow--prev::after {
                    background-image: url(../svg/arrow-back-white.svg)
                }
                  }

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow--next {
  right: 0px;
}

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow--next::after {
                  background-image: url(../svg/arrow-next.svg);
                }

  @media (min-width: 1024px) {

  html body.single-solution #related-solutions .splide .splide__arrows .splide__arrow--next::after {
                    background-image: url(../svg/arrow-next-white.svg)
                }
                  }

  html body.single-solution #related-solutions .splide .splide__pagination {
  position: relative;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.single-solution #related-solutions .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.single-solution #related-solutions .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
                background-image: url(../../assets/svg/octogone.svg);
}

  html body.single-solution #related-solutions .splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  opacity: 1;
                  background-image: url(../../assets/svg/octogone-active.svg);
}

  html body.single-solution #video .plyr {
  position: relative;
}

  html body.single-solution #video .plyr button.plyr__control--overlaid {
  border-width: 6px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
}

  html body.single-solution #video .plyr button.plyr__control--overlaid svg {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.single-solution #video .plyr button.plyr__control--overlaid svg path {
                  fill:white;
                }

  html body.single-solution #video .plyr.plyr--paused::after {
              content: "";
              position: absolute;
              top: 0px;
              left: 0px;
              height: 100%;
              width: 100%;
              background:linear-gradient(0deg,
                  rgba(0, 0, 0, 0.4),
                  rgba(0, 0, 0, 0.4));
              z-index: 1;
            }

  html body.single-solution #use-cases .single-use-case:first-of-type >div:nth-child(2) {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

  /* SINGLE POST **/

  html body.single-post #breadcrumbs {
  position: relative;
  display: none;
  padding-bottom: 2rem;
  padding-left: 1rem;
}

  @media (min-width: 1024px) {

  html body.single-post #breadcrumbs {
    display: block;
    padding-bottom: 58px;
    padding-left: 1rem;
  }
}

  html body.single-post #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.single-post #breadcrumbs span {
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-post #breadcrumbs span.sep, 
          html body.single-post #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body.single-post .custom-content h2 {
  display: block;
  padding-bottom: 34px;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 26px;
  text-transform: uppercase;
  line-height: 30px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-post .custom-content h3 {
  display: block;
  padding-bottom: 17px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  text-transform: uppercase;
  line-height: 30px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-post .custom-content h4 {
  display: block;
  padding-bottom: 19px;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 20px;
  line-height: 23px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-post .custom-content p {
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-post .custom-content strong {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body.single-post .custom-content a:not(html body.single-post .custom-content a.custom-btn) {
  font-family: Montserrat Semi-Bold, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.single-post .custom-content iframe {
  height: auto;
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.single-post .custom-content iframe {
    height: 600px;
  }
}

  html body.single-post .custom-content ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}

  html body.single-post .custom-content ul >li {
  position: relative;
  list-style-position: inside;
  padding-left: 1.75rem;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-post .custom-content ul >li::before {
              content: "";
              background-image: url(../../../assets/svg/polygone.svg);
              position: absolute;
              top: 0px;
              left: 0px;
              height: 0.75rem;
              width: 0.75rem;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
            }

  html body.single-post .custom-content ul >li::marker {
              content: none;
            }

  html body.single-post .custom-content ol {
  list-style-position: inside;
  list-style-type: decimal;
  padding-bottom: 2.25rem;
          counter-reset: item;
}

  html body.single-post .custom-content ol >li {
  list-style-position: inside;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));

            counter-increment: item;
}

  html body.single-post .custom-content ol >li::before {
              content: counter(item);
              background-image: url(../../../assets/svg/polygone.svg);
              display: inline-block;
              width: 2rem;
              background-position: center;
              background-repeat: no-repeat;
              text-align: center;
              vertical-align: middle;
              font-family: Montserrat Semi-Bold, sans-serif;
              font-size: 10px;
              line-height: 1.25rem;
              --tw-text-opacity: 1;
              color: rgb(255 255 255 / var(--tw-text-opacity));
            }

  html body.single-post .custom-content ol >li::marker {
              content: none;
            }

  html body.single-post .custom-content .imported-content .img-and-btn, 
          html body.single-post .custom-content .imported-content .socialSharer, 
          html body.single-post .custom-content .imported-content .tag, 
          html body.single-post .custom-content .imported-content .publication-date, 
          html body.single-post .custom-content .imported-content hr {
  display: none;
}

  html body.single-post .custom-content .imported-content img {
            max-width: inherit !important;
          }

  html body.single-post .custom-content .imported-content h4:first-of-type {
  display: none;
}

  @media (min-width: 1024px) {

  html body.single-post #related-posts .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
          }

  html body.single-post #related-posts .splide .splide__track {
  margin-left: auto;
  margin-right: auto;
}

  @media (min-width: 1024px) {

  html body.single-post #related-posts .splide .splide__track {
              width: 85%
          }
            }

  html body.single-post #related-posts .splide .splide__track .splide__list .splide__slide >img {
  margin-left: auto;
  margin-right: auto;
}

  html body.single-post #related-posts .splide .splide__arrows {
  position: absolute;
  top: 50%;
  z-index: 20;
  display: inline-flex;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: space-between;
}

  html body.single-post #related-posts .splide .splide__arrows .splide__arrow {
  position: relative;
  height: 44px;
  width: 38px;
  opacity: 1;
}

  html body.single-post #related-posts .splide .splide__arrows .splide__arrow::before {
                content: "";
                background-image: url(../svg/bg-polygon.svg);
                position: absolute;
                top: 50%;
                left: 50%;
                height: 100%;
                width: 100%;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.single-post #related-posts .splide .splide__arrows .splide__arrow::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 10;
                height: 100%;
                width: 100%;
                width: 1.25rem;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.single-post #related-posts .splide .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.single-post #related-posts .splide .splide__arrows .splide__arrow--prev::after {
                  background-image: url(../svg/arrow-back-white.svg);
                }

  html body.single-post #related-posts .splide .splide__arrows .splide__arrow--next::after {
                  background-image: url(../svg/arrow-next-white.svg);
                }

  html body.single-post #related-posts .splide .splide__pagination {
  position: relative;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.single-post #related-posts .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.single-post #related-posts .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
                background-image: url(../../assets/svg/octogone.svg);
}

  html body.single-post #related-posts .splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  opacity: 1;
                  background-image: url(../../assets/svg/octogone-active.svg);
}

  html body.single-post .social-sidebar {
  bottom: auto !important;
  top: 320px !important;
}

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

  html body.single-post .open-social-network {
    top: auto !important;
    bottom: -17px !important;
    right: 33px;
  }
        }

  html body.single-post .imported-content p:first-of-type {
  display: none;
}

  html body.single-post .imported-content span, 
        html body.single-post .imported-content p, 
        html body.single-post .imported-content h1, 
        html body.single-post .imported-content h2, 
        html body.single-post .imported-content h3, 
        html body.single-post .imported-content h4, 
        html body.single-post .imported-content h5, 
        html body.single-post .imported-content h6 {
  text-align: left !important;
}

  html body.single-post header .white-logo {
  display: none;
}

  html body.single-post header .blue-logo {
  display: flex;
  align-items: center;
}

  /* SINGLE TRAINING */

  @media (min-width: 1024px) {
          html body.single-training header .white-logo {
    display: none;
  }

          html body.single-training header .blue-logo {
    display: flex;
    align-items: center;
  }
        }

  html body.single-training #breadcrumbs {
  display: none;
}

  @media (min-width: 1024px) {

  html body.single-training #breadcrumbs {
    display: block;
  }
}

  html body.single-training .social-sidebar {
  bottom: 89px !important;
}

  html body.single-training #introduction #breadcrumbs {
  position: relative;
  padding-top: 1rem;
}

  html body.single-training #introduction #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.single-training #introduction #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-training #introduction #breadcrumbs span.sep, 
            html body.single-training #introduction #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  @media (min-width: 1024px) {

  html body.single-training #introduction .container >div {
              top: calc(96px + 50% - 60px)
          }
            }

  html body.single-training #sessions::after {
          content: "";
          -webkit-backdrop-filter:blur(3px);
                  backdrop-filter:blur(3px);
          filter:blur(1px);
          visibility: hidden;
          position: absolute;
          top: 0px;
          left: 0px;
          z-index: 40;
          height: 100%;
          width: 100%;
          background-color: rgb(19 73 160 / var(--tw-bg-opacity));
          --tw-bg-opacity: 0.5;
          opacity: 0;
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 300ms;
        }

  html body.single-training #sessions.is-loading .loader {
  visibility: visible;
  opacity: 1;
}

  html body.single-training #sessions.is-loading::after {
  visibility: visible;
  opacity: 1;
}

  html body.single-training .session-modal {
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
  opacity: 0;
}

  html body.single-training .session-modal .content {
  position: relative;
  height: 80%;
  width: 90%;
  overflow: scroll;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2.5rem;
}

  @media (min-width: 1024px) {

  html body.single-training .session-modal .content {
    width: 70%;
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 7rem;
    padding-right: 7rem;
  }
}

  html body.single-training .session-modal.is-visible {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

  html body.single-training .session-modal.is-visible .content::after {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}

  html body.single-training .session-modal.is-loading {
  visibility: visible;
  opacity: 1;
}

  html body.single-training #objectifs .main-content h3,  html body.single-training #programme .main-content h3 {
  display: block !important;
  padding-bottom: 17px !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 26px !important;
  text-transform: uppercase !important;
  line-height: 30px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
}

  html body.single-training #objectifs .main-content h4,  html body.single-training #programme .main-content h4 {
  display: block !important;
  padding-bottom: 10px !important;
  font-family: Montserrat Semi-Bold, sans-serif !important;
  font-size: 20px !important;
  line-height: 23px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
}

  html body.single-training #objectifs .main-content p,  html body.single-training #programme .main-content p {
  padding-bottom: 37px !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 17 43 / var(--tw-text-opacity)) !important;
}

  html body.single-training #objectifs .main-content strong,  html body.single-training #programme .main-content strong {
  font-family: Montserrat Semi-Bold, sans-serif !important;
}

  html body.single-training #objectifs .main-content a:not(html body.single-training #objectifs .main-content a.custom-btn),  html body.single-training #programme .main-content a:not(html body.single-training #programme .main-content a.custom-btn) {
  font-family: Montserrat Semi-Bold, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.single-training #objectifs .main-content ul,  html body.single-training #programme .main-content ul {
  list-style-type: disc;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}

  @media (min-width: 1024px) {

  html body.single-training #objectifs .main-content ul,  html body.single-training #programme .main-content ul {
    padding-left: 1.25rem;
  }
}

  html body.single-training #objectifs .main-content ul >li,  html body.single-training #programme .main-content ul >li {
  position: relative;
  list-style-position: inside;
  padding-left: 1.75rem;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.single-training #objectifs .main-content ul >li::before, html body.single-training #programme .main-content ul >li::before {
                content: "";
                background-image: url(../svg/polygone.svg);
                position: absolute;
                top: 5px;
                left: 0px;
                height: 0.75rem;
                width: 0.75rem;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.single-training #objectifs .main-content ul >li::marker, html body.single-training #programme .main-content ul >li::marker {
                content: none;
              }

  html body.single-training #objectifs .main-content ol,  html body.single-training #programme .main-content ol {
  list-style-position: inside;
  list-style-type: decimal;
  padding-bottom: 2.25rem;
            counter-reset: item;
}

  html body.single-training #objectifs .main-content ol >li,  html body.single-training #programme .main-content ol >li {
  list-style-position: inside;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));

              counter-increment: item;
}

  html body.single-training #objectifs .main-content ol >li::before, html body.single-training #programme .main-content ol >li::before {
                content: counter(item);
                background-image: url(../svg/polygone.svg);
                display: inline-block;
                width: 2rem;
                background-position: center;
                background-repeat: no-repeat;
                text-align: center;
                vertical-align: middle;
                font-family: Montserrat Semi-Bold, sans-serif;
                font-size: 10px;
                line-height: 1.25rem;
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
              }

  html body.single-training #objectifs .main-content ol >li::marker, html body.single-training #programme .main-content ol >li::marker {
                content: none;
              }

  html body.single-training #pre-requis .main-content {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}

  @media (min-width: 1024px) {

  html body.single-training #pre-requis .main-content {
    width: 58.333333%;
  }
}

  html body.single-training #pre-requis .main-content h3, 
          html body.single-training #pre-requis .main-content h4, 
          html body.single-training #pre-requis .main-content p {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

  html body.single-training #pre-requis .main-content img.octogone-blue, 
            html body.single-training #pre-requis .main-content img.octogone-white {
  display: none;
}

  html body.single-training #pre-requis .main-content .container {
  padding: 0px;
}

  html body.single-training #pre-requis .main-content .container >div {
  width: 100%;
}

  html body.single-training #pre-requis #checkerboard {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

  html body.single-training #pre-requis #checkerboard h2 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

  html body.single-training #pre-requis #checkerboard .custom-btn {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity)) !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

  html body.single-training #pre-requis #checkerboard .container {
  width: 100%;
  padding: 0px;
}

  html body.single-training #pre-requis .rich-content ul {
  padding-top: 0px !important;
}

  html body.single-training #pre-requis .rich-content .octogone-blue, 
          html body.single-training #pre-requis .rich-content .octogone-white {
  display: none;
}

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

  html body.single-training #pre-requis #presentation {
    margin-top: 0px;
  }
          }

  html body.single-training #tabs-wrapper a::after {
            content: "";
            visibility: hidden;
            position: absolute;
            bottom: 0px;
            height: 7px;
            width: 100%;
            --tw-bg-opacity: 1;
            background-color: rgb(91 192 201 / var(--tw-bg-opacity));
            opacity: 0;
          }

  html body.single-training #tabs-wrapper a.is-active::after {
  visibility: visible;
  opacity: 1;
}

  @media (min-width: 1024px) {

  html body.single-training #temoignages .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
          }

  html body.single-training #temoignages .splide .splide__track {
  margin-left: auto;
  margin-right: auto;
}

  @media (min-width: 1024px) {

  html body.single-training #temoignages .splide .splide__track .splide__list .splide__slide {
    margin-top: 5rem;
    margin-left: 8rem;
  }
}

  html body.single-training #temoignages .splide .splide__track .splide__list .splide__slide >img {
  margin-left: auto;
  margin-right: auto;
}

  html body.single-training #temoignages .splide .splide__arrows {
  position: absolute;
  top: 70%;
  left: 50%;
  z-index: 20;
  display: inline-flex;
  width: 90%;
  --tw-translate-y: -70%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: space-between;
}

  html body.single-training #temoignages .splide .splide__arrows .splide__arrow {
  position: relative;
  top: auto;
  height: 44px;
  width: 38px;
  transform: none;
  background-color: transparent;
  opacity: 1;
}

  html body.single-training #temoignages .splide .splide__arrows .splide__arrow::before {
                content: "";
                background-image: url(../svg/bg-polygon.svg);
                position: absolute;
                top: 50%;
                left: 50%;
                height: 100%;
                width: 100%;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.single-training #temoignages .splide .splide__arrows .splide__arrow::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 10;
                height: 100%;
                width: 100%;
                width: 1.25rem;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.single-training #temoignages .splide .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.single-training #temoignages .splide .splide__arrows .splide__arrow--prev {
  left: 0px;
}

  html body.single-training #temoignages .splide .splide__arrows .splide__arrow--prev::after {
                  background-image: url(../svg/arrow-back-white.svg);
                }

  html body.single-training #temoignages .splide .splide__arrows .splide__arrow--next {
  right: 0px;
}

  html body.single-training #temoignages .splide .splide__arrows .splide__arrow--next::after {
                  background-image: url(../svg/arrow-next-white.svg);
                }

  html body.single-training #temoignages .splide .splide__pagination {
  position: relative;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.single-training #temoignages .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.single-training #temoignages .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
                background-image: url(../../assets/svg/octogone.svg);
}

  html body.single-training #temoignages .splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  opacity: 1;
                  background-image: url(../../assets/svg/octogone-active.svg);
}

  html body.single-training #filters .btn {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.single-training #filters .btn {
    width: auto;
  }
}

  html body.single-training #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.single-training #filters .drop-wrapper {
    margin-right: auto;
    width: 16rem;
  }
          }

  html body.single-training #filters .drop-wrapper:not(.not) {
  width: 100%;
}

  html body.single-training #filters .drop-wrapper.is-selected .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  padding-left: 0.625rem;
}

  html body.single-training #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.single-training #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 3.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
}

  @media (min-width: 1024px) {

  html body.single-training #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
    height: 100%;
  }
}

  html body.single-training #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
                      line-height: inherit;
}

  html body.single-training #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  display: flex;
  height: 100%;
  align-items: center;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.single-training #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.single-training #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.single-training #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                      content: url(../svg/ic_select.svg);
                      position: absolute;
                      top: 50%;
                      right: 0px;
                      left: auto;
                      margin: 0px;
                      height: 1.25rem;
                      width: 1.5rem;
                      --tw-translate-y: -50%;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                      border-style: none;
                      transition-property: all;
                      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                      transition-duration: 300ms;
                    }

  html body.single-training #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.single-training #filters .drop-wrapper:not(:first-child).is-selected .select2-selection.select2-selection--single {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

  html body.single-training #filters form#search-form {
  height: auto;
}

  html body.single-training #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.single-training #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.single-training #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  /* ARCHIVE TRAINING */

  html body.page-template-archive-trainings #hero #breadcrumbs {
  display: none;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-trainings #hero #breadcrumbs {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
  }
          }

  html body.page-template-archive-trainings #hero #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #hero #breadcrumbs span.sep, 
            html body.page-template-archive-trainings #hero #breadcrumbs span.breadcrumb_last {
  font-weight: 700;
}

  html body.page-template-archive-trainings aside #filters {
  flex-wrap: wrap;
}

  html body.page-template-archive-trainings aside #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-trainings aside #filters .drop-wrapper {
    width: 183px;
  }

              html body.page-template-archive-trainings aside #filters .drop-wrapper:first-child {
    width: 285px;
  }
            }

  html body.page-template-archive-trainings aside #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-trainings aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 2.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 239 239 / var(--tw-border-opacity)) !important;
  line-height: 2.5rem;
}

  html body.page-template-archive-trainings aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.page-template-archive-trainings aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
                      height: calc(2.5rem - 4px) !important;
                    }

  html body.page-template-archive-trainings aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                        content: url(../svg/ic_select-white.svg);
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        left: auto;
                        margin: 0px;
                        height: 2.5rem;
                        width: 1.5rem;
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        border-style: none;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 300ms;
                      }

  html body.page-template-archive-trainings aside #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-trainings aside #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings aside #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings aside #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings aside #filters form#search-form button[type="submit"] svg path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-trainings #filters .drop-wrapper {
    margin-right: auto;
    width: 16rem;
  }
          }

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not) {
  width: 100%;
}

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection.select2-selection--single {
  --tw-border-opacity: 1 !important;
  border-color: rgb(214 229 253 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(214 229 253 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31 60 144 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  height: 100%;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(31 60 144 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection.select2-selection--single .select2-selection__clear {
  --tw-text-opacity: 1;
  color: rgb(31 60 144 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not):first-child.is-selected .select2 .selection .select2-selection__arrow b {
                          content: url(../svg/ic_select-blue.svg) !important;
                        }

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not):first-child .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single {
  --tw-border-opacity: 1;
  border-color: rgb(19 73 160 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
}

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  height: 100%;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  display: flex;
  height: 100%;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-trainings #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection__arrow b {
                        content: url(../svg/ic_select-white.svg) !important;
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        left: auto;
                        margin: 0px;
                        height: 1.25rem;
                        width: 1.5rem;
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        border-style: none;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 300ms;
                      }

  html body.page-template-archive-trainings #filters .drop-wrapper.is-selected .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  padding-left: 0.625rem;
}

  html body.page-template-archive-trainings #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-trainings #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 100%;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
}

  html body.page-template-archive-trainings #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
                      line-height: inherit;
}

  html body.page-template-archive-trainings #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  display: flex;
  height: 100%;
  align-items: center;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-trainings #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                      content: url(../svg/ic_select.svg);
                      position: absolute;
                      top: 50%;
                      right: 0px;
                      left: auto;
                      margin: 0px;
                      height: 1.25rem;
                      width: 1.5rem;
                      --tw-translate-y: -50%;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                      border-style: none;
                      transition-property: all;
                      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                      transition-duration: 300ms;
                    }

  html body.page-template-archive-trainings #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-trainings #filters .drop-wrapper:not(:first-child).is-selected .select2-selection.select2-selection--single {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

  html body.page-template-archive-trainings #filters form#search-form {
  height: auto;
}

  html body.page-template-archive-trainings #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #results .custom-pagination {
  padding-bottom: 0px;
}

  html body.page-template-archive-trainings #results .custom-pagination .page-numbers {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #results .custom-pagination .page-numbers:not(.accroche) {
  position: relative;
  z-index: 0;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #results .custom-pagination .page-numbers:not(.accroche)::after {
                content: "";
                position: absolute;
                z-index: -10;
                height: 2.5rem;
                width: 2.5rem;
                border-radius: 9999px;
                background-size: contain;
              }

  html body.page-template-archive-trainings #results .custom-pagination .page-numbers:not(.accroche).current {
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.page-template-archive-trainings #results .custom-pagination .page-numbers:not(.accroche).current::after {
                  content: "";
                  background: url("../svg/bg-polygon-white.svg");
                  position: absolute;
                  z-index: -10;
                  height: 100%;
                  width: 100%;
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                }

  /* ARCHIVE PROGRAMS */

  html body.page-template-archive-programs #hero #breadcrumbs {
  position: absolute;
  bottom: 0px;
}

  html body.page-template-archive-programs #breadcrumbs {
  position: relative;
  padding-bottom: 1rem;
}

  html body.page-template-archive-programs #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.page-template-archive-programs #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs #breadcrumbs span.sep, 
          html body.page-template-archive-programs #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body.page-template-archive-programs aside #filters {
  flex-wrap: wrap;
}

  html body.page-template-archive-programs aside #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-programs aside #filters .drop-wrapper {
    width: 183px;
  }

              html body.page-template-archive-programs aside #filters .drop-wrapper:first-child {
    width: 285px;
  }
            }

  html body.page-template-archive-programs aside #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-programs aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 2.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 239 239 / var(--tw-border-opacity)) !important;
  line-height: 2.5rem;
}

  html body.page-template-archive-programs aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.page-template-archive-programs aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
                      height: calc(2.5rem - 4px) !important;
                    }

  html body.page-template-archive-programs aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                        content: url(../svg/ic_select-white.svg);
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        left: auto;
                        margin: 0px;
                        height: 2.5rem;
                        width: 1.5rem;
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        border-style: none;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 300ms;
                      }

  html body.page-template-archive-programs aside #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-programs aside #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs aside #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs aside #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs aside #filters form#search-form button[type="submit"] svg path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs #filters {
  flex-wrap: wrap;
}

  html body.page-template-archive-programs #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-programs #filters .drop-wrapper {
    width: 183px;
  }

            html body.page-template-archive-programs #filters .drop-wrapper:first-child {
    width: 285px;
  }
          }

  html body.page-template-archive-programs #filters .drop-wrapper:not(.not):first-child .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-programs #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single {
  height: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(19 73 160 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
}

  html body.page-template-archive-programs #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  height: 100%;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-programs #filters .drop-wrapper:not(.not):first-child .select2 .selection .select2-selection__arrow b {
                        content: url(../svg/ic_select-white.svg) !important;
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        left: auto;
                        margin: 0px;
                        height: 1.25rem;
                        width: 1.5rem;
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        border-style: none;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 300ms;
                      }

  html body.page-template-archive-programs #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-programs #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 3.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
  line-height: 3.5rem;
}

  html body.page-template-archive-programs #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.page-template-archive-programs #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-programs #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                      content: url(../svg/ic_select.svg);
                      position: absolute;
                      top: 50%;
                      right: 0px;
                      left: auto;
                      margin: 0px;
                      height: 1.25rem;
                      width: 1.5rem;
                      --tw-translate-y: -50%;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                      border-style: none;
                      transition-property: all;
                      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                      transition-duration: 300ms;
                    }

  html body.page-template-archive-programs #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-programs #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs #filters form#search-form button[type="submit"] svg path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs .custom-pagination {
  padding-bottom: 0px;
}

  html body.page-template-archive-programs .custom-pagination .page-numbers {
  --tw-text-opacity: 1;
  color: rgb(87 87 86 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs .custom-pagination .page-numbers:not(.accroche) {
  position: relative;
  z-index: 0;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(87 87 86 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs .custom-pagination .page-numbers:not(.accroche)::after {
              content: "";
              background:white;
              position: absolute;
              z-index: -10;
              height: 2.5rem;
              width: 2.5rem;
              border-radius: 9999px;
              background-size: contain;
            }

  html body.page-template-archive-programs .custom-pagination .page-numbers:not(.accroche).current {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs .custom-pagination .page-numbers:not(.accroche).current::after {
                content: "";
                background: url("../svg/bg-polygon.svg");
                position: absolute;
                z-index: -10;
                height: 100%;
                width: 100%;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.page-template-archive-programs .single-program label.selected::before {
              content: "";
              position: absolute;
              top: 0px;
              left: 0px;
              height: 100%;
              width: 100%;
              --tw-bg-opacity: 1;
              background-color: rgb(0 17 43 / var(--tw-bg-opacity));
            }

  @media (min-width: 1024px) {

  html body.page-template-archive-programs .single-program label.selected::before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
}

  html body.page-template-archive-programs .single-program label.selected::after {
              content: "";
              border-color:white;
              width: 0.3em;
              height: 0.56em;
              transform-origin:top;
              top: 50%;
              left: 50%;
              position:absolute;
              transform:lotate(45deg) translateY(-50%) translateX(-50%);
              border-bottom: 2px solid;
              border-right: 2px solid;
              --tw-border-opacity: 1;
              border-color: rgb(255 255 255 / var(--tw-border-opacity));
            }

  @media (min-width: 1024px) {

  html body.page-template-archive-programs .single-program label.selected::after {
    --tw-border-opacity: 1;
    border-color: rgb(0 17 43 / var(--tw-border-opacity));
  }
}

  html body.page-template-archive-programs .single-program .terms-list {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

  html body.page-template-archive-programs .single-program .terms-list p {
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs .single-program .terms-list img.white {
  display: none;
}

  html body.page-template-archive-programs .single-program .terms-list img.blue {
  display: block;
}

  html body.page-template-archive-programs .single-program.selected label {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
}

  @media (min-width: 1024px) {

  html body.page-template-archive-programs .single-program.selected label {
    background-color: transparent;
  }
}

  html body.page-template-archive-programs .single-program.selected .terms-list {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
}

  html body.page-template-archive-programs .single-program.selected .terms-list p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs .single-program.selected .terms-list img.white {
  display: block;
}

  html body.page-template-archive-programs .single-program.selected .terms-list img.blue {
  display: none;
}

  html body.page-template-archive-programs >.select2-container {
        top: var(--dropWrap);
      }

  html body.page-template-archive-programs >.select2-container .select2-dropdown {
  border-radius: 0px;
  background-color: transparent;
}

  html body.page-template-archive-programs >.select2-container .select2-dropdown .select2-search {
  display: none;
}

  html body.page-template-archive-programs >.select2-container .select2-dropdown .select2-results {
  margin-top: 0.625rem;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 6px;
  padding-right: 6px;
}

  html body.page-template-archive-programs >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option {
  display: flex;
  height: 2.5rem;
  align-items: center;
  padding: 0.75rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option:last-child {
  border-bottom-width: 0px;
}

  html body.page-template-archive-programs >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option--highlighted {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-programs >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.loading-results {
  display: none;
}

  /* ARCHIVE EVENTS */

  html body.page-template-archive-events {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}

  html body.page-template-archive-events #breadcrumbs {
  display: none;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-events #breadcrumbs {
    position: relative;
    padding-bottom: 1rem;
  }
        }

  html body.page-template-archive-events #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.page-template-archive-events #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-events #breadcrumbs span.sep, 
          html body.page-template-archive-events #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body.page-template-archive-events aside #filters {
  flex-wrap: wrap;
}

  html body.page-template-archive-events aside #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-events aside #filters .drop-wrapper {
    width: 183px;
  }

              html body.page-template-archive-events aside #filters .drop-wrapper:first-child {
    width: 285px;
  }
            }

  html body.page-template-archive-events aside #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-events aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 2.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 239 239 / var(--tw-border-opacity)) !important;
  line-height: 2.5rem;
}

  html body.page-template-archive-events aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  height: auto;
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.page-template-archive-events aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-events aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-events aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
                      height: calc(2.5rem - 4px) !important;
                    }

  html body.page-template-archive-events aside #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                        content: url(../svg/ic_select-white.svg);
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        left: auto;
                        margin: 0px;
                        height: 2.5rem;
                        width: 1.5rem;
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        border-style: none;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 300ms;
                      }

  html body.page-template-archive-events aside #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-events aside #filters form#search-form input[type="text"]::-moz-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-events aside #filters form#search-form input[type="text"]:-ms-input-placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-events aside #filters form#search-form input[type="text"]::placeholder {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-events aside #filters form#search-form button[type="submit"] svg path {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

  html body.page-template-archive-events #archive #filters .drop-wrapper {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-archive-events #archive #filters .drop-wrapper {
    margin-right: auto;
    width: 16rem;
  }
            }

  html body.page-template-archive-events #archive #filters .drop-wrapper:not(.not) {
  width: 100%;
}

  html body.page-template-archive-events #archive #filters .drop-wrapper .select2 {
  height: 100% !important;
  width: 100% !important;
}

  html body.page-template-archive-events #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single {
  height: 3.5rem;
  border-radius: 0px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
  line-height: 3.5rem;
}

  html body.page-template-archive-events #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection--single .select2-selection__clear {
  width: 1.25rem;
  text-align: center;
  font-size: 16px;
}

  html body.page-template-archive-events #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__rendered {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
                      line-height: inherit;
}

  html body.page-template-archive-events #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__placeholder {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  html body.page-template-archive-events #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow {
  top: 0px;
  height: 100%;
}

  html body.page-template-archive-events #archive #filters .drop-wrapper .select2.select2-container .selection .select2-selection__arrow b {
                        content: url(../svg/ic_select.svg);
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        left: auto;
                        margin: 0px;
                        height: 1.25rem;
                        width: 1.5rem;
                        --tw-translate-y: -50%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                        border-style: none;
                        transition-property: all;
                        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                        transition-duration: 300ms;
                      }

  html body.page-template-archive-events #archive #filters .drop-wrapper .select2.select2-container--open .selection .select2-selection__arrow b {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-archive-events #archive #filters input[type="checkbox"] {
            height: 0;
            width: 0;
            visibility:hidden;
          }

  html body.page-template-archive-events #archive #filters label {
  position: relative;
  display: block;
  height: 30px;
  width: 55px;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
            text-indent:-9999px;
}

  html body.page-template-archive-events #archive #filters label:after {
            content: "";
            position: absolute;
            left: 4px;
            top: 50%;
            height: 1.5rem;
            width: 1.5rem;
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            border-radius: 9999px;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 300ms;
          }

  html body.page-template-archive-events #archive #filters input:checked+label:after {
            left: calc(55px - 28px);
          }

  html body.page-template-archive-events #results .calendar-wrapper {
  margin-top: 78px;
  display: none;
}

  html body.page-template-archive-events #results .calendar-wrapper #calendar .custom-day-number {
  padding-left: 0.5rem !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  line-height: 30px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(196 196 196 / var(--tw-text-opacity)) !important;
}

  html body.page-template-archive-events #results .calendar-wrapper #calendar .tui-full-calendar-layout {
  background-color: transparent !important;
}

  html body.page-template-archive-events #results .calendar-wrapper #calendar .tui-full-calendar-layout .tui-full-calendar-weekday-grid-line {
                background: #e5e5e5 !important;
                transform: scale3d(0.9, 0.9, 1);
                border: none !important;
              }

  html body.page-template-archive-events #results .calendar-wrapper #calendar .tui-full-calendar-layout .tui-full-calendar-holiday-sun {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

  html body.page-template-archive-events #results .calendar-wrapper #calendar .tui-full-calendar-layout .tui-full-calendar-weekday-schedule {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 95% !important;
  border-radius: 5px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity)) !important;
  font-family: Montserrat Medium, sans-serif !important;
  font-size: 14px !important;
}

  html body.page-template-archive-events #results .calendar-wrapper #calendar .tui-full-calendar-layout .tui-full-calendar-weekday-schedule .tui-full-calendar-weekday-schedule-title {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

  html body.page-template-archive-events #results .calendar-wrapper #calendar .tui-full-calendar-layout .tui-full-calendar-weekday-schedule .tui-full-calendar-weekday-schedule-bullet {
  display: none !important;
}

  html body.page-template-archive-events #results .calendar-wrapper #calendar .tui-full-calendar-layout .tui-full-calendar-month-dayname-item {
  text-align: center !important;
  font-family: Montserrat Semi-Bold, sans-serif !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

  html body.page-template-archive-events #results .calendar-wrapper #calendar .tui-full-calendar-layout .tui-full-calendar-weekday-border, 
              html body.page-template-archive-events #results .calendar-wrapper #calendar .tui-full-calendar-layout .tui-full-calendar-month-dayname {
  border-style: none !important;
}

  html body.page-template-archive-events #results.calendar-view .calendar-wrapper {
  display: block;
}

  html body.page-template-archive-events #results.calendar-view #posts {
  display: none;
}

  html body.page-template-archive-events #results .custom-pagination {
  padding-bottom: 0px;
}

  html body.page-template-archive-events #results .custom-pagination .page-numbers {
  --tw-text-opacity: 1;
  color: rgb(87 87 86 / var(--tw-text-opacity));
}

  html body.page-template-archive-events #results .custom-pagination .page-numbers:not(.accroche) {
  position: relative;
  z-index: 0;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(87 87 86 / var(--tw-text-opacity));
}

  html body.page-template-archive-events #results .custom-pagination .page-numbers:not(.accroche)::after {
                content: "";
                background:white;
                position: absolute;
                z-index: -10;
                height: 2.5rem;
                width: 2.5rem;
                border-radius: 9999px;
                background-size: contain;
              }

  html body.page-template-archive-events #results .custom-pagination .page-numbers:not(.accroche).current {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.page-template-archive-events #results .custom-pagination .page-numbers:not(.accroche).current::after {
                  content: "";
                  background: url("../svg/bg-polygon.svg");
                  position: absolute;
                  z-index: -10;
                  height: 100%;
                  width: 100%;
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                }

  html body >.select2-container {
      top: var(--dropWrap);
    }

  html body >.select2-container .select2-dropdown {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 0px;
  border-style: none;
  background-color: transparent;
}

  html body >.select2-container .select2-dropdown .select2-search {
  display: none;
}

  html body >.select2-container .select2-dropdown .select2-results {
  margin-top: 0.625rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 6px;
  padding-right: 6px;
}

  html body >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option {
  padding: 1rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option:last-child {
  border-bottom-width: 0px;
}

  html body >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option--highlighted {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}

  html body >.select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option.loading-results {
  display: none;
}

  html body.single-use-case #breadcrumbs {
  display: none;
}

  @media (min-width: 1024px) {

  html body.single-use-case #breadcrumbs {
    position: relative;
    padding-bottom: 1rem;
  }
        }

  html body.single-use-case #presentation, 
      html body.single-use-case #hero {
  margin-top: 0px;
  padding-top: 0px;
}

  html body.single-use-case #breadcrumbs,  html body.home #breadcrumbs {
  position: relative;
  padding-bottom: 1rem;
}

  html body.single-use-case #breadcrumbs >span >span >a,  html body.home #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.single-use-case #breadcrumbs span,  html body.home #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.single-use-case #breadcrumbs span.sep, 
          html body.single-use-case #breadcrumbs span.breadcrumb_last, 
          html body.home #breadcrumbs span.sep, 
          html body.home #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  /* SINGLE EVENT */

  html body.single-event #breadcrumbs {
  display: none;
}

  @media (min-width: 1024px) {

  html body.single-event #breadcrumbs {
    position: relative;
    padding-bottom: 1rem;
  }
        }

  html body.single-event #breadcrumbs >span >span >a {
  font-style: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

  html body.single-event #breadcrumbs span {
  font-size: 10px;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body.single-event #breadcrumbs span.sep, 
          html body.single-event #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body.single-event .social-sidebar {
  position: absolute;
  bottom: -50px;
  top: auto;
}

  html body.single-event .date-title {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 30px;
}

  @media (min-width: 1024px) {

  html body.single-event .main-content .container >div {
    width: 66.666667%;
  }

  html body.single-event #related-events .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  html body.single-event #related-events .splide {
            width: 75%;
            margin-left: auto;
            margin-right: auto
        }
}

  html body.single-event #related-events .splide .splide__track {
  margin-left: auto;
  margin-right: auto;
}

  @media (min-width: 1024px) {

  html body.single-event #related-events .splide .splide__track {
              width: 75%
          }

  html body.single-event #related-events .splide .splide__track .splide__list .splide__slide {
                  max-width: 385px
              }
            }

  html body.single-event #related-events .splide .splide__track .splide__list .splide__slide >img {
  margin-left: auto;
  margin-right: auto;
}

  html body.single-event #related-events .splide .splide__track .splide__list .splide__slide .tag {
  display: none;
}

  html body.single-event #related-events .splide .splide__arrows {
  position: absolute;
  bottom: -1.25rem;
  top: auto;
  z-index: 20;
  display: inline-flex;
  width: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: center;
  gap: 1.25rem;
}

  @media (min-width: 1024px) {

  html body.single-event #related-events .splide .splide__arrows {
    bottom: auto;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    justify-content: space-between;
    gap: 0px;
  }
}

  html body.single-event #related-events .splide .splide__arrows .splide__arrow {
  position: relative;
  height: 44px;
  width: 38px;
  background-color: transparent;
  opacity: 1;
}

  html body.single-event #related-events .splide .splide__arrows .splide__arrow::before {
                content: "";
                background-image: url(../svg/bg-polygon.svg);
                position: absolute;
                top: 50%;
                left: 50%;
                height: 100%;
                width: 100%;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.single-event #related-events .splide .splide__arrows .splide__arrow::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 10;
                height: 100%;
                width: 100%;
                width: 1.25rem;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.single-event #related-events .splide .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.single-event #related-events .splide .splide__arrows .splide__arrow--prev {
  left: 0px;
  transform: none;
}

  @media (min-width: 1024px) {

  html body.single-event #related-events .splide .splide__arrows .splide__arrow--prev {
    left: auto;
  }
}

  html body.single-event #related-events .splide .splide__arrows .splide__arrow--prev::after {
                  background-image: url(../svg/arrow-back-white.svg);
                }

  html body.single-event #related-events .splide .splide__arrows .splide__arrow--next {
  right: 0px;
  transform: none;
}

  html body.single-event #related-events .splide .splide__arrows .splide__arrow--next::after {
                  background-image: url(../svg/arrow-next-white.svg);
                }

  html body.single-event #related-events .splide .splide__pagination {
  position: relative;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.single-event #related-events .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.single-event #related-events .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
                background-image: url(../../assets/svg/octogone.svg);
}

  html body.single-event #related-events .splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  background-color: transparent;
  opacity: 1;
                  background-image: url(../../assets/svg/octogone-active.svg);
}

  html body.single-event .landing-page #checkerboard h2 {
            display:block;
            padding-bottom: 34px;
            font-family:montserrat Semi-Bold, sans-serif;
            font-size: 26px;
            text-transform: uppercase;
            line-height: 30px;
            --tw-text-opacity: 1;
            color:lgb(0 17 43 / var(--tw-text-opacity));
          }

  html body.single-event .landing-page #video .plyr {
  position: relative;
}

  html body.single-event .landing-page #video .plyr button.plyr__control--overlaid {
  border-width: 6px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
}

  html body.single-event .landing-page #video .plyr button.plyr__control--overlaid svg {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.single-event .landing-page #video .plyr button.plyr__control--overlaid svg path {
                    fill:white;
                  }

  html body.single-event .landing-page #video .plyr.plyr--paused::after {
                content: "";
                position: absolute;
                top: 0px;
                left: 0px;
                height: 100%;
                width: 100%;
                background:linear-gradient(0deg,
                    rgba(0, 0, 0, 0.4),
                    rgba(0, 0, 0, 0.4));
                z-index: 1;
              }

  html body.single-event .landing-page #logos .splide .splide__pagination {
  position: relative;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.single-event .landing-page #logos .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.single-event .landing-page #logos .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
                  background-image: url(../../assets/svg/octogone.svg);
}

  html body.single-event .landing-page #logos .splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  opacity: 1;
                    background-image: url(../../assets/svg/octogone-active.svg);
}

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

  html body.single-event #presentation {
    margin-top: 0px;
  }
        }

  /* Career */

  html body.page-template-single-career #presentation .foreground_image {
          width: calc(100% - 70px);
          transform:translateY(-35px);
          margin: 0 auto;
        }

  @media (min-width: 1024px) {

  html body.page-template-single-career #presentation .foreground_image {
            width: calc(500px - 70px);
            transform:translateY(0);
            margin: 35px
        }
          }

  html body.page-template-single-career #presentation .fixed-blue-bg {
          height: 439px;
        }

  @media (min-width: 1024px) {

  html body.page-template-single-career #presentation .fixed-blue-bg {
            height: calc(439px - var(--BlueBgHeight))
        }
          }

  html body.page-template-single-career #video .plyr {
  position: relative;
}

  html body.page-template-single-career #video .plyr button.plyr__control--overlaid {
  border-width: 6px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
}

  html body.page-template-single-career #video .plyr button.plyr__control--overlaid svg {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body.page-template-single-career #video .plyr button.plyr__control--overlaid svg path {
                  fill:white;
                }

  html body.page-template-single-career #video .plyr.plyr--paused::after {
              content: "";
              position: absolute;
              top: 0px;
              left: 0px;
              height: 100%;
              width: 100%;
              background:linear-gradient(0deg,
                  rgba(0, 0, 0, 0.4),
                  rgba(0, 0, 0, 0.4));
              z-index: 1;
            }

  html body.page-template-single-career #benefits .overlay {
          width: 150px;
          min-width: 150px;
          max-width: 150px;
        }

  html body.page-template-single-career #benefits .arrow {
          width: 1.5rem;
          max-width: 1.5rem;
          height: 1.5rem;
          max-height: 1.5rem;
        }

  html body.page-template-single-career #benefits p strong {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body.page-template-single-career #key-numbers .grid div:nth-child(even) div {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
}

  html body.page-template-single-career #key-numbers .grid div:nth-child(odd) div {
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
}

  html body.page-template-single-career #process .splide {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -50px;
  --tw-translate-y: -55px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  @media (min-width: 1024px) {

  html body.page-template-single-career #process .splide {
    margin-bottom: 0px;
    transform: none;
            width: 60%;
  }
}

  html body.page-template-single-career #process .splide .splide__arrows {
  position: absolute;
  left: 0px;
  top: auto;
  bottom: -80px;
  z-index: 20;
  display: inline-flex;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: none;
  justify-content: center;
  gap: 1rem;
}

  @media (min-width: 1024px) {

  html body.page-template-single-career #process .splide .splide__arrows {
    bottom: auto;
    top: 50%;
    height: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    justify-content: space-between;
    gap: 0px;
  }
}

  html body.page-template-single-career #process .splide .splide__arrows .splide__arrow {
  position: relative;
  height: 44px;
  width: 38px;
  background-color: transparent;
  opacity: 1;
}

  html body.page-template-single-career #process .splide .splide__arrows .splide__arrow::before {
                content: "";
                background-image: url(../svg/bg-polygon.svg);
                position: absolute;
                top: 50%;
                left: 50%;
                height: 100%;
                width: 100%;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 300ms;
              }

  html body.page-template-single-career #process .splide .splide__arrows .splide__arrow::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 10;
                height: 100%;
                width: 100%;
                width: 1.25rem;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.page-template-single-career #process .splide .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.page-template-single-career #process .splide .splide__arrows .splide__arrow:disabled::before {
                  background-image: url(../svg/bg-polygon-grey.svg);
                }

  html body.page-template-single-career #process .splide .splide__arrows .splide__arrow--prev {
  left: 0px;
  transform: none;
}

  html body.page-template-single-career #process .splide .splide__arrows .splide__arrow--prev::after {
                  background-image: url(../svg/arrow-back-white.svg);
                }

  html body.page-template-single-career #process .splide .splide__arrows .splide__arrow--next {
  right: 0px;
  transform: none;
}

  html body.page-template-single-career #process .splide .splide__arrows .splide__arrow--next::after {
                  background-image: url(../svg/arrow-next-white.svg);
                }

  html body.page-template-single-career #process .splide .splide__pagination {
  position: relative;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.page-template-single-career #process .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.page-template-single-career #process .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
                background-image: url(../../assets/svg/octogone.svg);
}

  html body.page-template-single-career #process .splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  opacity: 1;
                  background-image: url(../../assets/svg/octogone-active.svg);
}

  html body.page-template-single-career #engagements ul {
  list-style-type: disc;
  padding-left: 1.25rem;
  padding-top: 2.5rem;
}

  html body.page-template-single-career #engagements ul >li {
  position: relative;
  list-style-position: inside;
  padding-left: 1.75rem;
  padding-bottom: 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.page-template-single-career #engagements ul >li::before {
              content: "";
              background-image: url(../svg/polygone.svg);
              position: absolute;
              top: 5px;
              left: 0px;
              height: 0.75rem;
              width: 0.75rem;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
            }

  html body.page-template-single-career #engagements ul >li::marker {
              content: none;
            }

  html body.page-template-single-career #temoignages .splide .splide__track {
  padding-bottom: 2rem;
}

  html body.page-template-single-career #temoignages .splide .splide__track .splide__list .splide__slide {
  width: 100%;
}

  @media (min-width: 1024px) {

  html body.page-template-single-career #temoignages .splide .splide__track .splide__list .splide__slide {
    width: 66.666667% !important;
  }
                }

  html body.page-template-single-career #temoignages .splide .splide__arrows {
  position: absolute;
  left: 50%;
  bottom: 0px;
  z-index: 20;
  display: flex;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  gap: 3rem;
}

  @media (min-width: 1024px) {

  html body.page-template-single-career #temoignages .splide .splide__arrows {
    position: absolute;
    top: 50%;
    z-index: 20;
    display: inline-flex;
    width: 100%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    justify-content: space-between;
  }
            }

  html body.page-template-single-career #temoignages .splide .splide__arrows .splide__arrow {
  position: relative !important;
  display: flex !important;
  height: 44px !important;
  width: 38px !important;
  transform: none !important;
  gap: 3rem !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

  @media (min-width: 1024px) {

  html body.page-template-single-career #temoignages .splide .splide__arrows .splide__arrow {
    position: relative;
    height: 44px;
    width: 38px;
    background-color: transparent;
    opacity: 1;
  }
              }

  html body.page-template-single-career #temoignages .splide .splide__arrows .splide__arrow::before {
                content: "";
                background-image: url(../svg/bg-polygon-white.svg);
                position: absolute;
                top: 50%;
                left: 50%;
                height: 100%;
                width: 100%;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.page-template-single-career #temoignages .splide .splide__arrows .splide__arrow::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 10;
                height: 100%;
                width: 1.25rem;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.page-template-single-career #temoignages .splide .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.page-template-single-career #temoignages .splide .splide__arrows .splide__arrow--prev::after {
                  background-image: url(../svg/arrow-back.svg);
                }

  html body.page-template-single-career #temoignages .splide .splide__arrows .splide__arrow--next::after {
                  background-image: url(../svg/arrow-next.svg);
                }

  html body.page-template-single-career #temoignages .splide .splide__pagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.page-template-single-career #temoignages .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.page-template-single-career #temoignages .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

  html body.page-template-single-career #temoignages .splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  background-color: transparent;
  opacity: 1;
                  background-image: url(../../assets/svg/octogone-active-white.svg);
}

  html body.page-template-single-career #cross-content .splide {
  padding-bottom: 3rem !important;
}

  html body.page-template-single-career #cross-content .splide .splide__track {
  margin-left: auto;
  margin-right: auto;
}

  @media (min-width: 1024px) {

  html body.page-template-single-career #cross-content .splide .splide__track {
              width: 85%
          }
            }

  html body.page-template-single-career #cross-content .splide .splide__arrows {
  position: absolute;
  left: 50%;
  bottom: 0px;
  z-index: 0;
  display: flex;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  gap: 3rem;
}

  @media (min-width: 1024px) {

  html body.page-template-single-career #cross-content .splide .splide__arrows {
    position: absolute;
    top: 50%;
    z-index: 0;
    display: inline-flex;
    width: 100%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    justify-content: space-between;
  }
            }

  html body.page-template-single-career #cross-content .splide .splide__arrows .splide__arrow {
  position: relative !important;
  display: flex !important;
  transform: none !important;
  gap: 3rem !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

  @media (min-width: 1024px) {

  html body.page-template-single-career #cross-content .splide .splide__arrows .splide__arrow {
    position: relative;
    height: 44px;
    width: 38px;
    background-color: transparent;
    opacity: 1;
  }
              }

  html body.page-template-single-career #cross-content .splide .splide__arrows .splide__arrow::before {
                content: "";
                background-image: url(../svg/bg-polygon.svg);
                position: absolute;
                top: 50%;
                left: 50%;
                height: 100%;
                width: 100%;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.page-template-single-career #cross-content .splide .splide__arrows .splide__arrow::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 10;
                height: 100%;
                width: 1.25rem;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.page-template-single-career #cross-content .splide .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.page-template-single-career #cross-content .splide .splide__arrows .splide__arrow--prev::after {
                  background-image: url(../svg/arrow-back-white.svg);
                }

  html body.page-template-single-career #cross-content .splide .splide__arrows .splide__arrow--next::after {
                  background-image: url(../svg/arrow-next-white.svg);
                }

  html body.page-template-single-career #cross-content .splide .splide__pagination {
  position: relative;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.page-template-single-career #cross-content .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.page-template-single-career #cross-content .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
                background-image: url(../../assets/svg/octogone.svg);
}

  html body.page-template-single-career #cross-content .splide .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  background-color: transparent;
  opacity: 1;
                  background-image: url(../../assets/svg/octogone-active.svg);
}

  /* HOMEPAGE */

  @media screen and (max-width: 1024px) {
        html body.page-template-homepage [data-sal],  html body.page-template-homepage-en [data-sal] {
    transform: none !important;
    opacity: 1 !important;
  }
      }

  @media (min-width: 1024px) {

  html body.page-template-homepage #related-posts .container,  html body.page-template-homepage-en #related-posts .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
          }

  html body.page-template-homepage #related-posts .splide .splide__track,  html body.page-template-homepage-en #related-posts .splide .splide__track {
  margin-left: auto;
  margin-right: auto;
}

  @media (min-width: 1024px) {

  html body.page-template-homepage #related-posts .splide .splide__track, html body.page-template-homepage-en #related-posts .splide .splide__track {
              width: 85%
          }
            }

  html body.page-template-homepage #related-posts .splide .splide__track .splide__list .splide__slide >img,  html body.page-template-homepage-en #related-posts .splide .splide__track .splide__list .splide__slide >img {
  margin-left: auto;
  margin-right: auto;
}

  html body.page-template-homepage #related-posts .splide .splide__arrows,  html body.page-template-homepage-en #related-posts .splide .splide__arrows {
  position: absolute;
  left: 50%;
  bottom: -20px;
  top: auto;
  z-index: 10;
  display: flex;
  width: 100%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: center;
  gap: 1rem;
}

  @media (min-width: 1024px) {

  html body.page-template-homepage #related-posts .splide .splide__arrows,  html body.page-template-homepage-en #related-posts .splide .splide__arrows {
    position: absolute;
    bottom: auto;
    top: 50%;
    z-index: 20;
    display: inline-flex;
    width: 100%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    justify-content: space-between;
  }
            }

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow,  html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow {
  position: relative;
  top: auto;
  transform: none;
  background-color: transparent;
  opacity: 1;
}

  @media (min-width: 1024px) {

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow,  html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow {
    position: relative;
    height: 44px;
    width: 38px;
    background-color: transparent;
    opacity: 1;
  }
              }

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow::before, html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow::before {
                content: "";
                background-image: url(../svg/bg-polygon-grey.svg);
              }

  @media (min-width: 1024px) {

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow::before, html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow::before {
                  background-image: url(../svg/bg-polygon.svg);
              }
                }

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow::before,  html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow::before {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-style: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow::after, html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 10;
                height: 100%;
                width: 100%;
                width: 1.25rem;
                --tw-translate-y: -50%;
                --tw-translate-x: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                border-style: none;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow svg,  html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow--prev,  html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow--prev {
  left: 0px;
}

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow--prev::after, html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow--prev::after {
                  background-image: url(../svg/arrow-back.svg);
                }

  @media (min-width: 1024px) {

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow--prev::after, html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow--prev::after {
                    background-image: url(../svg/arrow-back-white.svg)
                }
                  }

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow--next,  html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow--next {
  right: 0px;
}

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow--next::after, html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow--next::after {
                  background-image: url(../svg/arrow-next.svg);
                }

  @media (min-width: 1024px) {

  html body.page-template-homepage #related-posts .splide .splide__arrows .splide__arrow--next::after, html body.page-template-homepage-en #related-posts .splide .splide__arrows .splide__arrow--next::after {
                    background-image: url(../svg/arrow-next-white.svg)
                }
                  }

  html body.page-template-homepage #related-posts .splide .splide__pagination,  html body.page-template-homepage-en #related-posts .splide .splide__pagination {
  position: relative;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

  html body.page-template-homepage #related-posts .splide .splide__pagination li,  html body.page-template-homepage-en #related-posts .splide .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.page-template-homepage #related-posts .splide .splide__pagination li button,  html body.page-template-homepage-en #related-posts .splide .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
                background-image: url(../../assets/svg/octogone.svg);
}

  html body.page-template-homepage #related-posts .splide .splide__pagination li button.is-active,  html body.page-template-homepage-en #related-posts .splide .splide__pagination li button.is-active {
  height: 12px;
  width: 10px;
  opacity: 1;
                  background-image: url(../../assets/svg/octogone-active.svg);
}

  html body.page-template-homepage #related-posts .splide .splide__pagination li .splide__pagination__page,  html body.page-template-homepage-en #related-posts .splide .splide__pagination li .splide__pagination__page {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

  @media (min-width: 1280px) {

  html body.page-template-homepage #use-cases .container,  html body.page-template-homepage-en #use-cases .container {
    padding-left: 247px;
    padding-right: 247px;
  }
          }

  html body.page-template-homepage #use-cases .gradient, html body.page-template-homepage-en #use-cases .gradient {
          background:linear-gradient(to top,
              rgba(0, 0, 0, 0.3),
              rgba(0, 0, 0, 0));
        }

  @media (min-width: 1024px) {

  html body.page-template-homepage #use-cases .archive-link, html body.page-template-homepage-en #use-cases .archive-link {
            left: calc((100vw - 247px) - 150px)
        }
          }

  html body.page-template-homepage #use-cases .transform-section, html body.page-template-homepage-en #use-cases .transform-section {
          transform:translateY(var(--ParallaxSection));
          margin-bottom: calc(var(--ParallaxSection) + 72px);
          z-index: 1;
        }

  html body.page-template-homepage #use-cases .single-use-case:last-of-type,  html body.page-template-homepage-en #use-cases .single-use-case:last-of-type {
  display: none;
}

  @media (min-width: 1024px) {

  html body.page-template-homepage #use-cases .single-use-case:last-of-type,  html body.page-template-homepage-en #use-cases .single-use-case:last-of-type {
    display: block;
  }

  html body.page-template-homepage #use-cases .single-use-case:first-of-type >div:nth-child(2),  html body.page-template-homepage-en #use-cases .single-use-case:first-of-type >div:nth-child(2) {
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
  }
            }

  html body.page-template-homepage #use-cases .single-use-case .polygon, html body.page-template-homepage-en #use-cases .single-use-case .polygon {
            width: calc(100% + 40px);
          }

  html body.page-template-homepage #hero .inner-video,  html body.page-template-homepage-en #hero .inner-video {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  background-size: cover;
}

  html body.page-template-homepage #hero .inner-video #home-video,
          html body.page-template-homepage #hero .inner-video iframe,
          html body.page-template-homepage-en #hero .inner-video #home-video,
          html body.page-template-homepage-en #hero .inner-video iframe {
            height: 56.25vw;
            min-height: 100vh;
            min-width: 177.77vh;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100vw;
            --tw-translate-x: -50%;
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transition-duration: 300ms;
          }

  html body.page-template-homepage #hero .inner-video #home-video .ytp-cued-thumbnail-overlay svg,  html body.page-template-homepage #hero .inner-video iframe .ytp-cued-thumbnail-overlay svg,  html body.page-template-homepage-en #hero .inner-video #home-video .ytp-cued-thumbnail-overlay svg,  html body.page-template-homepage-en #hero .inner-video iframe .ytp-cued-thumbnail-overlay svg {
  display: none !important;
}

  html body.page-template-homepage #presentation .foreground_image,  html body.page-template-homepage-en #presentation .foreground_image {
  margin-left: auto;
  margin-right: auto;
}

  @media (min-width: 1024px) {

  html body.page-template-homepage #presentation .foreground_image, html body.page-template-homepage-en #presentation .foreground_image {
            position:absolute !important;
            transform: none !important;
            right: 40px !important;
            top: 0 !important;
            width: calc(500px - 80px) !important;
            left:auto !important;
            margin-top: calc((500px - 380px) / 2)
        }
          }

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

  html body.page-template-homepage #presentation .image-wrapper, html body.page-template-homepage-en #presentation .image-wrapper {
            width: calc(100% - (53px * 2));
            margin-left: auto;
            margin-right: auto
        }
          }

  html body.page-template-homepage #presentation .fixed-blue-bg, html body.page-template-homepage-en #presentation .fixed-blue-bg {
          height: 439px;
        }

  @media (min-width: 1024px) {

  html body.page-template-homepage #presentation .fixed-blue-bg, html body.page-template-homepage-en #presentation .fixed-blue-bg {
            height: calc(var(--BlueBgHeight) + 64px);
            height: calc(var(--BlueBgHeight) + 128px)
        }
          }

  html body.page-template-homepage #products .splide,  html body.page-template-homepage-en #products .splide {
  visibility: visible;
}

  html body.page-template-homepage #products .splide #listing,  html body.page-template-homepage-en #products .splide #listing {
  display: block;
}

  @media (min-width: 768px) {
            html body.page-template-homepage #products .splide #listing,  html body.page-template-homepage-en #products .splide #listing {
    display: flex;
  }
        }

  html body.page-template-homepage #products .splide__arrows,  html body.page-template-homepage-en #products .splide__arrows {
  position: absolute;
  top: 0px;
  right: 3rem;
  display: flex;
  gap: 1.25rem;
}

  html body.page-template-homepage #products .splide__arrows .splide__arrow,  html body.page-template-homepage-en #products .splide__arrows .splide__arrow {
  position: relative;
  height: 44px;
  width: 38px;
  background-color: transparent;
  opacity: 1;
}

  html body.page-template-homepage #products .splide__arrows .splide__arrow::before, html body.page-template-homepage-en #products .splide__arrows .splide__arrow::before {
              content: "";
              background-image: url(../svg/bg-polygon-white.svg);
              position: absolute;
              top: 50%;
              left: 50%;
              height: 100%;
              width: 100%;
              --tw-translate-y: -50%;
              --tw-translate-x: -50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              border-style: none;
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
            }

  html body.page-template-homepage #products .splide__arrows .splide__arrow::after, html body.page-template-homepage-en #products .splide__arrows .splide__arrow::after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              z-index: 10;
              height: 100%;
              width: 1.25rem;
              --tw-translate-y: -50%;
              --tw-translate-x: -50%;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              border-style: none;
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
            }

  html body.page-template-homepage #products .splide__arrows .splide__arrow svg,  html body.page-template-homepage-en #products .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.page-template-homepage #products .splide__arrows .splide__arrow--prev,  html body.page-template-homepage-en #products .splide__arrows .splide__arrow--prev {
  left: 0px;
}

  html body.page-template-homepage #products .splide__arrows .splide__arrow--prev::after, html body.page-template-homepage-en #products .splide__arrows .splide__arrow--prev::after {
                background-image: url(../svg/arrow-back.svg);
              }

  html body.page-template-homepage #products .splide__arrows .splide__arrow--next,  html body.page-template-homepage-en #products .splide__arrows .splide__arrow--next {
  right: 0px;
}

  html body.page-template-homepage #products .splide__arrows .splide__arrow--next::after, html body.page-template-homepage-en #products .splide__arrows .splide__arrow--next::after {
                background-image: url(../svg/arrow-next.svg);
              }

  html body.page-template-homepage #products .splide__pagination,  html body.page-template-homepage-en #products .splide__pagination {
  position: relative;
  bottom: -1px;
  display: flex;
  height: 100%;
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

  html body.page-template-homepage #products .splide__pagination li,  html body.page-template-homepage-en #products .splide__pagination li {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
}

  html body.page-template-homepage #products .splide__pagination li button,  html body.page-template-homepage-en #products .splide__pagination li button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  height: 7px;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
              background-image: url(../../assets/svg/octogone.svg);
}

  html body.page-template-homepage #products .splide__pagination li button.is-active,  html body.page-template-homepage-en #products .splide__pagination li button.is-active {
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  opacity: 1;
                background-image: url(../../assets/svg/octogone-active.svg);
}

  @media (min-width: 1024px) {

  html body.page-template-homepage #events .wrapper >div,  html body.page-template-homepage-en #events .wrapper >div {
    visibility: visible !important;
  }
            }

  html body.page-template-homepage #events .wrapper >div .splide__track .splide__list .splide__slide,  html body.page-template-homepage-en #events .wrapper >div .splide__track .splide__list .splide__slide {
  height: auto;
}

  html body.page-template-homepage #events .wrapper >div .splide__track .splide__list .splide__slide:nth-child(even) >div,  html body.page-template-homepage-en #events .wrapper >div .splide__track .splide__list .splide__slide:nth-child(even) >div {
  flex-direction: row-reverse;
}

  html body.page-template-homepage #events .wrapper >div .splide__track .splide__list .splide__slide:nth-child(even) .vertical,  html body.page-template-homepage-en #events .wrapper >div .splide__track .splide__list .splide__slide:nth-child(even) .vertical {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: flex-end;
}

  html body.page-template-homepage #events .wrapper >div .splide__arrows,  html body.page-template-homepage-en #events .wrapper >div .splide__arrows {
  position: absolute;
  left: 50%;
  bottom: -3.5rem;
  z-index: 0;
  display: flex;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  gap: 3rem;
}

  @media (min-width: 1024px) {

  html body.page-template-homepage #events .wrapper >div .splide__arrows,  html body.page-template-homepage-en #events .wrapper >div .splide__arrows {
    bottom: 0px;
    position: absolute;
    top: 50%;
    z-index: 0;
    display: inline-flex;
    width: 100%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    justify-content: space-between;
  }
}

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow,  html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow {
  position: relative !important;
  display: flex !important;
  transform: none !important;
  gap: 3rem !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

  @media (min-width: 1024px) {

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow,  html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow {
    position: relative;
    height: 44px;
    width: 38px;
    background-color: transparent;
    opacity: 1;
  }
                }

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow::before, html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow::before {
                  content: "";
                  background-image: url(../svg/bg-polygon-white.svg);
                }

  @media (min-width: 1024px) {

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow::before, html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow::before {
                    background-image: url(../svg/bg-polygon.svg);
                }
                  }

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow::before,  html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow::before {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-style: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow::after, html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow::after {
                  content: "";
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  z-index: 10;
                  height: 100%;
                  width: 1.25rem;
                  --tw-translate-y: -50%;
                  --tw-translate-x: -50%;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                  border-style: none;
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                }

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow svg,  html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow svg {
  display: none;
}

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow--prev::after, html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow--prev::after {
                    background-image: url(../svg/arrow-back.svg);
                  }

  @media (min-width: 1024px) {

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow--prev::after, html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow--prev::after {
                      background-image: url(../svg/arrow-back-white.svg)
                  }
                    }

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow--next::after, html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow--next::after {
                    background-image: url(../svg/arrow-next.svg);
                  }

  @media (min-width: 1024px) {

  html body.page-template-homepage #events .wrapper >div .splide__arrows .splide__arrow--next::after, html body.page-template-homepage-en #events .wrapper >div .splide__arrows .splide__arrow--next::after {
                      background-image: url(../svg/arrow-next-white.svg)
                  }
                    }

  html body.page-template-homepage #events .wrapper >div:nth-child(even),  html body.page-template-homepage-en #events .wrapper >div:nth-child(even) {
  flex-direction: row-reverse;
}

  html body.page-template-homepage #events .wrapper >div:nth-child(even) .vertical,  html body.page-template-homepage-en #events .wrapper >div:nth-child(even) .vertical {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: flex-end;
}

  html body.page-template-homepage #events .wrapper >div .tag,  html body.page-template-homepage-en #events .wrapper >div .tag {
  display: none;
}

  html body.page-template-homepage #events .wrapper .vertical, html body.page-template-homepage-en #events .wrapper .vertical {
            -ms-writing-mode: tb-rl;
                writing-mode: vertical-rl;
            text-orientation:mixed;
          }

  @media (min-width: 1024px) {

  html body.page-template-homepage #events .archive-link, html body.page-template-homepage-en #events .archive-link {
            left: calc((100vw - 247px) - 150px)
        }
          }

  html body.page-template-homepage #training h2 br,  html body.page-template-homepage-en #training h2 br {
  display: none;
}

  @media (min-width: 1024px) {
              html body.page-template-homepage #training h2 br br,  html body.page-template-homepage-en #training h2 br br {
    display: block;
  }

  html body.page-template-homepage #training #training-link,  html body.page-template-homepage-en #training #training-link {
    display: inline-flex;
  }
            }

  html body footer .btn-newsletter {
  display: inline-block;
  padding-bottom: 1rem;
  text-align: center;
}

  @media (min-width: 768px) {

  html body footer .btn-newsletter {
    text-align: left;
  }
        }

  html body footer .btn-newsletter a {
  position: relative;
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.25rem;
  padding-left: 3rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(2 24 44 / var(--tw-text-opacity));
}

  @media (min-width: 768px) {

  html body footer .btn-newsletter a {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    padding-right: 1.5rem !important;
    padding-left: 4rem !important;
  }
          }

  html body footer .btn-newsletter a::before {
            content: url(../svg/ic_newsletter.svg);
            position: absolute;
            top: 50%;
            left: 0.75rem;
            --tw-translate-y: -50%;
            --tw-scale-x: .75;
            --tw-scale-y: .75;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }

  @media (min-width: 768px) {
            html body footer .btn-newsletter a::before {
              content: url(../svg/ic_newsletter.svg);
              position: absolute;
              top: 50%;
              left: 1.5rem;
              --tw-translate-y: -50%;
              --tw-scale-x: .75;
              --tw-scale-y: .75;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            }
          }

  html body footer .btn-contact {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  padding-bottom: 1rem;
}

  @media (min-width: 768px) {

  html body footer .btn-contact {
    margin-left: 0px;
    margin-right: 0px;
  }
        }

  html body footer .btn-contact a {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
  width: auto;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 2rem;
  padding-left: 3.5rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

  html body footer .btn-contact a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(13 50 110 / var(--tw-bg-opacity));
}

  html body footer .btn-contact a:disabled {
  --tw-bg-opacity: 0.4;
}

  @media (min-width: 768px) {

  html body footer .btn-contact a {
    padding-right: 1.5rem;
  }
          }

  html body footer .btn-contact a::before {
            content: url(../svg/ic_mail-white.svg);
            position: absolute;
            top: 50%;
            left: 1.5rem;
            --tw-translate-y: -50%;
            --tw-scale-x: .75;
            --tw-scale-y: .75;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }

  html body footer .btn-phone {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  display: block;
  text-align: center;
}

  @media (min-width: 768px) {

  html body footer .btn-phone {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    display: inline-block;
    padding-bottom: 1rem;
  }
        }

  html body footer .btn-phone a {
  position: relative;
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-right: 1.5rem;
  padding-bottom: 1.25rem;
  padding-left: 3.5rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  @media (min-width: 768px) {

  html body footer .btn-phone a {
    padding-right: 1.5rem;
  }
          }

  html body footer .btn-phone a::before {
            content: url(../svg/bxs-phone-white.svg.svg);
            position: absolute;
            top: 50%;
            left: 1.5rem;
            --tw-translate-y: -50%;
            --tw-scale-x: .75;
            --tw-scale-y: .75;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          }

  html body footer ul {
  display: flex;
  flex-direction: column;
}

  html body footer ul li {
  display: inline-block;
  padding-bottom: 1rem;
}

  html body footer ul li a {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  @media (min-width: 1024px) {

  html body footer ul#menu-footer-gauche li.btn-newsletter a {
                  white-space: nowrap
              }

  html body header .logo-wrapper, html body sticky-header .logo-wrapper {
          height: var(--logoWrapper)
      }
                }

  html body header .menu-wrapper ul .wpml-ls,  html body sticky-header .menu-wrapper ul .wpml-ls {
  width: 3rem;
}

  html body header .menu-wrapper ul .wpml-ls ul,  html body sticky-header .menu-wrapper ul .wpml-ls ul {
  margin: 0px !important;
  padding: 0px !important;
}

  html body header .menu-wrapper ul .wpml-ls ul li a.wpml-ls-item-toggle,  html body sticky-header .menu-wrapper ul .wpml-ls ul li a.wpml-ls-item-toggle {
  border-width: 0px;
}

  html body header .menu-wrapper ul .wpml-ls ul li a.wpml-ls-item-toggle::after, html body sticky-header .menu-wrapper ul .wpml-ls ul li a.wpml-ls-item-toggle::after {
                      content: url(../svg/ic_select.svg);
                      top: 50%;
                      right: 0px;
                      --tw-translate-y: -50%;
                      --tw-scale-x: .75;
                      --tw-scale-y: .75;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                      border-style: none;
                    }

  html body header .menu-wrapper ul .wpml-ls ul li a.wpml-ls-item-toggle span, html body sticky-header .menu-wrapper ul .wpml-ls ul li a.wpml-ls-item-toggle span {
                      all: unset;
                    }

  html body header .menu-wrapper ul .wpml-ls ul li a.wpml-ls-item-toggle:hover,  html body sticky-header .menu-wrapper ul .wpml-ls ul li a.wpml-ls-item-toggle:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

  html body header .menu-wrapper ul .wpml-ls ul li a.wpml-ls-item-toggle:hover a,  html body sticky-header .menu-wrapper ul .wpml-ls ul li a.wpml-ls-item-toggle:hover a {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

  html body header .menu-wrapper ul .wpml-ls ul li ul.wpml-ls-sub-menu,  html body sticky-header .menu-wrapper ul .wpml-ls ul li ul.wpml-ls-sub-menu {
  border-style: none;
}

  html body header .menu-wrapper ul .wpml-ls ul li ul.wpml-ls-sub-menu .wpml-ls-item .wpml-ls-link,  html body sticky-header .menu-wrapper ul .wpml-ls ul li ul.wpml-ls-sub-menu .wpml-ls-item .wpml-ls-link {
  border-style: none;
}

  html body header .menu-wrapper ul .wpml-ls ul li ul.wpml-ls-sub-menu .wpml-ls-item .wpml-ls-link:hover,  html body sticky-header .menu-wrapper ul .wpml-ls ul li ul.wpml-ls-sub-menu .wpml-ls-item .wpml-ls-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

  html body header .menu-wrapper ul .wpml-ls .wpml-ls-current-language:hover >a,  html body sticky-header .menu-wrapper ul .wpml-ls .wpml-ls-current-language:hover >a {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

  html body header .menu-wrapper ul li.btn-help, 
            html body header .menu-wrapper ul li.btn-client, 
            html body sticky-header .menu-wrapper ul li.btn-help, 
            html body sticky-header .menu-wrapper ul li.btn-client {
  display: flex;
  align-items: center;
  justify-content: center;
}

  html body header .menu-wrapper ul li.btn-help a,  html body header .menu-wrapper ul li.btn-client a,  html body sticky-header .menu-wrapper ul li.btn-help a,  html body sticky-header .menu-wrapper ul li.btn-client a {
  padding-left: 0.25rem;
}

  html body header .menu-wrapper ul li.btn-client,  html body sticky-header .menu-wrapper ul li.btn-client {
  --tw-bg-opacity: 1;
  background-color: rgb(91 192 201 / var(--tw-bg-opacity));
}

  html body header .menu-wrapper ul li.btn-client a,  html body sticky-header .menu-wrapper ul li.btn-client a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body header nav.main, html body sticky-header nav.main {
          top: var(--topMain);
        }

  html body header nav.main ul li,  html body sticky-header nav.main ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom-width: 4px;
  border-color: transparent;
}

  html body header nav.main ul li a,  html body sticky-header nav.main ul li a {
  padding-top: 26px;
  padding-bottom: 26px;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

  @media (min-width: 1024px) {

  html body header nav.main ul li a,  html body sticky-header nav.main ul li a {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

  @media (min-width: 1280px) {

  html body header nav.main ul li a,  html body sticky-header nav.main ul li a {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

  html body header nav.main ul li.blue,  html body sticky-header nav.main ul li.blue {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
}

  html body header nav.main ul li.blue a,  html body sticky-header nav.main ul li.blue a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body header nav.main ul li.white,  html body sticky-header nav.main ul li.white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

  html body header nav.main ul li.white a,  html body sticky-header nav.main ul li.white a {
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body header nav.main ul li.white.menu-item-has-children::after, html body sticky-header nav.main ul li.white.menu-item-has-children::after {
                    content: url(../svg/ic_select.svg);
                    position: absolute;
                    right: 0px;
                    top: 50%;
                    --tw-translate-y: -50%;
                    --tw-scale-x: .75;
                    --tw-scale-y: .75;
                    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                  }

  html body header nav.main ul li.white.menu-item-has-children:hover,  html body sticky-header nav.main ul li.white.menu-item-has-children:hover {
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(194 195 197 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
}

  html body header nav.main ul li.white.menu-item-has-children:hover a,  html body sticky-header nav.main ul li.white.menu-item-has-children:hover a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body header nav.main ul li.white.menu-item-has-children:hover::after, html body sticky-header nav.main ul li.white.menu-item-has-children:hover::after {
                      content: url(../svg/ic_select-white.svg);
                      position: absolute;
                      right: 0px;
                      top: 50%;
                      --tw-translate-y: -50%;
                      --tw-scale-x: .75;
                      --tw-scale-y: .75;
                      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                    }

  html body header nav.main ul li.clients,  html body sticky-header nav.main ul li.clients {
  --tw-bg-opacity: 1;
  background-color: rgb(91 192 201 / var(--tw-bg-opacity));
}

  html body header nav.main ul li.clients a,  html body sticky-header nav.main ul li.clients a {
  padding-right: 1.5rem;
  padding-left: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body header nav.main ul li.clients::before, html body sticky-header nav.main ul li.clients::before {
                  content: url(../svg/ic_compte-white.svg);
                  position: absolute;
                  left: 0.625rem;
                  top: 50%;
                  --tw-translate-y: -50%;
                  --tw-scale-x: .5;
                  --tw-scale-y: .5;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }

  html body header nav.main ul li.menu-item-has-children,  html body sticky-header nav.main ul li.menu-item-has-children {
  border-bottom-width: 4px;
  border-color: transparent;
  padding-right: 25px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

  html body header nav.main ul li.menu-item-has-children a,  html body sticky-header nav.main ul li.menu-item-has-children a {
  padding-right: 0.5rem;
}

  html body header nav.main ul li.menu-item-has-children::after, html body sticky-header nav.main ul li.menu-item-has-children::after {
                  content: url(../svg/ic_select-white.svg);
                  position: absolute;
                  right: 0px;
                  top: 50%;
                  --tw-translate-y: -50%;
                  --tw-scale-x: .75;
                  --tw-scale-y: .75;
                  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                }

  html body header nav.main ul li.menu-item-has-children .sub-menu,  html body sticky-header nav.main ul li.menu-item-has-children .sub-menu {
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  top: 107%;
  bottom: auto;
  right: 0px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 14px;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

  html body header nav.main ul li.menu-item-has-children .sub-menu li.menu-item,  html body sticky-header nav.main ul li.menu-item-has-children .sub-menu li.menu-item {
  position: relative;
  border-style: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

  html body header nav.main ul li.menu-item-has-children .sub-menu li.menu-item a,  html body sticky-header nav.main ul li.menu-item-has-children .sub-menu li.menu-item a {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 21px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

  @media (min-width: 1024px) {

  html body header nav.main ul li.menu-item-has-children .sub-menu li.menu-item a, html body sticky-header nav.main ul li.menu-item-has-children .sub-menu li.menu-item a {
                          width: calc(100% - (14px * 2))
                      }
                        }

  html body header nav.main ul li.menu-item-has-children .sub-menu li.menu-item::after, html body sticky-header nav.main ul li.menu-item-has-children .sub-menu li.menu-item::after {
                        content: url(../svg/bx-arrow-back.svg.svg);
                        position: absolute;
                        top: 50%;
                        right: 14px;
                        --tw-translate-y: -50%;
                        --tw-scale-x: .75;
                        --tw-scale-y: .75;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                      }

  html body header nav.main ul li.menu-item-has-children .sub-menu li:hover,  html body sticky-header nav.main ul li.menu-item-has-children .sub-menu li:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}

  html body header nav.main ul li.menu-item-has-children .sub-menu li:hover a,  html body sticky-header nav.main ul li.menu-item-has-children .sub-menu li:hover a {
  font-family: Montserrat Bold, sans-serif;
}

  html body header nav.main ul li.menu-item-has-children:hover,  html body sticky-header nav.main ul li.menu-item-has-children:hover {
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(194 195 197 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
}

  html body header nav.main ul li.menu-item-has-children:hover .sub-menu,  html body sticky-header nav.main ul li.menu-item-has-children:hover .sub-menu {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

  html body #sticky-cta.is-visible,  html body .sticky-cta.is-visible {
  visibility: visible;
  opacity: 1;
}

  html body details summary {
  position: relative;
  padding-right: 0.625rem;
}

  @media (min-width: 1024px) {

  html body details summary {
    padding-right: 0px;
  }
}

  html body details summary::marker {
          content: none;
        }

  html body details summary::after {
          content: url(../svg/ic_select.svg);
          position: absolute;
          top: 50%;
          right: -23px;
          --tw-translate-y: -50%;
          --tw-scale-x: .6;
          --tw-scale-y: .6;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

  @media (min-width: 1024px) {

  html body details summary::after {
    top: -30px;
    position: absolute;
    top: 50%;
    right: 0px;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

  html body details[open] summary::after {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  html body .main-button {
  position: relative;
  display: inline-block;
  padding-right: 2rem;
  padding-bottom: 1.5rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body .main-button::before {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 2px;
        width: 130%;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }

  html body .main-button::after {
        content: url(../svg/bx-arrow-back-white.svg);
        position: absolute;
        top: 50%;
        right: 0px;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        padding-bottom: 1.5rem;
      }

  html body .secondary-button {
  position: relative;
  display: inline-block;
  padding-right: 2rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body .secondary-button::after {
        content: url(../svg/bx-arrow-back.svg.svg);
        position: absolute;
        top: 50%;
        right: 0px;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }

  /* Search page */

  html body.search #breadcrumbs {
  display: none;
}

  @media (min-width: 1024px) {

  html body.search #breadcrumbs {
    position: absolute;
    bottom: 0.75rem;
    display: block;
  }
        }

  html body.search #breadcrumbs span {
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(0 17 43 / var(--tw-text-opacity));
}

  html body.search #breadcrumbs span.sep, 
          html body.search #breadcrumbs span.breadcrumb_last {
  font-family: Montserrat Semi-Bold, sans-serif;
}

  html body #results .custom-pagination .page-numbers {
  --tw-text-opacity: 1;
  color: rgb(87 87 86 / var(--tw-text-opacity));
}

  html body #results .custom-pagination .page-numbers:not(.accroche) {
  position: relative;
  z-index: 0;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(87 87 86 / var(--tw-text-opacity));
}

  html body #results .custom-pagination .page-numbers:not(.accroche).current {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  html body #results .custom-pagination .page-numbers:not(.accroche).current::after {
                content: "";
                background: url("../svg/bg-polygon.svg");
                position: absolute;
                z-index: -10;
                height: 100%;
                width: 100%;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }

  /* TEXT STYLE */

  html body .container {
  position: relative;
}

  html body .page-title {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

  @media (min-width: 1024px) {

  html body .page-title {
    font-size: 3rem;
    line-height: 1;
  }
}

  html body .accroche {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0.1em;
}

  html body .news-title {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

  @media (min-width: 1024px) {

  html body .news-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
    line-height: 37px;
  }
}

  html body .bloc-title {
  font-family: Montserrat Medium, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 18px;
}

  html body .bloc-title-light {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  line-height: 1.25rem;
}

  html body .bloc-title-uppercase {
  font-family: Montserrat Regular, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 18px;
}

  html body .tag:not(legend) {
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  line-height: 1.25rem;
}

  @media (min-width: 1280px) {

  html body .tag:not(legend) {
    line-height: 2.5rem;
  }
        }

  html body .event-cal {
  font-family: Montserrat Medium, sans-serif;
  font-size: 9px;
  line-height: 13px;
}

  html body .list {
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 21px;
}

  html body .list-bis {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  line-height: 1.25rem;
}

  html body .excerpt {
  font-family: Montserrat, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
}

  html body p {
  font-family: Montserrat, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

  html body .date-title {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 30px;
}

div.shape-xs {
  display: inline-block;
  will-change: filter;
    -webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
            clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    filter: url(#round-xs);
}

div.shape-xs img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
      filter: url(#round);
      -webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
              clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.shape {
  display: inline-block;
  will-change: filter;
    -webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
            clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    filter: url(#round);
}

div.shape img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
      filter: url(#round);
      -webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
              clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.shape-xl {
  display: inline-block;
  will-change: filter;
    -webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
            clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    filter: url(#round-xl);
}

div.shape-xl img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
      filter: url(#round-xl);
      -webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
              clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.shape-xl .overlay,
    div.shape-xl .overlay-blue {
      -webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
              clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    }

div.shape-xl:hover {
      -webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
              clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
      filter: url(#round-xl);
    }

div.shape-enjeux {
  will-change: filter;
    filter: url(#round-xl);
}

div.shape-enjeux .overlay,
    div.shape-enjeux .overlay-blue {
      -webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
              clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    }

div.shape-enjeux:hover {
      -webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
              clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
      filter: url(#round-xl);
    }

.btn {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
  width: auto;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 34px;
  padding-bottom: 34px;
  padding-left: 32px;
  padding-right: 32px;
  font-family: Montserrat Semi-Bold, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 12px;
  letter-spacing: 0.1em;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.btn.--primary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 17 43 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn.--primary:hover {
  --tw-bg-opacity: 0.8;
}

.btn.--primary:disabled {
  --tw-bg-opacity: 0.4;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn.--primary:hover:disabled {
  --tw-bg-opacity: 0.4;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn.--secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(19 73 160 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn.--secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(13 50 110 / var(--tw-bg-opacity));
}

.btn.--secondary:disabled {
  --tw-bg-opacity: 0.4;
}

.btn.--tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(91 192 201 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn.--tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 173 184 / var(--tw-bg-opacity));
}

.btn.--tertiary:disabled {
  --tw-bg-opacity: 0.4;
}

.btn.--small {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}