@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap);@charset "UTF-8";
.grid .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .grid .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.grid .row .cell {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .grid .row .cell.cell-1 {
    width: 8.3%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .grid .row .cell.cell-2 {
    width: 16.6%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .grid .row .cell.cell-3 {
    width: 25%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .grid .row .cell.cell-4 {
    width: 33.3%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .grid .row .cell.cell-5 {
    width: 41.6%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .grid .row .cell.cell-6 {
    width: 50%;
  }
}
.grid .row .cell.cell-6.no-responsive {
  width: 50%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .grid .row .cell.cell-8 {
    width: 66.6%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .grid .row .cell.cell-11 {
    width: 91.6%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .grid .row .cell.cell-12 {
    width: 100%;
  }
}
.grid .row .cell.padding-cell {
  padding: 1rem;
}
.grid .row .cell.no-margin-cell {
  margin: 0;
}

.wrapper-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wrapper-row > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.wrapper-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrapper-inline > * {
  display: inline-block;
}

.mob-block-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8.3%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3%;
          flex: 0 0 8.3%;
}
.mob-block-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16.6%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6%;
          flex: 0 0 16.6%;
}
.mob-block-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.mob-block-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33.3%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3%;
          flex: 0 0 33.3%;
}
.mob-block-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 41.6%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6%;
          flex: 0 0 41.6%;
}
.mob-block-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.mob-block-7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 58.4%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.4%;
          flex: 0 0 58.4%;
}
.mob-block-8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 66.7%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.7%;
          flex: 0 0 66.7%;
}
.mob-block-9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
}
.mob-block-10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 83.4%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.4%;
          flex: 0 0 83.4%;
}
.mob-block-11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 91.7%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.7%;
          flex: 0 0 91.7%;
}
.mob-block-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.mob-block-h {
  display: none;
}

@media only screen and (min-width: 640px) {
  .tab-block-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 8.3%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3%;
            flex: 0 0 8.3%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16.6%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6%;
            flex: 0 0 16.6%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.3%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 41.6%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6%;
            flex: 0 0 41.6%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 58.4%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.4%;
            flex: 0 0 58.4%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 66.7%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.7%;
            flex: 0 0 66.7%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 83.4%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.4%;
            flex: 0 0 83.4%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 91.7%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.7%;
            flex: 0 0 91.7%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media only screen and (min-width: 640px) {
  .tab-block-h {
    display: none;
  }
}

@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 8.3%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3%;
            flex: 0 0 8.3%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16.6%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6%;
            flex: 0 0 16.6%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.3%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 41.6%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6%;
            flex: 0 0 41.6%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 58.4%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.4%;
            flex: 0 0 58.4%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 66.7%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.7%;
            flex: 0 0 66.7%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 83.4%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.4%;
            flex: 0 0 83.4%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 91.7%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.7%;
            flex: 0 0 91.7%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .des-block-h {
    display: none;
  }
}

.block-space-1 > * {
  padding: 1rem;
}
.block-space-2 > * {
  padding: 2rem;
}
.block-space-3 > * {
  padding: 3rem;
}
.block-space-4 > * {
  padding: 4rem;
}
.block-space-5 > * {
  padding: 5rem;
}
.block-space-6 > * {
  padding: 6rem;
}

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@-webkit-keyframes buzz {
  50% {
    -webkit-transform: translateX(0.3rem) rotate(2deg);
            transform: translateX(0.3rem) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-0.3rem) rotate(-2deg);
            transform: translateX(-0.3rem) rotate(-2deg);
  }
}
@keyframes buzz {
  50% {
    -webkit-transform: translateX(0.3rem) rotate(2deg);
            transform: translateX(0.3rem) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-0.3rem) rotate(-2deg);
            transform: translateX(-0.3rem) rotate(-2deg);
  }
}
@-webkit-keyframes wobble {
  16.65% {
    -webkit-transform: skew(-12deg);
            transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
            transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
            transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
            transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
            transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
            transform: skew(0);
  }
}
@keyframes wobble {
  16.65% {
    -webkit-transform: skew(-12deg);
            transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
            transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
            transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
            transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
            transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
            transform: skew(0);
  }
}
@-webkit-keyframes leftScroll {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes leftScroll {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes rightScroll {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes rightScroll {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes bottomScroll {
  from {
    opacity: 0;
    -webkit-transform: translateY(500%);
            transform: translateY(500%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bottomScroll {
  from {
    opacity: 0;
    -webkit-transform: translateY(500%);
            transform: translateY(500%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.heading-medium {
  font-size: 2.4rem;
  line-height: 2.8rem;
  text-transform: uppercase;
  font-family: "Titillium Web SemiBold";
  color: #354B5C;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  position: relative;
}
.heading-medium::after {
  content: "";
  position: absolute;
  height: 0.3rem;
  background-color: #354B5C;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 8rem;
}
@media only screen and (min-width: 640px) {
  .heading-medium {
    font-size: 3rem;
    line-height: 3.2rem;
  }
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
  height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  --webkit-overflow-scrolling: touch;
  width: 100%;
  max-width: 100%;
}

body {
  font-family: "Titillium Web Regular";
  font-size: 1.4rem;
  line-height: 2.1rem;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  padding-right: 0 !important;
}
@media only screen and (min-width: 640px) {
  body {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

h1 {
  font-family: "Titillium Web SemiBold";
  font-size: 3.2rem;
  line-height: 4rem;
}
@media only screen and (min-width: 640px) {
  h1 {
    font-size: 4rem;
    line-height: 5rem;
  }
}

h2 {
  font-family: "Titillium Web Bold";
  font-size: 2.2rem;
  line-height: 2.8rem;
}
@media only screen and (min-width: 640px) {
  h2 {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}

h3 {
  font-family: "Titillium Web Bold";
  font-size: 2rem;
  line-height: 2.6rem;
}

h4 {
  font-family: "Titillium Web SemiBold";
  font-size: 1.6rem;
  line-height: 2.4rem;
}

ul {
  list-style-type: square;
}

strong {
  font-family: "Titillium Web Bold";
}

label ::-webkit-input-placeholder {
  color: #cccccc;
  font-family: "Titillium Web Italic";
  font-style: italic;
}

label ::-moz-placeholder {
  color: #cccccc;
  font-family: "Titillium Web Italic";
  font-style: italic;
}

label :-ms-input-placeholder {
  color: #cccccc;
  font-family: "Titillium Web Italic";
  font-style: italic;
}

label ::-ms-input-placeholder {
  color: #cccccc;
  font-family: "Titillium Web Italic";
  font-style: italic;
}

label ::placeholder {
  color: #cccccc;
  font-family: "Titillium Web Italic";
  font-style: italic;
}
label :focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input {
  border: 0.1rem solid #cccccc;
  height: 4rem;
  width: 100%;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  border-radius: 0.5rem;
  padding: 0 2rem;
  color: #354B5C;
  min-width: 100%;
}
input :focus {
  outline-style: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: transparent;
}

input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media print {
  .row {
    display: initial;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
    -ms-flex-wrap: initial;
        flex-wrap: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media print {
  html, body {
    overflow: auto !important;
    height: auto !important;
  }
}
a.brokenlink:after {
  content: "-- BROKEN LINK --";
}

a.contentlink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  border-bottom: dotted 1px #404f5a;
  padding: 0 0.6rem 0.5rem;
  text-decoration: none;
  color: #404f5a;
}
a.contentlink:after {
  content: "";
  display: block;
  height: 1.7rem;
  width: 2.2rem;
  margin-left: 0.7rem;
  margin-top: 0.3rem;
  background-image: url("/public/images/icon-download.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
a.contentlink:hover {
  color: #f16458;
}

blockquote p:before, blockquote p:after {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 48px;
  font-size: 50px;
}

blockquote p {
  color: #354B5C;
  font-family: "Caveat";
  font-size: 27px;
  text-align: center;
  line-height: 3rem;
}

blockquote p:before {
  color: #FD5252;
  content: "“";
  margin-right: 0.6rem;
  margin-left: -0.8rem;
  margin-top: -0.8rem;
}

blockquote p:after {
  color: #FD5252;
  content: "”";
  margin-left: -0.8rem;
  margin-right: -0.6rem;
  margin-top: -0.4rem;
}

.capsLockWarning {
  padding-left: 6rem;
  color: #FD5252;
  font-size: 1.3rem;
  font-weight: 300;
  display: none;
}
.capsLockWarning:before {
  content: "Verrouillage majuscule activé";
}

.divider {
  display: block;
  height: 0;
  width: 100%;
  border-bottom: 4px dotted #354B5C;
  margin: 2rem 0;
}
.divider.without-dotted {
  border: none;
}

.mobile-only {
  display: unset;
}
@media only screen and (min-width: 640px) {
  .mobile-only {
    display: none;
  }
}
.mobile-only.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 640px) {
  .mobile-only.flex {
    display: none;
  }
}

.desktop-only {
  display: none;
}
@media only screen and (min-width: 640px) {
  .desktop-only {
    display: unset;
  }
}
.desktop-only.flex {
  display: none;
}
@media only screen and (min-width: 640px) {
  .desktop-only.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.card {
  width: 100%;
  max-width: 45rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  padding: 1rem 0.5rem;
  position: relative;
  border-radius: 0 0 0.5rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  z-index: 1;
  font-size: 1rem;
  line-height: 1.3rem;
}
.card:not(.no-cyan-hover):hover .card__type {
  color: #49c0d5;
}
.card:not(.no-cyan-hover):hover .card__type:after {
  background-color: #49c0d5;
}
.card:not(.no-cyan-hover):hover .card__ribbon:before, .card:not(.no-cyan-hover):hover .card__ribbon-new:before {
  background-image: url("/public/images/icon-ribbon_cyan.svg");
}
.card:not(.no-cyan-hover):hover:before {
  background-color: #49c0d5;
}
@media only screen and (min-width: 640px) {
  .card {
    font-size: 1.6rem;
    line-height: 2rem;
    height: 28rem;
    padding: 1rem 2rem;
  }
}
.card .touch-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.card.subscribe {
  background-color: #f4f3f1;
}
.card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FD5252;
  width: 100%;
  height: 0.5rem;
}
.card .card__ribbon, .card .card__ribbon-new {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-bottom: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 8rem;
  position: absolute;
  left: -1.8rem;
  top: 1rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.6rem;
  line-height: 0.8rem;
  color: #fff;
  text-transform: uppercase;
  z-index: 1;
}
@media only screen and (min-width: 640px) {
  .card .card__ribbon, .card .card__ribbon-new {
    height: 3rem;
    width: 12.5rem;
    left: -3.2rem;
    top: 1.8rem;
    font-size: 1rem;
    line-height: 1.1rem;
    padding-bottom: 0.6rem;
  }
}
.card .card__ribbon:before, .card .card__ribbon-new:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/public/images/icon-ribbon.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.card .card__ribbon .card__ribbon-text,
.card .card__ribbon .card__ribbon-text-new, .card .card__ribbon-new .card__ribbon-text,
.card .card__ribbon-new .card__ribbon-text-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .card .card__ribbon .card__ribbon-text,
.card .card__ribbon .card__ribbon-text-new, .card .card__ribbon-new .card__ribbon-text,
.card .card__ribbon-new .card__ribbon-text-new {
    font-size: 1.1rem;
  }
}
.card .card__ribbon-new:before, .card .card__ribbon-new-new:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/public/images/icon-ribbon-dark.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.card .card__type {
  color: #FD5252;
  text-align: center;
  font-family: "Titillium Web Bold";
  font-size: 1rem;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  top: 1.8rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 640px) {
  .card .card__type {
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .card .card__type {
    top: 0rem;
  }
}
.card .card__type:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #FD5252;
  height: 0.2rem;
  width: 100%;
}
.card .card__title {
  color: #354B5C;
  text-align: center;
  font-family: "Titillium Web Bold";
  font-size: 1rem;
  text-transform: uppercase;
  position: relative;
  top: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 1rem;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .card .card__title {
    top: 0rem;
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 640px) {
  .card .card__title {
    font-size: 2rem;
  }
}
.card .card__text {
  color: #354B5C;
  text-align: center;
  width: 100%;
  display: none;
}
@media only screen and (min-width: 640px) {
  .card .card__text {
    display: initial;
  }
}
.card .card__subscribe::before {
  content: "";
  height: 0.1rem;
  width: 100%;
  left: 0;
  background-color: #fff;
  position: absolute;
  top: 2.2rem;
}
.card .card__use,
.card .card__subscribe {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-align: center;
  margin: auto 1rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 640px) {
  .card .card__use,
.card .card__subscribe {
    position: absolute;
    bottom: 1rem;
    margin: 0 auto;
  }
}
.card .card__use .card__use-link,
.card .card__subscribe .card__use-link {
  text-transform: uppercase;
  font-family: "Titillium Web SemiBold";
  text-decoration: none;
  color: #404f5a;
}
.card .card__use .card__use-link .card__subscribe-icon,
.card .card__subscribe .card__use-link .card__subscribe-icon {
  border-radius: 999rem;
  background-color: #fff;
  width: 2rem;
  height: 2rem;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  .card .card__use .card__use-link .card__subscribe-icon,
.card .card__subscribe .card__use-link .card__subscribe-icon {
    margin: 0 auto 1rem auto;
    width: 4rem;
    height: 4rem;
  }
}
.card .card__use .card__use-link .card__subscribe-icon:before,
.card .card__subscribe .card__use-link .card__subscribe-icon:before {
  content: "+";
  position: relative;
  font-family: "Titillium Web Light";
  font-size: 2.8rem;
}
.card .card__use .card__use-link .card__search-icon,
.card .card__subscribe .card__use-link .card__search-icon {
  border-radius: 999rem;
  border: 0.1rem solid #354B5C;
  width: 2rem;
  height: 2rem;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  .card .card__use .card__use-link .card__search-icon,
.card .card__subscribe .card__use-link .card__search-icon {
    margin: 0 auto 1rem auto;
    width: 4rem;
    height: 4rem;
  }
}
.card .card__use .card__use-link .card__search-icon:before,
.card .card__subscribe .card__use-link .card__search-icon:before {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.9rem;
  background-image: url("/public/images/icon-search-darkish.svg");
  background-repeat: no-repeat;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media only screen and (min-width: 640px) {
  .card .card__use .card__use-link .card__search-icon:before,
.card .card__subscribe .card__use-link .card__search-icon:before {
    width: 1.5rem;
    height: 1.8rem;
  }
}

.reverse-h-before:before {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.reverse-h-after:after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.points {
  font-size: 2.4rem;
  font-weight: bold;
  color: #49c0d5;
}

.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}

.focal-point-image {
  overflow: hidden;
}

.templateRight {
  padding-left: 7rem !important;
}

@font-face {
  font-family: "Titillium Web Light";
  font-style: normal;
  font-weight: 300;
  src: url("/public/fonts/titillium-web/titillium-web-v7-latin-300.eot");
  src: local("Titillium Web Light"), local("TitilliumWeb-Light"), url("/public/fonts/titillium-web/titillium-web-v7-latin-300.eot?#iefix") format("embedded-opentype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-300.woff2") format("woff2"), url("/public/fonts/titillium-web/titillium-web-v7-latin-300.woff") format("woff"), url("/public/fonts/titillium-web/titillium-web-v7-latin-300.ttf") format("truetype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-300.svg#TitilliumWeb") format("svg");
}
@font-face {
  font-family: "Titillium Web LightItalic";
  font-style: italic;
  font-weight: 300;
  src: url("/public/fonts/titillium-web/titillium-web-v7-latin-300italic.eot");
  src: local("Titillium Web Light Italic"), local("TitilliumWeb-LightItalic"), url("/public/fonts/titillium-web/titillium-web-v7-latin-300italic.eot?#iefix") format("embedded-opentype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-300italic.woff2") format("woff2"), url("/public/fonts/titillium-web/titillium-web-v7-latin-300italic.woff") format("woff"), url("/public/fonts/titillium-web/titillium-web-v7-latin-300italic.ttf") format("truetype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-300italic.svg#TitilliumWeb") format("svg");
}
@font-face {
  font-family: "Titillium Web Italic";
  font-style: italic;
  font-weight: 400;
  src: url("/public/fonts/titillium-web/titillium-web-v7-latin-italic.eot");
  src: local("Titillium Web Italic"), local("TitilliumWeb-Italic"), url("/public/fonts/titillium-web/titillium-web-v7-latin-italic.eot?#iefix") format("embedded-opentype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-italic.woff2") format("woff2"), url("/public/fonts/titillium-web/titillium-web-v7-latin-italic.woff") format("woff"), url("/public/fonts/titillium-web/titillium-web-v7-latin-italic.ttf") format("truetype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-italic.svg#TitilliumWeb") format("svg");
}
@font-face {
  font-family: "Titillium Web SemiBold";
  font-style: normal;
  font-weight: 600;
  src: url("/public/fonts/titillium-web/titillium-web-v7-latin-600.eot");
  src: local("Titillium Web SemiBold"), local("TitilliumWeb-SemiBold"), url("/public/fonts/titillium-web/titillium-web-v7-latin-600.eot?#iefix") format("embedded-opentype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-600.woff2") format("woff2"), url("/public/fonts/titillium-web/titillium-web-v7-latin-600.woff") format("woff"), url("/public/fonts/titillium-web/titillium-web-v7-latin-600.ttf") format("truetype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-600.svg#TitilliumWeb") format("svg");
}
@font-face {
  font-family: "Titillium Web SemiBoldItalic";
  font-style: italic;
  font-weight: 600;
  src: url("/public/fonts/titillium-web/titillium-web-v7-latin-600italic.eot");
  src: local("Titillium Web SemiBold Italic"), local("TitilliumWeb-SemiBoldItalic"), url("/public/fonts/titillium-web/titillium-web-v7-latin-600italic.eot?#iefix") format("embedded-opentype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-600italic.woff2") format("woff2"), url("/public/fonts/titillium-web/titillium-web-v7-latin-600italic.woff") format("woff"), url("/public/fonts/titillium-web/titillium-web-v7-latin-600italic.ttf") format("truetype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-600italic.svg#TitilliumWeb") format("svg");
}
@font-face {
  font-family: "Titillium Web Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/public/fonts/titillium-web/titillium-web-v7-latin-regular.eot");
  src: local("Titillium Web Regular"), local("TitilliumWeb-Regular"), url("/public/fonts/titillium-web/titillium-web-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-regular.woff2") format("woff2"), url("/public/fonts/titillium-web/titillium-web-v7-latin-regular.woff") format("woff"), url("/public/fonts/titillium-web/titillium-web-v7-latin-regular.ttf") format("truetype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-regular.svg#TitilliumWeb") format("svg");
}
@font-face {
  font-family: "Titillium Web Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/public/fonts/titillium-web/titillium-web-v7-latin-700.eot");
  src: local("Titillium Web Bold"), local("TitilliumWeb-Bold"), url("/public/fonts/titillium-web/titillium-web-v7-latin-700.eot?#iefix") format("embedded-opentype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-700.woff2") format("woff2"), url("/public/fonts/titillium-web/titillium-web-v7-latin-700.woff") format("woff"), url("/public/fonts/titillium-web/titillium-web-v7-latin-700.ttf") format("truetype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-700.svg#TitilliumWeb") format("svg");
}
@font-face {
  font-family: "Titillium Web BoldItalic";
  font-style: italic;
  font-weight: 700;
  src: url("/public/fonts/titillium-web/titillium-web-v7-latin-700italic.eot");
  src: local("Titillium Web Bold Italic"), local("TitilliumWeb-BoldItalic"), url("/public/fonts/titillium-web/titillium-web-v7-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-700italic.woff2") format("woff2"), url("/public/fonts/titillium-web/titillium-web-v7-latin-700italic.woff") format("woff"), url("/public/fonts/titillium-web/titillium-web-v7-latin-700italic.ttf") format("truetype"), url("/public/fonts/titillium-web/titillium-web-v7-latin-700italic.svg#TitilliumWeb") format("svg");
}
@font-face {
  font-family: "Caveat";
  src: url("/public/fonts/caveat/Caveat-Bold.eot");
  src: url("/public/fonts/caveat/Caveat-Bold.eot?#iefix") format("embedded-opentype"), url("/public/fonts/caveat/Caveat-Bold.woff2") format("woff2"), url("/public/fonts/caveat/Caveat-Bold.woff") format("woff"), url("/public/fonts/caveat/Caveat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Caveat";
  src: url("/public/fonts/caveat/Caveat-Regular.eot");
  src: url("/public/fonts/caveat/Caveat-Regular.eot?#iefix") format("embedded-opentype"), url("/public/fonts/caveat/Caveat-Regular.woff2") format("woff2"), url("/public/fonts/caveat/Caveat-Regular.woff") format("woff"), url("/public/fonts/caveat/Caveat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.button {
  text-align: center;
  cursor: pointer;
  font-family: "Titillium Web SemiBold";
  text-decoration: none;
  text-transform: none;
  border-radius: 9rem;
  border: 0;
  padding: 1rem;
  position: relative;
  line-height: 1.6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FD5252;
  color: #fff;
  font-size: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .button {
    padding: 1.3rem;
  }
}
.button.fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.button:hover {
  background-color: #EF4344;
}
.button:focus {
  outline: none;
}
.button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
.button.disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
.button.alt:not(:hover) {
  color: #fff;
  background-color: #49c0d5;
}
.button.white {
  color: #354B5C;
  background-color: #fff;
}
.button.white:hover {
  background-color: #FD5252;
  border-color: #FD5252;
  color: #fff;
}
.button.transparent {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 1px solid white;
  overflow: hidden;
}
.button.white-border {
  color: #404F5A;
  background-color: transparent;
  background-repeat: no-repeat;
  text-transform: none;
  border: 1px solid #404F5A;
  overflow: hidden;
}
.button.black {
  background-color: #354B5C;
  background-repeat: no-repeat;
  overflow: hidden;
}
@supports (-ms-flow-from: thingy) {
  .button.black {
    width: 18rem;
  }
}
.button.black:hover {
  background-color: #233A4B;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .button.toHide {
    display: none;
  }
}
.button.large-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2rem 3rem;
}

.button-secondary {
  background-color: #354B5C;
}
.button-secondary:hover {
  background-color: #233A4B;
}

.button-primary {
  background-color: #FD5252;
}
.button-primary:hover {
  background-color: #EF4344;
}

.button-phone {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-phone:not(.button-phone-left):after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone.svg");
}
@media only screen and (min-width: 640px) {
  .button-phone:not(.button-phone-left):after {
    margin: 0 2rem;
  }
}
.button-phone:not(.button-phone-left):after {
  width: 2.3rem;
  height: 2.8rem;
}
.button-phone-left:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone.svg");
}
@media only screen and (min-width: 640px) {
  .button-phone-left:before {
    margin: 0 2rem;
  }
}
.button-phone-left:before {
  width: 2.3rem;
  height: 2.8rem;
}

.button-mail {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-mail:not(.button-mail-left):after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-mail.svg");
}
@media only screen and (min-width: 640px) {
  .button-mail:not(.button-mail-left):after {
    margin: 0 2rem;
  }
}
.button-mail:not(.button-mail-left):after {
  width: 3.8rem;
  height: 2.8rem;
}
.button-mail-left:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-mail.svg");
}
@media only screen and (min-width: 640px) {
  .button-mail-left:before {
    margin: 0 2rem;
  }
}
.button-mail-left:before {
  width: 3.8rem;
  height: 2.8rem;
}

.button-arrow {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-arrow:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-white-arrow.svg");
}
@media only screen and (min-width: 640px) {
  .button-arrow:after {
    margin: 0 2rem;
  }
}
.button-arrow:after {
  width: 2.3rem;
  height: 2.8rem;
}

.button-refresh {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-refresh:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-refresh.svg");
}
@media only screen and (min-width: 640px) {
  .button-refresh:after {
    margin: 0 2rem;
  }
}
.button-refresh:after {
  width: 2.8rem;
  height: 2.3rem;
}

.button {
  text-align: center;
  cursor: pointer;
  font-family: "Titillium Web SemiBold";
  text-decoration: none;
  text-transform: none;
  border-radius: 9rem;
  border: 0;
  padding: 1rem;
  position: relative;
  line-height: 1.6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FD5252;
  color: #fff;
  font-size: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .button {
    padding: 1.3rem;
  }
}
.button.fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.button:hover {
  background-color: #EF4344;
}
.button:focus {
  outline: none;
}
.button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
.button.disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
.button.alt:not(:hover) {
  color: #fff;
  background-color: #49c0d5;
}
.button.white {
  color: #354B5C;
  background-color: #fff;
}
.button.white:hover {
  background-color: #FD5252;
  border-color: #FD5252;
  color: #fff;
}
.button.transparent {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 1px solid white;
  overflow: hidden;
}
.button.white-border {
  color: #404F5A;
  background-color: transparent;
  background-repeat: no-repeat;
  text-transform: none;
  border: 1px solid #404F5A;
  overflow: hidden;
}
.button.black {
  background-color: #354B5C;
  background-repeat: no-repeat;
  overflow: hidden;
}
@supports (-ms-flow-from: thingy) {
  .button.black {
    width: 18rem;
  }
}
.button.black:hover {
  background-color: #233A4B;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .button.toHide {
    display: none;
  }
}
.button.large-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2rem 3rem;
}

.button-secondary {
  background-color: #354B5C;
}
.button-secondary:hover {
  background-color: #233A4B;
}

.button-primary {
  background-color: #FD5252;
}
.button-primary:hover {
  background-color: #EF4344;
}

.button-phone {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-phone:not(.button-phone-left):after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone.svg");
}
@media only screen and (min-width: 640px) {
  .button-phone:not(.button-phone-left):after {
    margin: 0 2rem;
  }
}
.button-phone:not(.button-phone-left):after {
  width: 2.3rem;
  height: 2.8rem;
}
.button-phone-left:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone.svg");
}
@media only screen and (min-width: 640px) {
  .button-phone-left:before {
    margin: 0 2rem;
  }
}
.button-phone-left:before {
  width: 2.3rem;
  height: 2.8rem;
}

.button-mail {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-mail:not(.button-mail-left):after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-mail.svg");
}
@media only screen and (min-width: 640px) {
  .button-mail:not(.button-mail-left):after {
    margin: 0 2rem;
  }
}
.button-mail:not(.button-mail-left):after {
  width: 3.8rem;
  height: 2.8rem;
}
.button-mail-left:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-mail.svg");
}
@media only screen and (min-width: 640px) {
  .button-mail-left:before {
    margin: 0 2rem;
  }
}
.button-mail-left:before {
  width: 3.8rem;
  height: 2.8rem;
}

.button-arrow {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-arrow:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-white-arrow.svg");
}
@media only screen and (min-width: 640px) {
  .button-arrow:after {
    margin: 0 2rem;
  }
}
.button-arrow:after {
  width: 2.3rem;
  height: 2.8rem;
}

.button-refresh {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-refresh:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-refresh.svg");
}
@media only screen and (min-width: 640px) {
  .button-refresh:after {
    margin: 0 2rem;
  }
}
.button-refresh:after {
  width: 2.8rem;
  height: 2.3rem;
}

header {
  background-color: #fff;
  padding: 1rem 0;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  header {
    z-index: 5;
  }
}
@media (max-width: 370px) {
  header {
    padding: 2rem 0;
  }
}
header .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}
@media only screen and (min-width: 640px) {
  header .wrapper {
    padding: 0 2rem;
  }
}
header .header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 640px) {
  header .header__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
header .header__container.header__login .buttons-center {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media only screen and (min-width: 640px) {
  header .header__container.header__login .buttons-center {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
@media only screen and (max-width: 1025px) {
  header .header__container.header__login.landing-page .header__logo {
    margin: initial;
  }
  header .header__container.header__login.landing-page .header__logo-client {
    width: 11rem;
  }
  header .header__container.header__login.landing-page .header__logo-brand {
    width: 11rem;
  }
}
header .header__container .flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 370px) {
  header .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
header .buttons-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  header .buttons-center {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  header .buttons-center {
    width: initial;
  }
}
header .wrap-buttons {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header .margin-button {
  margin: 2rem;
}
@media only screen and (min-width: 640px) {
  header .margin-button {
    margin: initial;
  }
}
header .header-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  header .header-center {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
header .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  header .buttons {
    margin-top: 0;
  }
}
header .buttons .button {
  width: 13rem;
  font-size: 1.4rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 640px) {
  header .buttons .button {
    width: 16rem;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  header .buttons .button {
    width: 18.5rem;
  }
}
header .buttons .button.register:after {
  width: 1.6rem;
  height: 1.1rem;
}
@media only screen and (min-width: 640px) {
  header .buttons .button.register:after {
    width: 1.8rem;
    height: 1.3rem;
  }
}
header .header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  header .header__logo {
    margin: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (min-width: 640px) {
  header .header__logo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 370px) {
  header .header__logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
header .header__logo-brand {
  height: 5rem;
  max-width: 23rem;
  margin-left: 1rem;
}
@media only screen and (min-width: 640px) {
  header .header__logo-brand {
    height: 6rem;
    border-left: 0.1rem solid #dadbdd;
    margin-left: 3rem;
    padding-left: 3rem;
    margin-bottom: 0;
    margin-top: 0;
  }
}
header .header__logo-brand.no-space {
  padding-left: 0;
  margin-left: 0;
  border-left: none;
}
header .header__logo-client {
  max-width: 23rem;
  height: 6.7rem;
}
@media only screen and (max-width: 1025px) {
  header .header__logo-client {
    width: 23rem;
  }
}
header img {
  border-style: none;
}

.header__user {
  display: none;
  position: relative;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: white;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .header__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__user.open .header__user__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__user__menu {
  display: none;
  position: absolute;
  z-index: 50;
  right: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5.5rem, rgba(255, 255, 255, 0)), color-stop(5.5rem, white));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 5.5rem, white 5.5rem);
  -webkit-box-shadow: -5px 9px 40px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -5px 9px 40px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 100%;
  padding-top: 5.5rem;
}
.header__user__menu-link {
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
  padding-left: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.4rem;
  color: #354B5C;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  outline: inherit;
  font-family: "Titillium Web Regular";
}
.header__user__menu-link:hover {
  background-color: #f4f3f1;
}
.header__user-avatar {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 1rem;
}
.header__user-name {
  font-size: 1.7rem;
  font-weight: bold;
  color: #354B5C;
}
.header__user:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background: url("/public/images/icon-chevron-right.svg") no-repeat;
  background-position: center;
  margin-left: 0.7rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.header__user.open:after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.icon__switcher {
  background-image: url("/public/images/icon-switch.svg");
  width: 2rem;
  height: 2rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

@media print {
  #print-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-right: 60rem;
  }

  #print-logo-margin {
    margin-left: 4rem;
  }
}
.noscroll {
  overflow: hidden;
  height: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .noscroll {
    overflow: auto;
  }
}

nav {
  z-index: 4;
  border-top: 0.1rem solid #fff;
  border-bottom: 0.1rem solid #fff;
  position: relative;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
nav.notransition {
  -webkit-transition: none;
  transition: none;
}
nav.open .menu__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 50;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #354B5C;
}
nav.open .menu__wrapper > ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  height: auto;
}
nav.open .menu__wrapper > ul > li {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
nav.open .menu__wrapper > ul > li:not(:last-child) {
  border-bottom: 0.1rem solid #fff;
}
nav.open .menu__wrapper > ul > li .menu__link {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1.5rem 2rem;
  width: 100%;
}
nav.open .menu__wrapper > ul > li .menu__link:before {
  margin-bottom: 0;
  margin-right: 1rem;
}
nav.open .menu__wrapper .header__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav.open .menu__wrapper .header__user-avatar {
  width: 1.8rem;
  height: 1.8rem;
}
nav.open .menu__wrapper .header__user__menu {
  top: 100%;
  padding-top: 0;
  background: white;
}
nav.open .menu__wrapper .menu__person_support {
  margin: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1.5rem 2rem;
  height: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
nav.open .menu__wrapper .menu__person_support:before {
  margin-right: 1rem;
  width: 1.8rem;
  height: 1.8rem;
  content: "";
  background: url(/public/images/emma_menu.png) no-repeat;
  background-size: 90%;
  background-position: center bottom;
  background-color: white;
  border-radius: 50%;
}
nav.open .menu__wrapper .menu__person_support:after {
  display: none;
}
nav.open .menu__wrapper .menu__person_support_dropdown {
  position: relative;
  top: auto;
  right: auto;
  margin-left: -2rem;
  margin-right: -2rem;
  margin-top: 1.5rem;
  width: calc(100% + 4rem);
  margin-bottom: -1.5rem;
}
nav.open .menu__icon {
  position: fixed;
  top: 0;
}
nav.open .menu__icon-shape {
  max-height: 0;
  left: 1.25rem;
}
nav.open .menu__icon-shape:before, nav.open .menu__icon-shape:after {
  content: "";
  position: absolute;
  left: 0;
  height: 0.2rem;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
nav.open .menu__icon-shape:before {
  top: -0.7rem;
  -webkit-transform: rotate(45deg) translateY(0.85rem);
          transform: rotate(45deg) translateY(0.85rem);
}
nav.open .menu__icon-shape:after {
  bottom: -0.7rem;
  -webkit-transform: rotate(-45deg) translateY(-0.85rem);
          transform: rotate(-45deg) translateY(-0.85rem);
}
nav .menu__wrapper {
  overflow: auto;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(7.6rem, #354B5C), color-stop(7.6rem, white));
  background: linear-gradient(0deg, #354B5C 7.6rem, white 7.6rem);
  margin: 0 auto;
  width: 100%;
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  font-family: "Titillium Web SemiBold";
  font-size: 1.7rem;
  line-height: 1.7rem;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  display: none;
}
@media only screen and (min-width: 640px) {
  nav .menu__wrapper {
    overflow: unset;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  nav .menu__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
nav .menu__wrapper .header__user {
  display: none;
}
nav .menu__wrapper .menu__person_support {
  height: 7.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FD5252;
  margin: 0 calc((100% - 1200px) / 2 + 2rem) 0 auto;
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  color: #FFF;
  min-width: 28rem;
}
@media all and (max-width: 1200px) {
  nav .menu__wrapper .menu__person_support {
    margin-right: 2rem;
  }
}
nav .menu__wrapper .menu__person_support:after {
  margin-left: 1rem;
  content: "";
  width: 4.6rem;
  height: 4.6rem;
  background: url("/public/images/emma_menu.png") no-repeat;
  background-size: 90%;
  background-position: center bottom;
  background-color: white;
  border-radius: 50%;
}
nav .menu__wrapper .menu__person_support_dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #D63E3E;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 100%;
  z-index: 10;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: none;
}
nav .menu__wrapper .menu__person_support_dropdown.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav .menu__wrapper .menu__person_support_dropdown > a {
  cursor: pointer;
  color: white;
  text-decoration: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  white-space: nowrap;
  font-size: 1.4rem;
}
nav .menu__wrapper .menu__person_support_dropdown > a:hover {
  background-color: #B83434;
}
nav .menu__wrapper > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  padding-left: 2rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 1200px;
  height: 7.6rem;
  z-index: 6;
  margin-left: calc((100% - 1200px) / 2);
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}
@media all and (max-width: 1200px) {
  nav .menu__wrapper > ul {
    margin-left: 0;
  }
}
nav .menu__wrapper > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  margin: 0;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
nav .menu__wrapper > ul > li:hover {
  background-color: #fff;
}
nav .menu__wrapper > ul > li:hover .menu__link {
  color: #354B5C;
}
nav .menu__wrapper > ul > li.active {
  color: #354B5C;
  background-color: #fff;
}
nav .menu__wrapper > ul > li.active .menu__link {
  color: #354B5C;
}
nav .menu__wrapper > ul > li.active .menu__link.home:before {
  background-image: url("/public/images/accueil/menu-home.svg");
}
nav .menu__wrapper > ul > li.active .menu__link.services:before {
  background-image: url("/public/images/accueil/menu-services.svg");
}
nav .menu__wrapper > ul > li.active .menu__link.advices:before {
  background-image: url("/public/images/accueil/menu-advices.svg");
}
nav .menu__wrapper > ul > li.active .menu__link.gourmet:before {
  background-image: url("/public/images/accueil/menu-gourmet.svg");
}
nav .menu__wrapper > ul > li.menu__list-item.home {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
nav .menu__wrapper > ul > li.menu__list-item.services {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
nav .menu__wrapper > ul > li.menu__list-item.open-pathway {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
nav .menu__wrapper > ul > li.menu__list-item.advices {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
nav .menu__wrapper > ul > li.menu__list-item.gourmet {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
nav .menu__wrapper > ul > li.menu__list-item.well-being, nav .menu__wrapper > ul > li.menu__list-item.hospitalization, nav .menu__wrapper > ul > li.menu__list-item.oncology, nav .menu__wrapper > ul > li.menu__list-item.caregiver, nav .menu__wrapper > ul > li.menu__list-item.working-quality-life {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
nav .menu__wrapper > ul > li .menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
  text-decoration: none;
  color: #fff;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  nav .menu__wrapper > ul > li .menu__link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
}
nav .menu__wrapper > ul > li .menu__link:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 1.8rem;
  background-position: center;
  width: 1.8rem;
  height: 1.8rem;
  margin-bottom: 0.9rem;
}
nav .menu__wrapper > ul > li .menu__link.home:before {
  background-image: url("/public/images/accueil/menu-home_white.svg");
}
nav .menu__wrapper > ul > li .menu__link.home:hover:before {
  background-image: url("/public/images/accueil/menu-home.svg");
}
nav .menu__wrapper > ul > li .menu__link.services:before {
  background-image: url("/public/images/accueil/menu-services_white.svg");
}
nav .menu__wrapper > ul > li .menu__link.services:hover:before {
  background-image: url("/public/images/accueil/menu-services.svg");
}
nav .menu__wrapper > ul > li .menu__link.advices:before {
  background-image: url("/public/images/accueil/menu-advices_white.svg");
}
nav .menu__wrapper > ul > li .menu__link.advices:hover:before {
  background-image: url("/public/images/accueil/menu-advices.svg");
}
nav .menu__wrapper > ul > li .menu__link.gourmet:before {
  background-image: url("/public/images/accueil/menu-gourmet_white.svg");
}
nav .menu__wrapper > ul > li .menu__link.gourmet:hover:before {
  background-image: url("/public/images/accueil/menu-gourmet.svg");
}
nav .menu__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #354B5C;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-top: 0.5rem;
  position: absolute;
  border-radius: 2rem;
  right: 0.5rem;
  cursor: pointer;
  z-index: 102;
  -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
}
nav .menu__icon.sticky {
  position: fixed;
  top: 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  nav .menu__icon {
    display: none;
  }
}
nav .menu__icon .menu__icon-shape {
  height: 0.2rem;
  width: 2.5rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
}
nav .menu__icon .menu__icon-shape:before, nav .menu__icon .menu__icon-shape:after {
  content: "";
  position: absolute;
  left: 0;
  height: 0.2rem;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
nav .menu__icon .menu__icon-shape:before {
  top: -0.7rem;
}
nav .menu__icon .menu__icon-shape:after {
  bottom: -0.7rem;
}

.tns-outer {
  position: relative;
}

.tns-controls button[data-controls=prev],
.tns-controls button[data-controls=next] {
  color: transparent;
  position: absolute;
  margin: auto;
  width: 5rem;
  height: 5rem;
  background-color: rgba(0, 0, 0, 0.3);
  border: 0;
  top: 0;
  bottom: 0;
  border-radius: 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
  right: auto;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.tns-controls button[data-controls=prev]:disabled,
.tns-controls button[data-controls=next]:disabled {
  display: none;
}
.tns-controls button[data-controls=prev]:before,
.tns-controls button[data-controls=next]:before {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
  left: calc(50% - 1rem);
  top: calc(50% - 1rem);
  width: 2rem;
  height: 2rem;
  background-position: 50%;
  background-repeat: no-repeat;
}

.articles-esh-slider-wrapper .tns-controls button[data-controls=prev], .wellbeing__content__themes .tns-controls button[data-controls=prev], .carousel-slides .tns-controls button[data-controls=prev], .testimonials-carousel-slides .tns-controls button[data-controls=prev] {
  left: -5.5rem;
}
.articles-esh-slider-wrapper .tns-controls button[data-controls=prev]:before, .wellbeing__content__themes .tns-controls button[data-controls=prev]:before, .carousel-slides .tns-controls button[data-controls=prev]:before, .testimonials-carousel-slides .tns-controls button[data-controls=prev]:before {
  background-image: url("/public/images/slider-prev.svg");
}
.articles-esh-slider-wrapper .tns-controls button[data-controls=next], .wellbeing__content__themes .tns-controls button[data-controls=next], .carousel-slides .tns-controls button[data-controls=next], .testimonials-carousel-slides .tns-controls button[data-controls=next] {
  right: -5.5rem;
}
.articles-esh-slider-wrapper .tns-controls button[data-controls=next]:before, .wellbeing__content__themes .tns-controls button[data-controls=next]:before, .carousel-slides .tns-controls button[data-controls=next]:before, .testimonials-carousel-slides .tns-controls button[data-controls=next]:before {
  background-image: url("/public/images/slider-next.svg");
}

.articles-esh-slider {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.articles-esh-slider-wrapper {
  width: calc(100% + 2rem);
}
@media only screen and (min-width: 640px) {
  .articles-esh-slider-wrapper {
    width: 100%;
    margin: 0;
  }
}
.articles-esh-slider-wrapper > .articles-esh-slider {
  display: none;
}

.slider-esh {
  width: 100%;
  padding: 2.5rem 0;
  list-style: none;
  margin: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slider-esh-wrapper {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
}
@media only screen and (min-width: 640px) {
  .slider-esh-wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slider-esh-wrapper {
    width: calc(100% + 2rem);
  }
}
.slider-esh-wrapper > .slider-esh {
  display: none;
}
.slider-esh-wrapper .tns-controls button[data-controls=prev] {
  background-color: transparent;
  left: 0;
}
.slider-esh-wrapper .tns-controls button[data-controls=prev]:before {
  background-image: url("/public/images/slider-prev-dark.svg");
}
.slider-esh-wrapper .tns-controls button[data-controls=next] {
  background-color: transparent;
  right: 0;
}
.slider-esh-wrapper .tns-controls button[data-controls=next]:before {
  background-image: url("/public/images/slider-next-dark.svg");
}

section.hero__slider {
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #49c0d5), to(#b198c6));
  background: linear-gradient(90deg, #49c0d5 0, #b198c6 100%);
  position: relative;
}
section.hero__slider:after {
  content: "";
  background-image: url("/public/images/bottom-decoration.svg");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: -2rem;
  left: 0;
}
section.hero__slider .hero__slider-container {
  height: 100%;
  width: 100%;
  max-width: 1200px;
  position: static;
  margin: 0 auto;
  overflow: hidden;
  list-style: none;
  padding: 1rem;
  z-index: 1;
}
@media only screen and (min-width: 640px) {
  section.hero__slider .hero__slider-container {
    position: relative;
  }
}
section.hero__slider .hero__slider-container ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
}
section.hero__slider .hero__slider-container ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  padding: 4rem 2rem;
}
@media only screen and (min-width: 640px) {
  section.hero__slider .hero__slider-container ul li {
    padding: 6rem 8rem;
  }
}
section.hero__slider .hero__slider-container ul li .hero__slider-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  width: 65%;
}
@media only screen and (min-width: 640px) {
  section.hero__slider .hero__slider-container ul li .hero__slider-content {
    width: 50%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.hero__slider .hero__slider-container ul li .hero__slider-content {
    margin-right: 3rem;
    width: 35%;
  }
}
section.hero__slider .hero__slider-container ul li .hero__slider-content .hero__slider-heading {
  font-size: 2.6rem;
  line-height: 3.4rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 640px) {
  section.hero__slider .hero__slider-container ul li .hero__slider-content .hero__slider-heading {
    font-size: 5.2rem;
    line-height: 4.8rem;
  }
}
section.hero__slider .hero__slider-container ul li .hero__slider-content .hero__slider-text {
  font-size: 1.4rem;
  font-family: "Titillium Web SemiBold";
  text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
  section.hero__slider .hero__slider-container ul li .hero__slider-content .hero__slider-text {
    font-size: 1.6rem;
  }
}
section.hero__slider .hero__slider-container ul li .hero__slider-content .button {
  width: 18rem;
  font-family: "Titillium Web SemiBold";
  margin-top: 2rem;
}
section.hero__slider .hero__slider-container ul li .hero__slider-img-container {
  position: relative;
  width: 35%;
  margin-top: -15rem;
  right: -2rem;
}
@media only screen and (min-width: 640px) {
  section.hero__slider .hero__slider-container ul li .hero__slider-img-container {
    margin-top: -7.5rem;
    width: 45%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.hero__slider .hero__slider-container ul li .hero__slider-img-container {
    width: 65%;
  }
}
section.hero__slider .hero__slider-container ul li .hero__slider-img-container img {
  width: 35rem;
}
@media only screen and (min-width: 640px) {
  section.hero__slider .hero__slider-container ul li .hero__slider-img-container img {
    width: 55rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.hero__slider .hero__slider-container ul li .hero__slider-img-container img {
    width: 65rem;
  }
}
section.hero__slider .hero__slider-container ul li .hero__slider-img-container video {
  width: 35rem;
}
@media only screen and (min-width: 640px) {
  section.hero__slider .hero__slider-container ul li .hero__slider-img-container video {
    width: 55rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.hero__slider .hero__slider-container ul li .hero__slider-img-container video {
    width: 65rem;
  }
}
section.hero__slider .hero__slider-container .hero__slider-controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2rem;
  width: 12rem;
  height: 5rem;
  margin: 0 auto;
  z-index: 1;
}
@media only screen and (min-width: 640px) {
  section.hero__slider .hero__slider-container .hero__slider-controls {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: auto;
    width: 100%;
  }
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  margin: auto;
  width: 3.6rem;
  height: 3.6rem;
  background-color: rgba(0, 0, 0, 0.3);
  border: 0;
  top: 0;
  bottom: 0;
  border-radius: 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
  right: auto;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.disabled.swiper-button-next, .disabled.swiper-button-prev {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}
.light.swiper-button-next, .light.swiper-button-prev {
  background-color: #fff;
  border: 0.1rem solid #354B5C;
}
.swiper-button-next:before, .swiper-button-prev:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
  width: 2rem;
  height: 2rem;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
}

.swiper-button-prev {
  left: 2rem;
}
.swiper-button-prev.light:before {
  background-image: url("/public/images/slider-prev-dark.svg");
}
.swiper-button-prev:before {
  left: -0.2rem;
  background-image: url("/public/images/slider-prev.svg");
}

.swiper-button-next {
  right: 2rem;
}
.swiper-button-next:before {
  right: -0.2rem;
  background-image: url("/public/images/slider-next.svg");
}
.swiper-button-next.light:before {
  background-image: url("/public/images/slider-next-dark.svg");
}

.tns-item {
  margin-left: 0 !important;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: 0 !important;
}

section.services__list {
  margin-top: 5rem;
  margin-bottom: 4rem;
}
section.services__list.assistance h1 {
  font-size: 2.1rem;
  padding: 0 0 1rem 0;
  display: inline-block;
  font-family: "Titillium Web Regular";
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list.assistance h1 {
    padding: 0 2rem 2rem;
    font-size: 2.4rem;
  }
}
section.services__list.assistance h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: "Titillium Web Regular";
  font-weight: normal;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list.assistance h2 {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}
section.services__list.assistance div.wrapper div.head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list.assistance div.wrapper div.head:before {
    content: "";
    position: absolute;
    height: 10.4rem;
    background-image: url("/public/images/clouds.svg");
    left: -20rem;
    width: 20rem;
  }
  section.services__list.assistance div.wrapper div.head:after {
    content: "";
    position: absolute;
    height: 12rem;
    background-image: url("/public/images/balloons.svg");
    right: -6rem;
    width: 8rem;
  }
}
section.services__list.logged h1 {
  text-transform: initial;
}
section.services__list.logged h1:after {
  content: none;
}
section.services__list.logged .more .services__list-content div:nth-child(n+9) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.services__list.logged .more .buttons .button.less-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.services__list.logged .more .buttons .button.more-button {
  display: none;
}
section.services__list.logged .services__list-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.services__list.logged .services__list-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}
section.services__list.logged .services__list-content {
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 3rem;
  margin-bottom: 3rem;
  width: 100%;
}
section.services__list.logged .services__list-content div:nth-child(n+9) {
  display: none;
}
section.services__list.logged .buttons .button.more-button, section.services__list.logged .buttons .button.less-button {
  background-color: #FD5252;
  width: 18rem;
  color: white;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}
section.services__list.logged .buttons .button.more-button:hover, section.services__list.logged .buttons .button.less-button:hover {
  background-color: #EF4344;
  color: white;
}
section.services__list.logged .buttons .button.more-button:hover .arrow, section.services__list.logged .buttons .button.less-button:hover .arrow {
  border-color: white;
}
section.services__list.logged .buttons .button.less-button {
  display: none;
}
section.services__list.logged .buttons .button.more-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.services__list.logged .buttons .button .arrow {
  height: 0.8rem;
  width: 0.8rem;
  display: inline-block;
  margin-left: 0.7rem;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
section.services__list.logged .buttons .button.more-button .arrow {
  margin-top: -0.4rem;
  border-right: 0.2rem solid white;
  border-bottom: 0.2rem solid white;
}
section.services__list.logged .buttons .button.less-button .arrow {
  margin-top: 0.4rem;
  border-left: 0.2rem solid white;
  border-top: 0.2rem solid white;
}
section.services__list h1 {
  max-width: 1200px;
  margin: 0 auto 1rem;
  padding: 0 2rem 2rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 2.4rem;
  line-height: 2.8rem;
  text-transform: uppercase;
  font-family: "Titillium Web SemiBold";
  color: #354B5C;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  section.services__list h1 {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
section.services__list h1:before {
  content: "";
  position: absolute;
  height: 0.1rem;
  background-color: #354B5C;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 8rem;
}
section.services__list h1:after {
  content: "";
  margin-left: -2.6rem;
  bottom: -4em;
  left: 50%;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 2rem;
  border-style: solid;
  border-color: transparent transparent #fff #fff;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-box-shadow: -1rem 1.1rem 2rem rgba(0, 0, 0, 0.1);
          box-shadow: -1rem 1.1rem 2rem rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 640px) {
  section.services__list h1:after {
    bottom: -3em;
  }
}
section.services__list h2 {
  color: #354B5C;
  margin: 0 auto 1rem;
}
section.services__list .services__list-speaking {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2rem;
  height: 20rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list .services__list-speaking {
    width: calc(100% - 2rem);
    height: 27rem;
    margin: 2rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
section.services__list .services__list-speaking .services__list-bubble-button {
  position: absolute;
  bottom: 0;
  left: 9rem;
}
section.services__list .services__list-speaking .services__list-bubble-button .button {
  font-size: 1.2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list .services__list-speaking .services__list-bubble-button {
    left: 13rem;
  }
  section.services__list .services__list-speaking .services__list-bubble-button .button {
    font-size: 1.5rem;
  }
}
section.services__list .services__list-speaking .services__list-speaking-content {
  font-family: "Caveat";
  font-weight: bold;
  font-size: 2.4rem;
  color: #354B5C;
  text-transform: none;
  font-size: 1.6rem;
  line-height: 2rem;
  position: relative;
  width: 19rem;
  height: 19rem;
  top: -5rem;
  left: 4.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  padding-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/public/images/round_brush.svg") no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list .services__list-speaking .services__list-speaking-content {
    font-size: 2.6rem;
    line-height: 3rem;
    width: 27rem;
    height: 27rem;
    left: 8.5rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
section.services__list .services__list-speaking .services__list-speaking-woman {
  background-image: url("/public/images/emma-yoga.png");
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 16rem;
  height: 15rem;
  width: 16rem;
  position: absolute;
  margin-left: -10.4rem;
  z-index: 2;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list .services__list-speaking .services__list-speaking-woman {
    min-width: 22rem;
    height: 25rem;
    width: 22rem;
    position: absolute;
    margin-left: -4.4rem;
  }
}
section.services__list > .services__list-speaking {
  display: none;
}
section.services__list .services__list-content .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 640px) {
  section.services__list .services__list-content .wrapper {
    padding: 0 2rem;
  }
}
section.services__list .services__list-content .wrapper .services__list-search {
  margin: auto;
  width: 100%;
}
section.services__list .services__list-content .wrapper .services__list-search p {
  font-family: "Titillium Web SemiBoldItalic";
  font-style: italic;
  color: #354B5C;
  margin-top: 2rem;
  margin-bottom: 3rem;
  text-align: center;
  font-size: 1.8rem;
}
@media only screen and (min-width: 640px) {
  section.services__list .services__list-content .wrapper .services__list-search p {
    font-size: 2.1rem;
  }
}
section.services__list .services__list-content .wrapper .services__list-search label {
  position: relative;
}
section.services__list .services__list-content .wrapper .services__list-search label:after {
  content: "";
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-image: url("/public/images/icon-search.svg");
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
section.services__list .services__list-content .wrapper .services__list-swipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 0 6rem;
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list .services__list-content .wrapper .services__list-swipe {
    padding: 0 6rem 6rem;
  }
}
section.services__list .services__list-content .wrapper .services__list-swipe:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2.5rem;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  background-color: #fff;
  height: 0.2rem;
  width: calc(100% - 12rem);
}
section.services__list .services__list-content .wrapper .services__list-swipe .services__list-controls {
  width: 12rem;
  height: 5rem;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list .services__list-content .wrapper .services__list-swipe > .card {
    display: none;
  }
}
section.services__list .services__list-content.with-emma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list .services__list-content.with-emma {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
section.services__list .services__list-content.with-emma .services__list-some {
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list .services__list-content.with-emma .services__list-some {
    width: 66.6%;
  }
}
section.services__list .services__list-content.with-emma .services__list-some .card {
  width: calc(50% - 2rem);
}
section.services__list .services__list-content.with-emma .services__list-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list .services__list-content.with-emma .services__list-more {
    max-width: 33.3333%;
  }
}
section.services__list .services__list-content.with-emma .services__list-more > .card {
  display: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__list .services__list-content.with-emma .services__list-more > .card {
    display: block;
  }
}

.logged .card {
  min-height: 15rem;
}
@media only screen and (min-width: 640px) {
  .logged .card {
    min-height: 28rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .logged .card {
    min-height: 28rem;
  }
}

.service-card {
  position: relative;
  width: 100%;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0.5rem;
}
@media only screen and (min-width: 640px) {
  .service-card {
    padding: 0 1.5rem;
  }
}
.service-card .type {
  display: none;
}
.service-card .guide {
  position: relative;
  height: 15rem;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  background-color: #fff;
}
@media only screen and (min-width: 640px) {
  .service-card .guide {
    height: 20rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .service-card .guide {
    height: 23rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .service-card .guide:hover .glider {
    -webkit-animation: ease-in-out 0.5s slideGlider forwards;
            animation: ease-in-out 0.5s slideGlider forwards;
  }
  .service-card .guide:hover .title {
    -webkit-animation: ease-in-out 0.5s slideTitle forwards;
            animation: ease-in-out 0.5s slideTitle forwards;
  }
  .service-card .guide:hover .text {
    -webkit-animation: ease-in-out 0.5s slideText forwards;
            animation: ease-in-out 0.5s slideText forwards;
  }
}
@-webkit-keyframes slideGlider {
  from {
    top: 0;
  }
  to {
    top: -9rem;
  }
}
@keyframes slideGlider {
  from {
    top: 0;
  }
  to {
    top: -9rem;
  }
}
@-webkit-keyframes slideTitle {
  from {
    height: 6.5rem;
  }
  to {
    height: 6.1rem;
  }
}
@keyframes slideTitle {
  from {
    height: 6.5rem;
  }
  to {
    height: 6.1rem;
  }
}
@-webkit-keyframes slideText {
  from {
    color: #FFF;
  }
  to {
    color: #354B5C;
  }
}
@keyframes slideText {
  from {
    color: #FFF;
  }
  to {
    color: #354B5C;
  }
}
.service-card .guide p {
  margin: 0;
  padding: 0.1rem;
}
.service-card .guide .glider {
  width: 100%;
  position: absolute;
}
.service-card .guide .glider .frame {
  position: relative;
  background-color: #EEE;
  height: 9rem;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 640px) {
  .service-card .guide .glider .frame {
    height: 13rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .service-card .guide .glider .frame {
    height: 16rem;
  }
}
.service-card .guide .glider .frame img {
  position: absolute;
}
.service-card .guide .glider .points {
  position: absolute;
  z-index: 1;
  top: 8rem;
  right: 1rem;
  color: #FFF;
  background-color: #49c0d5;
  font-size: 1.2rem;
  text-align: center;
  border-radius: 1rem;
  padding: 0.1rem 1rem;
}
@media only screen and (min-width: 640px) {
  .service-card .guide .glider .points {
    top: 12rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .service-card .guide .glider .points {
    top: 15rem;
    right: 2rem;
  }
}
.service-card .touch-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .service-card .touch-area {
    display: none;
  }
}
.service-card .ribbon, .service-card .ribbon-new {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-bottom: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 8rem;
  position: absolute;
  left: -1.15rem;
  top: 1.1rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.6rem;
  line-height: 0.8rem;
  color: #fff;
  text-transform: uppercase;
  z-index: 1;
}
@media only screen and (min-width: 640px) {
  .service-card .ribbon, .service-card .ribbon-new {
    height: 3rem;
    width: 12.5rem;
    left: -1.5rem;
    top: 1.8rem;
    font-size: 1rem;
    line-height: 1.1rem;
    padding-bottom: 0.6rem;
  }
}
.service-card .ribbon:before, .service-card .ribbon-new:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/public/images/icon-ribbon.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.service-card .ribbon .ribbon-text,
.service-card .ribbon .ribbon-text-new, .service-card .ribbon-new .ribbon-text,
.service-card .ribbon-new .ribbon-text-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .service-card .ribbon .ribbon-text,
.service-card .ribbon .ribbon-text-new, .service-card .ribbon-new .ribbon-text,
.service-card .ribbon-new .ribbon-text-new {
    font-size: 1.1rem;
  }
}
.service-card .ribbon-new:before, .service-card .ribbon-new-new:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/public/images/icon-ribbon-dark.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.service-card .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 3rem;
  color: #354B5C;
  text-align: center;
  font-family: "Titillium Web Bold";
  font-size: 1rem;
  text-transform: uppercase;
  position: relative;
  top: 1rem;
}
@media only screen and (min-width: 640px) {
  .service-card .title {
    top: 0;
    height: 6.5rem;
    font-size: 1.5rem;
  }
}
.service-card .text {
  color: #FFF;
  text-align: center;
  width: 100%;
  padding: 0 1rem 0.5rem 1rem;
  min-height: 3rem;
}
.service-card .use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.service-card .use .button {
  width: 12rem;
  padding: 0.6rem;
  font-size: 1.1rem;
}

section.allservices__list {
  margin-top: 2rem;
  margin-bottom: 5rem;
}
section.allservices__list.logged h1 {
  text-transform: initial;
}
section.allservices__list.logged h1:after {
  content: none;
}
section.allservices__list.logged .subtitle {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem 1rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  section.allservices__list.logged .subtitle {
    padding: 0 2rem 2rem;
  }
}
section.allservices__list.logged .subtitle .text {
  text-align: center;
  font-size: 2rem;
  line-height: 2.4rem;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.allservices__list.logged .subtitle .text {
    max-width: 75%;
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
section.allservices__list.logged .subtitle .text .more {
  display: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.allservices__list.logged .subtitle .text .more {
    display: initial;
  }
}
section.allservices__list.logged .subtitle img {
  margin-left: 3rem;
  display: none;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media only screen and (min-width: 640px) {
  section.allservices__list.logged .subtitle img {
    width: 19rem;
    display: block;
  }
}
section.allservices__list.logged .allservices__list-title {
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 4.2rem;
  color: #354B5C;
  padding-left: 1rem;
}
section.allservices__list.logged .allservices__list-content {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
section.allservices__list.logged .allservices__list-content .allservices__card {
  margin: 1rem;
  width: calc(50% - 2rem);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.allservices__list.logged .allservices__list-content .allservices__card {
    width: calc(33% - 2rem);
  }
}
section.allservices__list.logged .allservices__list-content .allservices__card__search {
  display: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.allservices__list.logged .allservices__list-content .allservices__card__search {
    display: initial;
  }
}
section.allservices__list.logged .allservices__list-content .allservices__card .services__list-search {
  width: 100%;
}
section.allservices__list.logged .allservices__list-content .allservices__card .services__list-search p {
  font-family: "Titillium Web SemiBoldItalic";
  font-style: italic;
  color: #354B5C;
  margin-top: 2rem;
  margin-bottom: 3rem;
  text-align: center;
  font-size: 1.8rem;
}
@media only screen and (min-width: 640px) {
  section.allservices__list.logged .allservices__list-content .allservices__card .services__list-search p {
    font-size: 2.1rem;
  }
}
section.allservices__list.logged .allservices__list-content .allservices__card .services__list-search label {
  position: relative;
}
section.allservices__list.logged .allservices__list-content .allservices__card .services__list-search label:after {
  content: "";
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-image: url("/public/images/icon-search.svg");
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
@media only screen and (min-width: 640px) {
  section.allservices__list.logged {
    padding: 0 2rem;
  }
}
section.allservices__list h1 {
  max-width: 1200px;
  margin: 0 auto 6rem;
  padding: 0 2rem 2rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 2.4rem;
  line-height: 2.8rem;
  text-transform: uppercase;
  font-family: "Titillium Web SemiBold";
  color: #354B5C;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  section.allservices__list h1 {
    margin: 0 auto 2rem;
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
section.allservices__list h1:before {
  content: "";
  position: absolute;
  height: 0.3rem;
  background-color: #354B5C;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 8rem;
}
section.allservices__list h1:after {
  content: "";
  margin-left: -2.6rem;
  bottom: -4em;
  left: 50%;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 2rem;
  border-style: solid;
  border-color: transparent transparent #fff #fff;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-box-shadow: -1rem 1.1rem 2rem rgba(0, 0, 0, 0.1);
          box-shadow: -1rem 1.1rem 2rem rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 640px) {
  section.allservices__list h1:after {
    bottom: -3em;
  }
}

.services__all-filters {
  display: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .services__all-filters {
    display: initial;
  }
}

.services__all-filters-combo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #354B5C;
  font-family: "Titillium Web Italic";
  font-style: italic;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .services__all-filters-combo {
    display: none;
  }
}
.services__all-filters-combo .select-wrapper {
  width: calc(100% - 2rem);
  position: relative;
}
.services__all-filters-combo .select-wrapper:after {
  content: "";
  position: absolute;
  height: 2rem;
  width: 2rem;
  top: calc(50% - 1rem);
  right: 2rem;
  background-image: url("/public/images/icon-chevron-right.svg");
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  background-repeat: no-repeat;
  background-position: center;
}
.services__all-filters-combo select {
  background-color: white;
  border: 0.1rem solid #B5B5B5;
  border-radius: 0.6rem;
  overflow: hidden;
  padding-left: 1rem;
  color: #354B5C;
  height: 4rem;
  font-weight: bold;
  width: 100%;
  -webkit-box-shadow: 0 2px 2px 0 #B5B5B5;
          box-shadow: 0 2px 2px 0 #B5B5B5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.services__all-filters-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.services__all-filters-item {
  min-height: 4rem;
  height: 4rem;
  display: inline-block;
  color: #404f5a;
  font-family: "Titillium Web SemiBold";
  cursor: pointer;
  padding: 0 2rem;
}
.services__all-filters-item:hover, .services__all-filters-item.selected {
  background-color: #49c0d5;
}
.services__all-filters-item:hover .services__all-filters-item-link, .services__all-filters-item.selected .services__all-filters-item-link {
  color: #fff;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .services__all-filters-item {
    height: auto;
    border-radius: 10rem;
    background-color: #f4f3f1;
    padding: 0.5rem 2rem;
    font-size: 1.4rem;
    margin: 0.5rem;
    min-height: auto;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
  }
  .services__all-filters-item.assistance {
    background-color: #FD5252;
  }
  .services__all-filters-item.assistance:hover, .services__all-filters-item.assistance.selected {
    background-color: #EF4344;
  }
  .services__all-filters-item.assistance .services__all-filters-item-link {
    color: #fff;
  }
}
.services__all-filters-item-link {
  text-transform: uppercase;
  font-family: "Titillium Web SemiBold";
  text-decoration: none;
  color: #404f5a;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.paidservices {
  position: relative;
}
.paidservices_header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10rem;
  padding-bottom: 10rem;
  color: white;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 25rem;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_header {
    min-height: 45rem;
  }
}
.paidservices_header_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 1.5rem;
}
.paidservices_header_content_title {
  font-family: "Titillium Web Bold";
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_header_content_title {
    font-size: 4.2rem;
    padding-bottom: 1.5rem;
  }
}
.paidservices_header_content_intro {
  font-size: 1.6rem;
  line-height: 2.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_header_content_intro {
    font-size: 2.6rem;
    line-height: 5rem;
    margin: 1rem 0;
  }
}
.paidservices_header_content_order-button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 3rem;
  padding-left: 3rem;
}
.paidservices_items {
  -webkit-transform: translateY(-7rem);
          transform: translateY(-7rem);
  margin-bottom: -7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: -1px 10px 40px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 10px 40px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border-top: solid 7px #49C0D5;
  width: intrinsic;
  /* Safari/WebKit utilisent un nom non-standard */
  width: -moz-max-content;
  /* Firefox/Gecko */
  width: -webkit-max-content;
  /* Chrome */
  width: max-content;
  max-width: 90%;
  min-width: 30%;
  margin-left: auto;
  margin-right: auto;
  background: white;
  color: #354B5C;
}
@supports (-ms-flow-from: thingy) {
  .paidservices_items {
    max-width: 30%;
  }
}
.paidservices_items ul {
  margin: 0;
  padding: 0;
}
.paidservices_items li {
  list-style: none;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.paidservices_items li:before {
  content: "";
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
  background-image: url("/public/images/icon-check-darkish.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  margin-right: 0.5rem;
}
.paidservices_items_side {
  padding: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_items_side {
    padding: 2rem;
    font-size: 2.2rem;
  }
}
.paidservices_items_side:first-of-type {
  border-right: solid 1px #E4E4E4;
}
.paidservices_items_side_title {
  font-family: "Titillium Web Bold";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_items_side_title {
    padding-bottom: 3rem;
  }
}
.paidservices_items_side_title img {
  width: 1.6rem;
  min-width: 1.6rem;
  height: auto;
  margin-right: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_items_side_title img {
    min-width: 2.4rem;
    width: 2.4rem;
  }
}
.paidservices_items_side_title span {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_items_side_title span {
    font-size: 2.4rem;
  }
}
.paidservices_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_content {
    padding: 5rem;
  }
}
.paidservices_content_more {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_content_more {
    font-size: 2.2rem;
  }
}
.paidservices_supplier {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_supplier {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.paidservices_supplier_title {
  position: relative;
  font-family: "Titillium Web Bold";
  font-size: 2.2rem;
  padding-bottom: 1.5rem;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_supplier_title {
    font-size: 4.2rem;
    padding-bottom: 2.5rem;
  }
}
.paidservices_supplier_title:after {
  content: "";
  position: absolute;
  height: 0.15rem;
  background-color: #354B5C;
  bottom: 0;
  left: 30%;
  width: 40%;
}
.paidservices_supplier_reinsurance-elements {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/public/images/brush_4.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3rem 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_supplier_reinsurance-elements {
    padding: 5rem 0;
  }
}
.paidservices_supplier_reinsurance-elements_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_supplier_reinsurance-elements_content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.paidservices_supplier_reinsurance-elements_content_item {
  text-align: center;
  padding: 2rem;
  background-color: #f4f3f1;
  color: #354B5C;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  margin-bottom: 2rem;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paidservices_supplier_reinsurance-elements_content_item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_supplier_reinsurance-elements_content_item {
    font-size: 2.4rem;
    padding: 3rem;
    margin-bottom: 0;
    margin-right: 2rem;
  }
  .paidservices_supplier_reinsurance-elements_content_item:last-child {
    margin-right: 0;
  }
}
.paidservices_supplier_more {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  font-size: 1.4rem;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_supplier_more {
    font-size: 2.2rem;
  }
}
.paidservices_link {
  text-decoration: underline;
  color: #354B5C;
  cursor: pointer;
  font-size: 1.4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_link {
    font-size: 2.2rem;
  }
}
.paidservices_assessment {
  margin-top: 2rem;
  margin-bottom: 5rem;
}
.paidservices_assessment_card {
  position: absolute;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: -1px 10px 40px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 10px 40px 0px rgba(0, 0, 0, 0.1);
}
.paidservices_assessment_card.hidden {
  visibility: hidden;
}
.paidservices_assessment_card_titlebar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 2rem;
  background-color: #324a5c;
  color: white;
}
.paidservices_assessment_card_titlebar_name {
  margin-left: 1rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  font-family: "Titillium Web Bold";
}
.paidservices_assessment_card_content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paidservices_assessment_card_content_name {
  color: #354B5C;
  font-family: "Titillium Web Bold";
  font-size: 1.6rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_assessment_card_content_name {
    font-size: 2.4rem;
  }
}
.paidservices_assessment_card_content_description {
  text-align: center;
  margin: 2rem;
  color: #354B5C;
  font-size: 1.4rem;
}
@media only screen and (min-width: 640px) {
  .paidservices_assessment_card_content_description {
    width: 45%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_assessment_card_content_description {
    font-size: 2.2rem;
  }
}
.paidservices_assessment_card_content_button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 3rem;
  padding-left: 3rem;
}
@supports (-ms-flow-from: thingy) {
  .paidservices_assessment_card_content_button {
    width: 20rem;
  }
}
.paidservices_assessment_finished {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  -webkit-box-shadow: -1px 10px 40px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 10px 40px 0px rgba(0, 0, 0, 0.1);
  text-align: left;
}
.paidservices_assessment_finished.hidden {
  visibility: hidden;
}
.paidservices_assessment_finished_content {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 11rem;
  padding-right: 2rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #354B5C;
  font-size: 1.4rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 640px) {
  .paidservices_assessment_finished_content {
    padding: 2rem 17rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_assessment_finished_content {
    font-size: 2.2rem;
    padding: 2rem 30rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.paidservices_assessment_finished_content:before {
  content: "";
  display: inline-block;
  height: 10rem;
  width: 10rem;
  background-image: url("/public/images/emma_aurevoir.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
  position: absolute;
  left: 0;
}
@media only screen and (min-width: 640px) {
  .paidservices_assessment_finished_content:before {
    height: 18rem;
    width: 18rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_assessment_finished_content:before {
    height: 25rem;
    width: 25rem;
  }
}
.paidservices_assessment_finished_content div {
  margin-bottom: 2rem;
}
.paidservices_assessment_finished_content div:first-of-type {
  font-family: "Titillium Web Bold";
  font-size: 1.6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_assessment_finished_content div:first-of-type {
    font-size: 2.4rem;
  }
}
.paidservices_assessment_finished_content a {
  margin-top: 1rem;
}
@media only screen and (min-width: 640px) {
  .paidservices_assessment_finished_content a {
    margin-top: 10rem;
  }
}
.paidservices_assessment_finished_footer {
  font-family: "Titillium Web Italic";
  font-size: small;
  padding: 1rem;
}
.paidservices_assessment .assessmentflip {
  display: block;
  position: relative;
  width: 100%;
  height: 55rem;
  -webkit-transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1), height 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1), height 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1), height 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1), height 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  text-align: center;
}
.paidservices_assessment .assessmentflip-front {
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.15s ease, line-height 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: background 0.15s ease, line-height 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.paidservices_assessment .assessmentflip-front span {
  color: white;
  font-size: 1.7rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .paidservices_assessment .assessmentflip-front span {
    font-size: 2.7rem;
  }
}
.paidservices_assessment .assessmentflip-back {
  display: none;
  background-color: white;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  -webkit-transition: -webkit-box-shadow 0.8s ease;
  transition: -webkit-box-shadow 0.8s ease;
  transition: box-shadow 0.8s ease;
  transition: box-shadow 0.8s ease, -webkit-box-shadow 0.8s ease;
  -webkit-box-shadow: -1px 10px 40px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 10px 40px 0px rgba(0, 0, 0, 0.1);
}
.paidservices_assessment .assessmentflip-back iframe {
  width: 100%;
  height: 100%;
  border: none;
  position: relative;
  z-index: 0;
}
.paidservices_assessment .assessmentflip.is-open {
  height: 55rem;
  z-index: 102;
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}
.paidservices_assessment .assessmentflip.is-open .assessmentflip-back {
  display: block;
}
.paidservices_assessment .assessmentflip.is-open .assessmentflip-front {
  display: none;
}
.paidservices_assessment .assessmentflip.is-open .assessmentflip-front > span {
  display: none;
}
.paidservices_assessment .assessmentflip.is-open .assessmentflip-front-clickable {
  display: none;
}

.envelope-service .header {
  padding: 1rem 0;
}
.envelope-service .header .type {
  text-transform: uppercase;
  font-weight: bold;
  color: #8D969D;
  font-size: 1.5rem;
}
.envelope-service .header h1 {
  position: relative;
  display: inline-block;
  font-family: "Titillium Web Regular";
  color: #354B5C;
  font-size: 2.8rem;
  line-height: 3.2rem;
  margin: 1rem 0;
}
.envelope-service .header h1:after {
  content: "";
  position: absolute;
  height: 0.3rem;
  background-color: #354B5C;
  bottom: -1rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 8rem;
}
@media only screen and (min-width: 640px) {
  .envelope-service .header h1:after {
    right: auto;
  }
}
.envelope-service .header .points {
  display: inline-block;
  font-weight: normal;
  color: #FFF;
  background-color: #49c0d5;
  font-size: 1.7rem;
  border-radius: 2rem;
  padding: 0.1rem 1rem;
  margin-left: 1rem;
  line-height: 2.3rem;
}
.envelope-service .how-does-it-work {
  border-radius: 0.3rem;
  background-color: #F5F6F8;
  padding: 1rem 2rem;
  text-align: left;
}
.envelope-service .how-does-it-work .title {
  font-weight: bold;
}
.envelope-service .interaction-frame {
  width: 100%;
  margin-top: 2rem;
}
.envelope-service .interaction-frame .interaction-flip {
  width: 100%;
  height: 11.6rem;
}
@media only screen and (min-width: 640px) {
  .envelope-service .interaction-frame .interaction-flip {
    max-width: 85rem;
    height: 20.6rem;
    margin: auto;
  }
}
.envelope-service .interaction-frame .interaction-flip .action {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3rem 0;
  text-align: center;
  font-size: 2.3rem;
  color: #FFF;
}
.envelope-service .interaction-frame .interaction-flip .action span {
  margin-bottom: 2rem;
  font-size: 1.4rem;
}
@media only screen and (min-width: 640px) {
  .envelope-service .interaction-frame .interaction-flip .action span {
    font-size: 2.3rem;
  }
}
.envelope-service .interaction-frame .interaction-flip .action button {
  padding-left: 4rem;
  font-family: "Titillium Web Regular";
  margin: 0 1rem;
  padding-right: 2rem;
  width: auto;
}
.envelope-service .interaction-frame .interaction-flip .action button:before {
  width: 1.2rem;
  height: 1.6rem;
}

.template-service {
  color: #354B5C;
  font-size: 1.7rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .template-service {
    padding-top: 3rem;
  }
}
.template-service .content-body {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .template-service .content-body > * {
    padding: 0.5rem;
  }
}
.template-service .content-body > *.enveloppe {
  padding: 2rem;
}
@media only screen and (min-width: 640px) {
  .template-service .content-body {
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.template-service .content-body .focal-point-image {
  height: 30rem;
  border-radius: 0.3rem;
  overflow: hidden;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .template-service .content-body .focal-point-image {
    height: 20rem;
  }
}
.template-service .content-body .focal-point-image img {
  position: absolute;
  max-width: unset;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .template-service .content-body .focal-point-image img {
    max-width: 85%;
  }
}
.template-service .content-body .focal-point-image.enveloppe {
  height: 50rem;
}
.template-service .content-body .focal-point-image.enveloppe img {
  position: absolute;
  max-width: unset;
}
.template-service .template-footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer {
  background-color: #354B5C;
  padding: 3rem 0;
  color: #fff;
  position: relative;
}
footer .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
}
@media only screen and (min-width: 640px) {
  footer .wrapper {
    padding: 0 2rem;
  }
}
footer .wrapper .footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 640px) {
  footer .wrapper .footer__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
footer .wrapper .footer__container .footer__about {
  text-align: center;
  max-width: 35rem;
}
@media only screen and (min-width: 640px) {
  footer .wrapper .footer__container .footer__about {
    text-align: left;
    width: 35rem;
  }
}
footer .wrapper .footer__container .footer__about .footer__about-heading {
  font-family: "Titillium Web Bold";
  font-size: 2rem;
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
footer .wrapper .footer__container .footer__about .footer__about-heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 0.2rem;
  width: 5rem;
  background-color: #fff;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  footer .wrapper .footer__container .footer__about .footer__about-heading:after {
    left: 0;
    margin: 0;
  }
}
footer .wrapper .footer__container .footer__about ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0;
  margin: 0;
  font-family: "Titillium Web SemiBold";
}
footer .wrapper .footer__container .footer__about ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
}
@media only screen and (min-width: 640px) {
  footer .wrapper .footer__container .footer__about ul li {
    font-size: 1.6rem;
  }
}
footer .wrapper .footer__container .footer__about ul li:nth-child(odd):not(:last-child):after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ffffff;
  margin: 0 1rem;
}
footer .wrapper .footer__container .footer__about ul li a {
  color: #fff;
  text-decoration: none;
}
footer .wrapper .footer__container .footer__about ul li a:hover {
  color: #FD5252;
}
footer .wrapper .footer__container .footer__about .footer__copyright {
  font-family: "Titillium Web SemiBold";
  font-size: 1.5rem;
}
@media only screen and (min-width: 640px) {
  footer .wrapper .footer__container .footer__about .footer__copyright {
    font-size: 1.6rem;
  }
}
footer .wrapper .footer__container .footer__logo {
  margin-top: 5rem;
}
@media only screen and (min-width: 640px) {
  footer .wrapper .footer__container .footer__logo {
    margin-top: 0;
  }
}
footer .wrapper .footer__container .footer__logo div {
  font-family: "Titillium Web SemiBold";
  margin-bottom: 2rem;
  font-size: 1.5rem;
}
@media only screen and (min-width: 640px) {
  footer .wrapper .footer__container .footer__logo div {
    font-size: 1.6rem;
  }
}
footer .wrapper .footer__container .footer__logo img {
  width: 20rem;
}
footer .wrapper .footer__container .footer__service .footer__service-button {
  cursor: pointer;
  font-family: "Titillium Web Bold";
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 9rem;
  padding: 1.5rem 1.5rem 1.5rem 6rem;
  position: relative;
  line-height: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0.1rem solid #fff;
  color: #fff;
  max-width: 17rem;
  width: 17rem;
  display: none;
}
footer .wrapper .footer__container .footer__service .footer__service-button:hover {
  background-color: #FD5252;
  border-color: #FD5252;
  color: #fff;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  footer .wrapper .footer__container .footer__service .footer__service-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
footer .wrapper .footer__container .footer__service .footer__service-button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("/public/images/icon-phone.svg");
  background-size: cover;
  width: 2.7rem;
  height: 3.3rem;
  margin: 0 2rem;
}
footer .copyright {
  font-family: "Titillium Web SemiBold";
}

.back-to-top {
  margin-left: auto;
  height: 4rem;
  width: 4rem;
  margin-bottom: 3rem;
  background-color: darkgray;
  position: relative;
  border-radius: 3rem;
  cursor: pointer;
  -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .back-to-top {
    height: 6rem;
    width: 6rem;
  }
}
.back-to-top:hover {
  background-color: gray;
}
.back-to-top:hover:before {
  left: 1.1rem;
  right: 1.1rem;
  top: 1.1rem;
  bottom: 1.1rem;
}
.back-to-top:before {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 1rem;
  bottom: 1rem;
  background-size: cover;
  background-image: url("/public/images/fleche-haut.png");
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .back-to-top:before {
    left: 1.3rem;
    right: 1.3rem;
    top: 1.3rem;
    bottom: 1.3rem;
  }
}

.cookie-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  color: white;
  background: #354B5C;
  -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
.cookie-footer__text a {
  text-decoration: underline;
  color: white;
  cursor: pointer;
}
.cookie-footer__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 640px) {
  .cookie-footer__action {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.cookie-footer__action__button {
  color: #354B5C;
  cursor: pointer;
  margin-left: 4rem;
  padding: 0.5rem 1.5rem;
  margin-bottom: 2rem;
  background: #f4f3f1;
  min-width: 15rem;
  text-align: center;
  border-radius: 9rem;
}
@media only screen and (min-width: 640px) {
  .cookie-footer__action__button {
    margin-bottom: 0;
  }
}
.cookie-footer__action__link {
  cursor: pointer;
  margin-left: 4rem;
  text-align: center;
}

.content {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  visibility: visible;
}
.content .content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
}
.content .content-header h1 {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .content-header h1:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}
.content .content-header .title {
  color: #354B5C;
  font-size: 2.7rem;
  line-height: 3.6rem;
  text-align: center;
  font-weight: normal;
  margin-bottom: 2rem;
}
.content .content-header .title:after {
  content: "";
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 9rem;
  height: 1px;
  background-color: #354B5C;
}
.content .content-header .hat {
  color: #354B5C;
  font-size: 2.2rem;
  margin-bottom: 4.2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
.content .content-header .find-out-more {
  font-size: 2rem;
  margin-top: 1.4rem;
  margin-bottom: -0.5rem;
  color: #86939d;
  cursor: pointer;
  position: relative;
  padding-right: 2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.content .content-header .find-out-more:after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  top: calc(50% - 0.9rem);
  right: 0;
  background-image: url(/public/images/icon-info-grey.svg);
  background-size: cover;
}
.content.nobg::after {
  content: none;
}
.content.hide {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  display: none;
}
.content__slide-link {
  text-decoration: none;
}
.content__picture {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.content__picture::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.3rem;
  background-color: #49c0d5;
  z-index: 2;
}
.content__picture.seen .content__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content__picture-container {
  position: relative;
  overflow: hidden;
}
.content__picture-container > img {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.content__status {
  display: none;
  border-radius: 999rem;
  position: absolute;
  background-color: #49c0d5;
  width: 2.5rem;
  height: 2.5rem;
  top: -1.25rem;
  right: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 3;
}
.content__status::before {
  content: "";
  background-image: url("/public/images/icon-check-darkish.svg");
  position: absolute;
  width: 1.6rem;
  height: 1.1rem;
  background-repeat: no-repeat;
  background-size: 1.6rem 1.1rem;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.content__text {
  font-family: "Titillium Web SemiBold";
  font-size: 1.6rem;
  color: #fff;
  padding: 0.5rem 2rem;
  background-color: #49c0d5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.milestones_content {
  position: relative;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  visibility: visible;
  background-color: #354B5C;
}
.milestones_content.hide {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  display: none;
}

.milestones {
  z-index: 1;
}
.milestones__row {
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 640px) {
  .milestones__row {
    padding: 0;
  }
}
.milestones__wrapper {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) {
  .milestones__wrapper {
    padding: 0 2rem;
  }
}
.milestones__heading {
  margin: 0 auto;
  text-transform: initial;
  text-align: center;
}
.milestones__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 2rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .milestones__container {
    padding: 5rem 0 0 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.milestones .swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: auto;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .milestones .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.milestones__step {
  background-color: #f4f3f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 2rem;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
@media only screen and (min-width: 640px) {
  .milestones__step {
    border-radius: 1rem;
    width: 100%;
  }
}
.milestones__step::before {
  content: none;
  position: absolute;
  bottom: -1.5rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5rem 1.5rem 0 1.5rem;
  border-color: #49c0d5 transparent transparent transparent;
}
.milestones__step:hover {
  background-color: #49c0d5;
}
.milestones__step:hover .hospital__step-text {
  color: #fff;
}
.milestones__step.selected {
  background-color: #49c0d5;
}
.milestones__step.selected::before {
  content: "";
}
.milestones__step.selected .hospital__step-text {
  color: #fff;
}
.milestones__step-day, .milestones__step-text {
  font-family: "Titillium Web SemiBold";
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .milestones__step-text {
    margin-top: 2rem;
    width: 100%;
  }
}
.milestones__step-day {
  font-size: 2.4rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .milestones__step-day {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: -2.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 0.3rem solid #354B5C;
    background-color: #fff;
    border-radius: 9999rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.milestones__step-row {
  padding: 0rem 0;
}
.milestones__step-row.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

section.milestones__list {
  margin-top: 5rem;
}
section.milestones__list-background {
  padding-top: 4rem;
  background-color: #354B5C;
}
section.milestones__list h1 {
  max-width: 1200px;
  margin: 0 auto 2rem;
  padding: 0 2rem 2rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-family: "Titillium Web SemiBold";
  color: #354B5C;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  section.milestones__list h1 {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
section.milestones__list h1:before {
  content: "";
  position: absolute;
  height: 0.3rem;
  background-color: #354B5C;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 8rem;
}
section.milestones__list p {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem 2rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-family: "Titillium Web SemiBold";
  color: white;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.milestones__list .separator {
  height: 0.1rem;
  background: #354B5C;
  margin: 0 auto 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.milestones__list .separator:before {
  content: "";
  position: absolute;
  height: 0.1rem;
  background-color: white;
  margin: 0 auto;
  width: 50%;
}
section.milestones__list:after, section.milestones__list:before {
  content: "";
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 3rem;
  position: absolute;
  left: 0;
  background-image: url("/public/images/bottom-decoration.svg");
}
section.milestones__list:after {
  top: calc(100% - 1.5rem);
}
section.milestones__list:before {
  top: -1.5rem;
}

.advice-h1 {
  color: white !important;
}
.advice-h1:before {
  position: absolute;
  height: 0.3rem;
  background-color: white !important;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 8rem;
}

.milestone-footer-display {
  position: relative;
}
.milestone-footer-display .milestones__step__content .milestone__step-row {
  margin-left: 2rem;
}
.milestone-footer-display .milestones__step__content.hide {
  top: auto;
  bottom: 0;
  width: 100%;
}

.no-milestone-footer-display.hide {
  display: none;
}

.no-milestone-footer-display {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #354B5C;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.no-milestone-footer-display .description {
  text-transform: uppercase;
  text-align: center;
}
.no-milestone-footer-display .title {
  margin-bottom: 3rem;
  margin-top: 2rem;
  text-align: center;
  font-size: 2.6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .no-milestone-footer-display .title {
    margin-top: 5rem;
  }
}
.no-milestone-footer-display a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .no-milestone-footer-display a {
    margin-bottom: 5rem;
  }
}

.article .wrapper {
  padding: 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .article .wrapper {
    padding: 0 2rem;
  }
}
.article__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .article__container {
    margin: 5rem 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.article__content {
  width: 100%;
  color: #354B5C;
  padding: 0 2rem 2rem;
  text-align: justify;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .article__content {
    width: calc(100% - 40rem);
    padding: 0 4rem 4rem 0;
    background: white;
  }
}
.article__content img {
  max-width: 100%;
  min-width: 100%;
}
.article__content p {
  margin: 2.4rem 0;
}
.article__content p + h2, .article__content p + h3, .article__content p + h4 {
  padding-top: 1.6rem;
}
.article__content__backlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #354B5C;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 0;
  font-family: "Titillium Web SemiBoldItalic";
  font-style: italic;
}
.article__content__backlink img {
  margin-right: 0.7rem;
  height: 2.1rem;
  width: 2.1rem;
  min-width: 2.1rem;
  max-width: 2.1rem;
}
.article__sidebar {
  width: 100%;
  margin-top: 3rem;
  display: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .article__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4rem;
    width: 40rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    background-color: #F5F6F7;
    border-radius: 0.4rem;
  }
}
@media print {
  .article__sidebar {
    display: none;
  }
}
.article__sidebar > .title {
  font-weight: normal;
  font-size: 2.2rem;
  line-height: 6rem;
  font-family: "Titillium Web SemiBold";
  color: #354B5C;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 4rem;
}
.article__sidebar > .title:before {
  content: "";
  position: absolute;
  height: 0.15rem;
  background-color: #354B5C;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 8rem;
}
.article__sidebar .emma-display {
  position: relative;
  margin-top: 6rem;
}
.article__sidebar .emma-display .emma-char {
  min-width: 22rem;
  height: 23rem;
  position: absolute;
  background: url("/public/images/emma-yoga.png") no-repeat;
  background-size: cover;
  z-index: 1;
}
.article__sidebar .emma-display .emma-speaking-content {
  font-size: 2.2rem;
  line-height: 3rem;
  width: 24rem;
  height: 24rem;
  left: 11.5rem;
  padding-left: 5rem;
  padding-right: 5rem;
  font-family: "Caveat";
  font-weight: bold;
  color: #354B5C;
  text-transform: none;
  position: relative;
  top: -5rem;
  padding-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-mask-image: url("/public/images/round_brush.svg");
          mask-image: url("/public/images/round_brush.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #FFF;
}
.article__sidebar .all-services-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 4rem auto;
}
.article__heading {
  position: relative;
  padding-bottom: 2rem;
  text-align: initial;
}
.article__heading::after {
  content: "";
  position: absolute;
  height: 0.3rem;
  background-color: #354B5C;
  bottom: 0;
  left: 0;
  width: 8rem;
}
@media print {
  .article__heading::after {
    display: none;
  }
}
@media print {
  .article__heading {
    font-size: 3rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
  }
}
.article__footer {
  padding: 0 2rem;
}
@media print {
  .article__footer {
    display: none;
  }
}
.article__footer-link {
  color: #354B5C;
  text-decoration: none;
}
.article__footer-recommand {
  font-family: "Titillium Web SemiBoldItalic";
  font-style: italic;
  margin-top: -3rem;
}
.article__footer-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0.1rem solid #cccccc;
  border-radius: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .article__footer-articles {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.article__footer-articles-next, .article__footer-articles-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Titillium Web SemiBold";
  text-transform: uppercase;
  width: 100%;
  font-size: 1.4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .article__footer-articles-next, .article__footer-articles-prev {
    width: 50%;
    font-size: 1.6rem;
  }
}
.article__footer-articles-prev {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 0.1rem solid #cccccc;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .article__footer-articles-prev {
    border-bottom: 0;
  }
}
.article__footer-articles-next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}
.article__footer-next-icon, .article__footer-prev-icon {
  position: relative;
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  border-radius: 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border: 0.1rem solid #354B5C;
  cursor: pointer;
}
.article__footer-next-icon::before, .article__footer-prev-icon::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.article__footer-prev-icon {
  margin-right: 2rem;
}
.article__footer-prev-icon::before {
  left: -0.2rem;
  background-image: url("/public/images/icon-prev-dark.svg");
}
.article__footer-next-icon {
  margin-left: 2rem;
}
.article__footer-next-icon::before {
  right: 0;
  background-image: url("/public/images/icon-next-dark.svg");
}

.article__subheading {
  padding-top: 4rem;
  margin-bottom: -2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .article__subheading {
    padding-top: 0rem;
  }
}

.article__video-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  text-decoration: none;
}
.article__video-link img {
  min-width: 1.6rem;
  max-width: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}
.article__video-link:hover {
  cursor: pointer;
}

.article__containerType-title {
  color: #6B757D;
  margin-right: 1rem;
}
.article__containerType-title a {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  text-decoration: none;
  font-size: 1.92rem;
  font-weight: normal;
  color: #6b757d;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  line-height: 2rem;
}

@media print {
  .no-print {
    display: none !important;
  }
}

.popin-container.video {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popin.video {
  border-radius: 1rem;
  width: 80%;
  height: auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .popin.video {
    width: auto;
    height: auto;
  }
}

.video__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Titillium Web Regular";
}
.video__content-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.3rem;
  text-transform: uppercase;
  margin-top: 5rem;
}
.video__content-title:after {
  left: calc(50% - 4rem);
}
.video__content-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1rem;
  height: auto;
  width: auto;
  margin: 2rem;
  padding: 1rem;
  background-color: #F4F3F1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .video__content-text {
    margin: 3rem;
    padding: 3rem;
    width: 500px;
  }
}
.video__content-close-button {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 2.3rem;
  height: 2.3rem;
  right: 2rem;
  top: 1.2rem;
}
.video__content-close-button:before, .video__content-close-button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.2rem;
  width: 100%;
  background-color: black;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.video__content-close-button:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.video__content-close-button:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.video__player {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .video__player {
    height: 275px;
    width: 500px;
  }
}
.video__player-media {
  width: 85%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .video__player-media {
    width: 100%;
  }
}

.my-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.packarticles .carousel-container .carousel-control {
  top: calc(35% - 3.5rem);
}
.packarticles .carousel-container .packarticle {
  display: inline-block;
  position: relative;
}
.packarticles .carousel-container .packarticle__slide-link {
  text-decoration: none;
}
.packarticles .carousel-container .packarticle__category {
  max-width: calc(100% - 20px);
  text-align: center;
  position: absolute;
  color: #fff;
  font-family: "Titillium Web SemiBold";
  font-size: 1.2rem;
  text-transform: uppercase;
  background-color: rgba(45, 64, 79, 0.7);
  padding: 0.6rem 1.2rem;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
@media only screen and (min-width: 640px) {
  .packarticles .carousel-container .packarticle__category {
    font-size: 1.4rem;
  }
}
.packarticles .carousel-container .packarticle:hover .packarticles .carousel-container .packarticle__category {
  background-color: rgba(45, 64, 79, 0.9);
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.packarticles .carousel-container .packarticle:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.packarticles .carousel-container .packarticle__picture {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.packarticles .carousel-container .packarticle__picture:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.4rem;
  background-color: #49c0d5;
  z-index: 2;
}
.packarticles .carousel-container .packarticle__picture-container {
  position: relative;
  overflow: hidden;
}
.packarticles .carousel-container .packarticle__picture-container > img {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.packarticles .carousel-container .packarticle__text {
  font-family: "Titillium Web SemiBold";
  font-size: 1.9rem;
  color: #404f5a;
  padding: 1rem 0.6rem;
  background-color: transparent;
  overflow: inherit;
  white-space: inherit;
  text-overflow: inherit;
}
@media only screen and (min-width: 640px) {
  .packarticles .carousel-container .packarticle__text {
    padding: 1.3rem 1.6rem;
  }
}
.packarticles .carousel-container.white .packarticle__text {
  color: #FFFFFF;
}

.button-back.article-button-back {
  margin-top: 4rem;
  margin-bottom: 13rem;
  width: 20rem;
}

.articles-set {
  margin-top: 5rem;
}
.articles-set__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 6rem;
  border: 1px solid #CCCCCC;
  border-radius: 0.6rem;
}
.articles-set__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #6b757d;
  background-color: #F4F3F1;
  position: relative;
  cursor: pointer;
}
@supports (-ms-flow-from: thingy) {
  .articles-set__tab {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media only screen and (min-width: 640px) {
  .articles-set__tab {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 1.6rem;
    line-height: 1.6rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.articles-set__tab.active {
  background-color: white;
  border-bottom: 2px solid #F16458;
}
.articles-set__tab:first-child {
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
}
.articles-set__tab:last-child {
  border-top-right-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}
.articles-set__tab:not(:first-child) {
  border-left: 1px solid #CCCCCC;
}
.articles-set__tab .tab-icon {
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.articles-set__tab.inform {
  width: 22%;
  min-width: 7rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .articles-set__tab.inform {
    min-width: 13rem;
  }
}
.articles-set__tab.inform .tab-icon {
  height: 2rem;
  width: 1.3rem;
  min-width: 1.3rem;
  background-image: url("/public/images/icon-bulb.svg");
  background-size: cover;
}
@media only screen and (min-width: 640px) {
  .articles-set__tab.inform .tab-icon {
    margin-right: 0.6rem;
  }
}
.articles-set__tab.target {
  width: 34%;
}
.articles-set__tab.target .tab-icon {
  height: 2.1rem;
  width: 2.2rem;
  background-image: url("/public/images/icon-target.svg");
  background-size: cover;
}
@media only screen and (min-width: 640px) {
  .articles-set__tab.target .tab-icon {
    margin-right: 0.6rem;
  }
}
.articles-set__tab.star {
  width: 44%;
}
.articles-set__tab.star .tab-icon {
  height: 1.9rem;
  width: 2rem;
  background-image: url("/public/images/icon-star_2.svg");
  background-size: cover;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .articles-set__tab.star .tab-icon {
    margin-right: 0.6rem;
  }
}

.with-field-change {
  position: relative;
}
.with-field-change .with-field-change-anchor {
  position: absolute;
  top: -70px;
}

.assessment .hero__bg {
  position: relative;
  background-color: #fff;
}
.assessment .hero__bg.alt {
  background: -webkit-gradient(linear, left top, right top, from(#49c0d5), to(#b198c6));
  background: linear-gradient(to right, #49c0d5 0%, #b198c6 100%);
  color: #fff;
}
.assessment .hero__bg .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assessment .hero__bg .hero__bg-heading {
  margin-top: 5rem;
  display: block;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .hero__bg .hero__bg-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.assessment .hero__bg .hero__bg-heading::after {
  background-color: #fff;
}
.assessment .hero__bg-heading {
  display: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .hero__bg-heading {
    display: block;
    color: #fff;
    font-family: "Titillium Web Bold";
    margin: 1rem auto;
  }
}
.assessment .hero__bg-intro {
  color: #fff;
  text-transform: uppercase;
  max-width: 62rem;
  margin: 1rem 0 3rem;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .assessment .hero__bg-intro {
    margin: 5rem 0;
  }
}

.assessment .assessment__form-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__form-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.assessment.inline {
  padding: 0;
}
.assessment.inline .assessment__form-list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment.inline .assessment__form-list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.assessment .react-select__control {
  height: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #354B5C;
  border: 0.1rem solid #b4b4b4;
  border-radius: 0.5rem;
  font-size: 1.5rem;
}
.assessment article, .assessment aside, .assessment footer, .assessment header, .assessment hgroup, .assessment main, .assessment nav, .assessment section {
  display: block;
}
.assessment .assessment__row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.assessment .assessment__row.finished .assessment__list .button-arrow,
.assessment .assessment__row.finished .assessment__list .button-refresh {
  background-color: #354B5C;
}
.assessment .assessment__row.finished .assessment__list .button-arrow:hover,
.assessment .assessment__row.finished .assessment__list .button-refresh:hover {
  background-color: #233A4B;
}
.assessment .assessment__help {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  border-bottom: 0.4rem dotted #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__help {
    margin-top: 2rem;
    border-bottom: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.assessment .assessment__help .assessment__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__help .assessment__list {
    width: 50%;
    padding: 0 4rem;
  }
}
.assessment .assessment__help-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__help-content {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.assessment .assessment__help-bubble {
  font-family: "Caveat";
  font-size: 2.5rem;
  font-weight: bold;
  color: #404f5a;
  margin: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__help-bubble {
    max-width: 29rem;
    margin: 1rem;
  }
  .assessment .assessment__help-bubble:after {
    content: "";
    position: absolute;
    left: 23rem;
    margin: 1rem;
    top: 90%;
    background-image: url("/public/images/bubble-long.svg");
    background-repeat: no-repeat;
    height: 4rem;
    width: 12rem;
  }
}
.assessment .intro-assessment {
  font-family: "Titillium Web Regular";
  color: #404f5a;
  text-transform: uppercase;
  margin: 5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .intro-assessment {
    margin: 1rem;
  }
}
.assessment .assessment__help-character {
  background-image: url("/public/images/brush_emma.png");
  background-repeat: no-repeat;
  background-size: 15rem;
  min-width: 15rem;
  min-height: 19rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__help-character {
    background-size: 19rem;
    margin-bottom: -14rem;
    height: 23rem;
    width: 20rem;
  }
}
.assessment .assessment__help-character.nurse {
  background-image: url("/public/images/brush_nurse.png");
  background-repeat: no-repeat;
}
.assessment .assessment__help-character.coach {
  background-image: url("/public/images/brush_coach.png");
  background-repeat: no-repeat;
}
.assessment .assessment__list {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__list {
    text-align: center;
    border-left: 0.2rem solid #f4f3f1;
  }
}
.assessment .assessment__list > div {
  width: 100%;
}
.assessment .assessment__help, .assessment .assessment__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__help, .assessment .assessment__list {
    width: 50%;
    min-height: 30rem;
    padding: 0 4rem;
  }
}
.assessment .assessment__list-heading {
  text-transform: initial;
  text-align: left;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__list-heading {
    width: 100%;
  }
}
.assessment .assessment__list-heading::after {
  margin: 0;
}
.assessment .assessment__list-question {
  width: 100%;
  color: #354B5C;
  font-size: 1.8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__list-question {
    font-size: 2.4rem;
  }
}
.assessment__hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3rem;
  font-style: italic;
}
.assessment__hint img {
  margin-right: 0.7rem;
  height: 2.1rem;
  width: 2.1rem;
  min-width: 2.1rem;
  max-width: 2.1rem;
}
.assessment .row-end-assessment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.assessment .errorMessage {
  margin-top: 0.5rem;
  color: #FD5252;
  width: 90%;
}
.assessment .assessment__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.assessment .assessment_input-range {
  width: 80%;
  height: 10rem;
  padding-top: 2.5rem;
}
@media only screen and (min-width: 640px) {
  .assessment .assessment_input-range {
    height: 8rem;
  }
}
.assessment .assessment_width {
  width: 80%;
}
@media only screen and (min-width: 640px) {
  .assessment .assessment_width {
    width: 70%;
    z-index: 102;
  }
}
.assessment .width_assessment-list {
  position: relative;
  width: 100%;
}
.assessment .width_assessment-list .width_assessment-list-anchor {
  position: absolute;
  left: 0;
  top: -170px;
}
@media only screen and (min-width: 640px) {
  .assessment .btn-double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.assessment .button-pvs {
  cursor: pointer;
  font-family: "Titillium Web SemiBold";
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 9rem;
  border: 0;
  padding: 1.5rem;
  position: relative;
  line-height: 1.6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #354B5C;
  color: #fff;
  font-size: 1.5rem;
}
.assessment .button-pvs:hover {
  background-color: #FD5252;
  border-color: #FD5252;
}
.assessment .button-pvs:focus {
  outline: none;
}
.assessment .assessment__checkbox {
  margin-bottom: 1rem;
  padding: 0 0.25rem;
  cursor: pointer;
}
.assessment label {
  cursor: default;
}
.assessment .assessment__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.assessment [type=checkbox], .assessment [type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
.assessment input[type=number]:focus {
  outline: none;
}
.assessment input {
  border: 0.1rem solid #cccccc;
  height: 4rem;
  width: 100%;
  border-radius: 0.5rem;
  padding: 0 2rem;
  color: #354B5C;
  min-width: 100%;
}
.assessment input[type=radio i] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.assessment input[type=radio i], .assessment input[type=checkbox i] {
  background-color: initial;
  cursor: default;
  margin: 0.3rem 0.5ex;
  padding: initial;
  border: initial;
}
.assessment input {
  background-color: white;
  cursor: text;
  padding: 0.1rem;
  border-width: 0.2rem;
  border-style: inset;
  border-color: initial;
  -o-border-image: initial;
     border-image: initial;
}
.assessment input, .assessment textarea, .assessment select {
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  display: inline-block;
  text-align: flex-start;
  margin: 0;
  font: 400 1.1rem system-ui;
}
.assessment .assessment__checkbox-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 2rem;
  color: #354B5C;
  border: 0.1rem solid #b4b4b4;
  border-radius: 0.5rem;
  font-size: 1.5rem;
}
@media only screen and (min-width: 640px) {
  .assessment .assessment__checkbox-content {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__checkbox-content:hover {
    background-color: #86939d;
    color: #fff;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
}
.assessment .assessment__checkbox input:checked ~ .assessment__checkbox-content {
  background-color: #86939d;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.assessment .assessment__checkbox {
  margin-bottom: 1rem;
  padding: 0 0.25rem;
}
.assessment .assessment__form-submit {
  max-width: 19rem;
  margin: 1rem auto 2rem;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .assessment .assessment__form-submit {
    width: 50%;
  }
}
.assessment .assessment__form-placement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__form-placement {
    margin-top: unset;
  }
}
@media only screen and (min-width: 640px) {
  .assessment .assessment_btn_space {
    margin-left: 2rem;
  }
}
.assessment .assessment__form-submit .button .button__pvs {
  height: 5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.assessment input {
  border: 0.1rem solid #cccccc;
  height: 4rem;
  width: 100%;
  border-radius: 0.5rem;
  padding: 0 2rem;
  color: #354B5C;
  min-width: 100%;
}
.assessment .button__pvs {
  color: #fff;
  background-color: #354B5C;
}
.assessment .button__pvs:focus {
  outline: none;
}
.assessment input {
  overflow: visible;
}
.assessment input, .assessment optgroup, .assessment select, .assessment textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
.assessment .health {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.assessment .health article, .assessment .health aside, .assessment .health footer, .assessment .health header, .assessment .health hgroup, .assessment .health main, .assessment .health nav, .assessment .health section {
  display: block;
}
.assessment .health .health__wrapper {
  width: 100%;
}
.assessment .health .wrapper {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 2rem;
}
@media only screen and (min-width: 640px) {
  .assessment .health .wrapper {
    padding: 0 2rem;
  }
}
.assessment .health .assessment__steps {
  padding: 5rem 0 3rem;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .health .assessment__steps {
    padding: 8rem 0 5rem;
  }
}
.assessment .health .assessment__steps-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.assessment .health ul {
  list-style-type: square;
}
.assessment .health ul, .assessment .health menu, .assessment .health dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 4rem;
          padding-inline-start: 4rem;
}
.assessment .health .assessment__steps-item {
  width: calc(100% / 6);
  height: 1.5rem;
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .health .assessment__steps-item {
    height: 3rem;
  }
}
.assessment .health li {
  display: list-item;
  text-align: -webkit-match-parent;
}
.assessment .health .assessment__steps-item:first-child::before {
  left: auto;
  right: 0;
  width: 50%;
}
.assessment .health .assessment__steps-item::before {
  z-index: -1;
  background-color: #f4f3f1;
}
.assessment .health .assessment__steps-item::before, .assessment .health .assessment__steps-item::after {
  content: "";
  width: 100%;
  height: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.assessment .health .assessment__steps-item.active .assessment__steps-item-shape {
  background-color: #354B5C;
}
.assessment .health .assessment__steps-item-shape {
  width: 1.7rem;
  height: 1.7rem;
  background-color: #f4f3f1;
  border-radius: 999rem;
  position: absolute;
  left: 0rem;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .health .assessment__steps-item-shape {
    width: 3.4rem;
    height: 3.4rem;
    left: 3.4rem;
  }
}

.question__end-assessment p {
  text-align: left;
}
.question__end-assessment .question__completed-thanks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 72%;
  font-family: "Titillium Web Bold";
  font-size: 130%;
  color: #354B5C;
  position: relative;
  padding-left: 4rem;
  margin-bottom: 2rem;
}
.question__end-assessment .question__completed-thanks:before {
  content: " ";
  position: absolute;
  width: 3rem;
  height: 3rem;
  left: 0;
  background-color: #49c0d5;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  background-size: 2rem 2rem;
  background-image: url("/public/images/icon-check.svg");
}
.question__end-assessment .question__completed-thanks:after {
  content: "";
  height: 2px;
  width: 10rem;
  left: 5rem;
  top: calc(100% + 1rem);
  position: absolute;
  background-color: #354B5C;
}
.question__end-assessment .question__completed-subtitle {
  width: 72%;
  font-size: 110%;
  font-family: "Titillium Web Light";
  color: #354B5C;
  position: relative;
  margin-bottom: 2rem;
}

.error-message {
  position: relative;
  border-radius: 2rem;
  margin: 1rem;
  background-color: #FD5252;
  color: white;
  padding: 1.5rem 1.5rem 1.5rem 4.5rem;
  font-size: 1.4rem;
}
.error-message:before {
  content: "";
  position: absolute;
  left: 1.2rem;
  top: calc(50% - 1rem);
  width: 2rem;
  height: 2rem;
  background: url("/public/images/icon-alert.svg") no-repeat;
}

.loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 100%;
}
.loader__content {
  z-index: 1;
  width: 100%;
  height: 100%;
}
.loader__veil {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  opacity: 0.75;
  z-index: 100;
}
.loader__veil_content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 100;
}
.loader__veil_content .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.loader__veil_content .lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #FF0000;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader__veil_content .lds-ellipsis div:nth-child(1) {
  left: 6px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}
.loader__veil_content .lds-ellipsis div:nth-child(2) {
  left: 6px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}
.loader__veil_content .lds-ellipsis div:nth-child(3) {
  left: 26px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}
.loader__veil_content .lds-ellipsis div:nth-child(4) {
  left: 45px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
}

.popin-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  z-index: 120;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .popin-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 480px) {
  .popin-container-floating {
    top: 20rem;
  }
}

.popin-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.75;
  z-index: 120;
  cursor: not-allowed;
}

.popin-background.closeable {
  cursor: auto;
}

.popin {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 140;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .popin {
    height: auto;
    max-height: 100vh;
    width: auto;
    border-radius: 2rem;
  }
}
.popin-content {
  background-color: white;
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .popin-content {
    overflow: hidden;
    height: auto;
    max-height: 100vh;
  }
  .popin-content .loader {
    max-height: 100vh;
  }
  .popin-content .loader > div {
    max-height: 100vh;
  }
}
@media only screen and (max-width: 480px) {
  .popin-content-floating {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.popin .popin-button {
  width: auto;
  min-width: 180px;
}

#logindiv {
  display: none;
}

#caseiddiv {
  display: none;
}

.modal__caseConfirmationPanel-layout {
  padding: 5rem;
}

.modal__caseConfirmationPanel-title {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 5rem;
  color: #283C50;
  text-align: left;
  letter-spacing: 0.1rem;
}

.model__caseConfirmationPanel-content {
  color: #283C50;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.modal__caseConfirmationPanel-form-group {
  margin: 1rem 0rem 3rem 0rem;
  color: #5B6E83;
}

a.modal__caseConfirmationPanel-validate-button {
  /* width: 100%; */
  background-color: #19559B;
  color: #FFFFFF;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* text-align: center; */
  /* height: 5rem; */
  /* line-height: 5rem; */
  /* vertical-align: middle; */
  /* border: 3px solid green; */
  /* justify-content: center; */
  /* text-decoration-line: none; */
  border-radius: 1rem;
  letter-spacing: 0.05rem;
}

.modal__caseConfirmationPanel-form-error {
  color: #C62828;
}
.modal__caseConfirmationPanel-form-error:before {
  margin-right: 0.1rem;
  width: 1.8rem;
  height: 2.5rem;
  content: "";
  background: url(/public/images/stop.svg) no-repeat;
  background-size: 100%;
  background-position: center 0.9rem;
  background-color: white;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  top: 0.2rem;
  /* bottom: 1rem; */
  position: relative;
}

.popup-back {
  background-color: #293133;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}

.switchuser {
  height: 100%;
  overflow-y: auto;
  position: relative;
  z-index: 1;
  margin: auto;
  background: -webkit-gradient(linear, left top, right top, from(#49c0d5), to(#b198c6));
  background: linear-gradient(to right, #49c0d5 0%, #b198c6 100%);
  color: white;
  text-align: center;
  padding-top: 6rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 640px) {
  .switchuser {
    overflow-y: initial;
    border-radius: 1rem;
    height: auto;
  }
}
@media only screen and (min-width: 640px) {
  .switchuser {
    padding: 2rem 0;
  }
}
.switchuser .header {
  color: white;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.switchuser .header .girl_speaking {
  background: -webkit-gradient(linear, left top, right top, from(#49c0d5), to(#b198c6));
  background: linear-gradient(to right, #49c0d5 0%, #b198c6 100%);
  border-radius: 50%;
  border: 3px solid white;
  overflow: hidden;
  width: 20rem;
  height: 20rem;
  margin-top: -5rem;
}
.switchuser .header .girl_speaking img {
  height: 100%;
}
.switchuser .header .header__text {
  max-width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  margin-left: 4rem;
  margin-top: 1rem;
  font-weight: bold;
}
.switchuser .header .header__text .title {
  position: relative;
  font-size: 2rem;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  font-weight: bolder;
}
.switchuser .header .header__text .title::after {
  content: "";
  position: absolute;
  height: 0.2rem;
  bottom: 0;
  left: 0;
  right: 0;
  width: 5rem;
  background-color: white;
}
.switchuser .choices {
  margin: 5rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  text-transform: uppercase;
}
@supports (-ms-flow-from: thingy) {
  .switchuser .choices {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media only screen and (min-width: 640px) {
  .switchuser .choices {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .switchuser .choices {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.switchuser .choices a {
  text-decoration: none;
  color: white;
}
.switchuser .choices .choice {
  border-radius: 1rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 12rem;
  margin: 1rem;
}
@media only screen and (min-width: 640px) {
  .switchuser .choices .choice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 640px) {
  .switchuser .choices .choice {
    height: 18rem;
  }
}
.switchuser .choices .choice img {
  width: 10rem;
  height: 10rem;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transform: scale(1);
          transform: scale(1);
  margin-right: 1rem;
  margin-left: calc(50% - 11rem);
}
@media only screen and (min-width: 640px) {
  .switchuser .choices .choice img {
    margin-left: 0;
    margin-right: 0;
  }
}
.switchuser .choices .choice .title {
  margin-left: 1rem;
  width: 50%;
  text-align: left;
  margin-top: 2rem;
  font-size: 2rem;
}
@media only screen and (min-width: 640px) {
  .switchuser .choices .choice .title {
    width: auto;
    margin-left: 0;
  }
}
.switchuser .choices .choice:hover img {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.switchuser p {
  margin-top: 5rem;
  font-style: italic;
}

.services__home {
  position: relative;
}
.services__home .services__home-heading {
  font-size: 3.2rem;
  text-transform: none;
  margin: 3rem auto;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .services__home .services__home-heading {
    font-size: 3.7rem;
  }
}
.services__home .subtitle {
  margin-left: 3rem;
  margin-right: 3rem;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .services__home .subtitle {
    margin-left: 20rem;
    margin-right: 20rem;
  }
}
.services__home .wrapper {
  padding: 0rem 0.5rem 4rem 0.5rem;
  border-bottom: 0.2rem dotted #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .services__home .wrapper {
    padding-bottom: 6rem;
  }
}
.services__home .wrapper.noborder {
  border-bottom: 0;
}
.services__home .services__home-subheading {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-family: "Titillium Web SemiBold";
  text-align: center;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .services__home .services__home-subheading {
    text-align: left;
    font-size: 1.8rem;
  }
}
.services__home .services__home-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3rem;
  text-align: center;
}
.services__home .services__home-buttons .button, .services__home .services__home-buttons .button__light {
  font-family: "Titillium Web SemiBold";
  margin: 0 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  width: auto;
}
.services__home img {
  border-style: none;
  max-width: 85%;
}
.services__home h2 {
  font-family: "Titillium Web Bold";
  font-size: 2.2rem;
  line-height: 2.8rem;
}
@media only screen and (min-width: 640px) {
  .services__home h2 {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}
.services__home h3 {
  color: #FD5252;
  font-family: "Titillium Web Bold";
  font-size: 2rem;
  line-height: 2.6rem;
}
.services__home article, .services__home aside, .services__home footer, .services__home header, .services__home hgroup, .services__home main, .services__home nav, .services__home section {
  display: block;
}
.services__home b {
  color: #FD5252;
  font-family: "Titillium Web Bold";
}

section.services__interactions {
  width: 100%;
}

section.services__interactions .interaction-flip,
.interaction-frame .interaction-flip {
  display: block;
  position: relative;
  scroll-margin-top: 10rem;
  width: 100%;
  max-width: 58rem;
  height: 13.5rem;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  section.services__interactions .interaction-flip,
.interaction-frame .interaction-flip {
    max-width: 85rem;
    height: 20.6rem;
  }
}
section.services__interactions .interaction-avatar,
.interaction-frame .interaction-avatar {
  background-image: url("/public/images/interaction_background.png");
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
section.services__interactions .interaction-avatar > div:nth-child(2),
.interaction-frame .interaction-avatar > div:nth-child(2) {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  section.services__interactions .interaction-avatar,
.interaction-frame .interaction-avatar {
    background-image: url("/public/images/interaction_background-with-round.png");
  }
  section.services__interactions .interaction-avatar > div:first-child,
.interaction-frame .interaction-avatar > div:first-child {
    min-width: 22rem;
    width: 22rem;
  }
  section.services__interactions .interaction-avatar > div.emma,
.interaction-frame .interaction-avatar > div.emma {
    background-image: url("/public/images/emma.png");
    background-repeat: no-repeat;
    background-size: 15rem;
    background-position-x: 4rem;
    background-position-y: 2.4rem;
  }
  section.services__interactions .interaction-avatar > div.coach,
.interaction-frame .interaction-avatar > div.coach {
    background-image: url("/public/images/coach_1.png");
    background-repeat: no-repeat;
    background-size: 23rem;
    background-position-x: 1rem;
  }
  section.services__interactions .interaction-avatar > div.nurse,
.interaction-frame .interaction-avatar > div.nurse {
    background-image: url("/public/images/nurse_2.png");
    background-repeat: no-repeat;
    background-size: 17rem;
    background-position-x: 2rem;
  }
  section.services__interactions .interaction-avatar > div.mary,
.interaction-frame .interaction-avatar > div.mary {
    background-image: url("/public/images/mary_3.png");
    background-repeat: no-repeat;
    background-size: 20.5rem;
    background-position-y: 3rem;
    background-position-x: 2rem;
  }
}
section.services__interactions .interaction-flip-front, section.services__interactions .interaction-flip-back,
.interaction-frame .interaction-flip-front,
.interaction-frame .interaction-flip-back {
  position: absolute;
  background-color: white;
  border: 1px solid #cccccc;
  width: 100%;
  height: 100%;
}
section.services__interactions .interaction-flip-front,
.interaction-frame .interaction-flip-front {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
section.services__interactions .interaction-flip-front span,
.interaction-frame .interaction-flip-front span {
  color: white;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 640px) {
  section.services__interactions .interaction-flip-front span,
.interaction-frame .interaction-flip-front span {
    font-size: 2.3rem;
  }
}
section.services__interactions .interaction-flip-front button,
.interaction-frame .interaction-flip-front button {
  font-size: 1.4rem;
}
@media only screen and (min-width: 640px) {
  section.services__interactions .interaction-flip-front button,
.interaction-frame .interaction-flip-front button {
    font-size: 1.5rem;
  }
}
section.services__interactions .interaction-flip-front-clickable.button-phone-left,
.interaction-frame .interaction-flip-front-clickable.button-phone-left {
  padding-left: 4rem;
}
section.services__interactions .interaction-flip-front-clickable.button-phone-left:before,
.interaction-frame .interaction-flip-front-clickable.button-phone-left:before {
  width: 1.2rem;
  height: 1.6rem;
}
section.services__interactions .interaction-flip-front-clickable.button-mail-left,
.interaction-frame .interaction-flip-front-clickable.button-mail-left {
  padding-left: 4.7rem;
}
section.services__interactions .interaction-flip-front-clickable.button-mail-left:before,
.interaction-frame .interaction-flip-front-clickable.button-mail-left:before {
  width: 1.9rem;
  height: 1.35rem;
}
section.services__interactions .interaction-flip-back,
.interaction-frame .interaction-flip-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translateZ(-2px) rotateX(-90deg);
          transform: translateZ(-2px) rotateX(-90deg);
  -webkit-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  visibility: hidden;
}
section.services__interactions .interaction-flip-back #assessment-chat,
.interaction-frame .interaction-flip-back #assessment-chat {
  width: 100%;
}
section.services__interactions .interaction-flip-confirmation,
.interaction-frame .interaction-flip-confirmation {
  color: white;
  font-size: 1.4rem;
  margin: 0 4rem;
}
@media only screen and (min-width: 640px) {
  section.services__interactions .interaction-flip-confirmation,
.interaction-frame .interaction-flip-confirmation {
    font-size: 1.8rem;
    margin: 0 4rem 2rem 7rem;
  }
}
section.services__interactions .interaction-flip-confirmation img,
.interaction-frame .interaction-flip-confirmation img {
  width: 2.6rem;
  min-width: 2.6rem;
  height: auto;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 640px) {
  section.services__interactions .interaction-flip-confirmation img,
.interaction-frame .interaction-flip-confirmation img {
    min-width: 3.4rem;
    width: 3.4rem;
  }
}
section.services__interactions .is-open .interaction-flip-back,
.interaction-frame .is-open .interaction-flip-back {
  -webkit-transform: none;
          transform: none;
  visibility: visible;
}
section.services__interactions .is-open .interaction-flip-back .loader,
.interaction-frame .is-open .interaction-flip-back .loader {
  width: 100%;
}
section.services__interactions .is-open .interaction-flip-back.error,
.interaction-frame .is-open .interaction-flip-back.error {
  background: none;
}
section.services__interactions .is-open .interaction-flip-back.error .interaction-flip-confirmation,
.interaction-frame .is-open .interaction-flip-back.error .interaction-flip-confirmation {
  color: #FD5252;
  margin: 0;
}
section.services__interactions .is-open .interaction-flip-front,
.interaction-frame .is-open .interaction-flip-front {
  display: none;
}
section.services__interactions .dad .interaction-flip-back iframe,
.interaction-frame .dad .interaction-flip-back iframe {
  width: 100%;
  height: 100%;
  border: none;
  position: relative;
  z-index: 0;
}
section.services__interactions .dad.is-open,
.interaction-frame .dad.is-open {
  height: 65.1rem;
}
section.services__interactions .caregiver__informations .assessment-chat,
.interaction-frame .caregiver__informations .assessment-chat {
  background: #354B5C;
}
section.services__interactions .caregiver__informations .assessment-chat_history_question:before,
.interaction-frame .caregiver__informations .assessment-chat_history_question:before {
  background-image: url("/public/images/mary_with_round.png");
}
section.services__interactions .caregiver__informations .assessment-chat_history_answer:before,
.interaction-frame .caregiver__informations .assessment-chat_history_answer:before {
  background-image: url("/public/images/assessment-chat/user1.png");
}
section.services__interactions .caregiver__informations .assessment-chat_footer,
.interaction-frame .caregiver__informations .assessment-chat_footer {
  background: #dddddd;
}
section.services__interactions .caregiver__informations .assessment-chat_footer_current:before,
.interaction-frame .caregiver__informations .assessment-chat_footer_current:before {
  background-image: url("/public/images/assessment-chat/user2.png");
}
section.services__interactions .caregiver__informations .caregiver__informations-success,
.interaction-frame .caregiver__informations .caregiver__informations-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-image: url("/public/images/interaction_background.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #234a5c;
  color: white;
}
@media only screen and (min-width: 640px) {
  section.services__interactions .caregiver__informations .caregiver__informations-success,
.interaction-frame .caregiver__informations .caregiver__informations-success {
    padding: 0 5rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.services__interactions .caregiver__informations .caregiver__informations-success,
.interaction-frame .caregiver__informations .caregiver__informations-success {
    padding: 0 17rem;
  }
}
section.services__interactions .caregiver__informations .caregiver__informations-success > div img,
.interaction-frame .caregiver__informations .caregiver__informations-success > div img {
  width: unset;
  margin-bottom: 2rem;
}
section.services__interactions .caregiver__informations .caregiver__informations-success > div:before,
.interaction-frame .caregiver__informations .caregiver__informations-success > div:before {
  content: "";
  width: 13.8rem;
  height: 4.2rem;
  position: absolute;
  background-image: url("/public/images/icon-round-check-brush.svg");
  background-size: 3.8rem;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
}
section.services__interactions .caregiver__informations .caregiver__informations-success.error,
.interaction-frame .caregiver__informations .caregiver__informations-success.error {
  background: none;
  color: #FD5252;
}
section.services__interactions .caregiver__informations .caregiver__informations-success.error > div:before,
.interaction-frame .caregiver__informations .caregiver__informations-success.error > div:before {
  background: none;
}
section.services__interactions .caregiver__informations.is-open,
.interaction-frame .caregiver__informations.is-open {
  height: 51rem;
}
section.services__interactions .caregiver__informations .hidden,
.interaction-frame .caregiver__informations .hidden {
  display: none;
}

.main-header__link {
  text-transform: uppercase;
  font-size: 1.4rem;
  padding: 0;
  color: #716966;
  margin-top: 3rem;
}

.container {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .container {
    width: 80rem;
  }
}
@media only screen and (min-width: 640px) {
  .container {
    width: 70rem;
  }
}

.headline-decoration::after {
  content: "";
  display: block;
  width: 7.7rem;
  height: 0.5rem;
  background-color: #FD5252;
  margin: 2.5rem auto 0;
}

.headline-container {
  padding: 0 1.5rem;
}

.headline {
  line-height: 1.3rem;
}

.headline-decoration {
  position: relative;
  margin-bottom: 4rem;
  margin-top: 5rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1rem;
  font-size: 3.6rem;
}

.general__content {
  color: #716966;
  font-size: 1.6rem;
  line-height: 2.8rem;
  margin-bottom: 5rem;
}

.center-title-about {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #716966;
}

.col-sm-12 {
  position: relative;
  min-height: 0.1rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
@media only screen and (min-width: 640px) {
  .col-sm-12 {
    width: 100%;
  }
}

.final-registration {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 640px) {
  .final-registration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.final-registration .nowrap {
  white-space: nowrap;
}
.final-registration .row-direction-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .final-registration .row-direction-inline {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
}
.final-registration .text-center {
  color: #FFFFFF;
  text-align: center;
}
.final-registration .field.error .border-input {
  border-bottom: 0.2rem solid #FD5252;
}
.final-registration .PhoneInputCountry {
  margin-bottom: 5px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.final-registration .checkbox-container {
  position: absolute;
  margin: 1rem;
  height: 1.3rem;
  width: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.final-registration .checkbox-container.error {
  background-color: #FD5252;
  position: absolute;
  margin: 0.9rem;
  height: 1.5rem;
  width: 1.5rem;
}
.final-registration .checkbox-container input[type=checkbox] {
  margin: 0;
}
.final-registration .error-message-for-field {
  color: #FD5252;
  position: absolute;
  top: calc(100% - 0.9rem);
  left: 1rem;
  font-size: 1.2rem;
}
.final-registration .error-message-for-field.phone {
  margin-top: 1.5rem;
}
.final-registration .border-input {
  border: none;
  border-bottom: 0.2rem solid #CCCCCC;
  margin: 1rem 0rem 0.4rem 0rem;
  border-radius: unset;
  padding: 0.5rem;
  min-width: 80%;
}
.final-registration .border-input.PhoneInput {
  margin-top: 0;
}
.final-registration .spacing {
  padding: 2rem;
}
.final-registration .final-registration__checkbox-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.6rem 2rem 0.6rem;
  margin-top: 0.8rem;
  color: #354B5C;
  border: 0.1rem solid #b4b4b4;
  border-radius: 0.5rem;
  font-size: 1.5rem;
}
@media only screen and (min-width: 640px) {
  .final-registration .final-registration__checkbox-content {
    font-size: 1.6rem;
  }
}
.final-registration .final-registration__checkbox {
  margin-bottom: 1rem;
  padding: 0 0.25rem;
  cursor: pointer;
  display: none;
}
.final-registration .final-registration__checkbox input:checked ~ .final-registration__checkbox-content {
  background-color: #86939d;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.final-registration .final-registration__checkbox-content:hover {
  background-color: #86939d;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.final-registration .padding-center-subscritpion {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@supports (-ms-flow-from: thingy) {
  .final-registration .padding-center-subscritpion {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.final-registration .padding-center-subscritpion button {
  background-color: #FD5252;
  width: 40%;
}
.final-registration .padding-center-subscritpion a {
  cursor: pointer;
}
.final-registration input[type=checkbox] {
  opacity: unset;
  cursor: pointer;
  padding: 0;
  vertical-align: bottom;
  margin: 1rem;
  height: 1.3rem;
  width: 1.3rem;
  min-width: unset;
}
.final-registration .final-registration__checkbox input {
  position: absolute;
  display: none;
  cursor: pointer;
  height: 0;
  width: 0;
}
.final-registration input[type=radio]:checked + label {
  background-color: #86939d;
  color: #fff;
}
.final-registration .bold {
  font-weight: bold;
  color: #FD5252;
}
.final-registration .sex {
  height: 5.5rem;
  margin-top: 1.5rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .final-registration .sex {
    margin-bottom: 0;
  }
}
.final-registration .display-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.final-registration form .form__error {
  position: relative;
  margin: 1rem;
  background-color: #FD5252;
  color: white;
  padding: 1.5rem 1.5rem 1.5rem 4.5rem;
  font-size: 1.4rem;
}
.final-registration form .form__error:before {
  content: "";
  position: absolute;
  left: 1.2rem;
  top: calc(50% - 1rem);
  width: 2rem;
  height: 2rem;
  background: url("/public/images/icon-alert.svg") no-repeat;
}
.final-registration form .form__error a {
  color: white;
}
.final-registration .form__mat {
  width: 90%;
  margin: 0 auto;
}
.final-registration .form__mat .young-disclaimer {
  background-color: #F4F3F1;
  color: #404F5A;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  margin: 1rem 1rem 1rem 1rem;
  padding: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .final-registration .form__mat .young-disclaimer {
    margin: 2rem 1rem 5rem 1rem;
  }
}
.final-registration .form__mat .field {
  position: relative;
}
.final-registration .form__mat .field.phone {
  margin-bottom: 1.5rem;
}
.final-registration .form__mat .center-sex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.final-registration .form__mat .center-sex div {
  width: 50%;
}
.final-registration .form__mat .center-sex label {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.final-registration .form__mat .justify-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 640px) {
  .final-registration .form__mat .justify-row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.final-registration .form__mat .justify-row-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 640px) {
  .final-registration .form__mat .justify-row-reverse {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.final-registration .form__mat .justify-row-splitable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 640px) {
  .final-registration .form__mat .justify-row-splitable {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.final-registration .form__mat .justify-row-splitable-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media only screen and (min-width: 640px) {
  .final-registration .form__mat .justify-row-splitable-reverse {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (min-width: 640px) {
  .final-registration .form__mat .width {
    width: 49%;
  }
}
.final-registration .form__mat label.final-registration__checkbox-content {
  top: 0;
}
.final-registration .form__mat .relative {
  position: relative;
}
.final-registration .form__mat .field.error label {
  color: #FD5252;
}
.final-registration .form__mat .react-tel-input label {
  top: 17px;
}
.final-registration .form__mat .react-tel-input input[type=tel] {
  padding: 20px 0 5px;
}
.final-registration .form__mat label {
  font-size: 1.2rem;
  color: #6B757D;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  top: 25px;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.final-registration .form__mat label.label-checkbox {
  display: block;
  margin-left: 2.3rem;
  padding: 0.6rem;
  font-size: 1.5rem;
  color: #6B757D;
  line-height: 20px;
  position: unset;
  text-transform: unset;
}
.final-registration .form__mat input[type=text], .final-registration .form__mat input[type=email], .final-registration .form__mat input[type=tel], .final-registration .form__mat input[type=number] {
  width: 100%;
  padding: 20px 0 10px;
  border-width: 0 0 2px;
  border-style: solid;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Titillium Web Regular";
}
.final-registration .form__mat input[type=text]:focus, .final-registration .form__mat input[type=email]:focus, .final-registration .form__mat input[type=tel]:focus, .final-registration .form__mat input[type=number]:focus {
  outline: none;
}
.final-registration .form__mat input[type=text]:valid, .final-registration .form__mat input[type=text]:not(.place-holder-shown), .final-registration .form__mat input[type=email]:valid, .final-registration .form__mat input[type=email]:not(.place-holder-shown), .final-registration .form__mat input[type=tel]:valid, .final-registration .form__mat input[type=tel]:not(.place-holder-shown), .final-registration .form__mat input[type=number]:valid, .final-registration .form__mat input[type=number]:not(.place-holder-shown) {
  outline: 0;
}
.final-registration .form__mat input[type=text]:valid + label, .final-registration .form__mat input[type=text]:not(.place-holder-shown) + label, .final-registration .form__mat input[type=email]:valid + label, .final-registration .form__mat input[type=email]:not(.place-holder-shown) + label, .final-registration .form__mat input[type=tel]:valid + label, .final-registration .form__mat input[type=tel]:not(.place-holder-shown) + label, .final-registration .form__mat input[type=number]:valid + label, .final-registration .form__mat input[type=number]:not(.place-holder-shown) + label {
  -webkit-transform: translateY(-55%) scale(0.67);
          transform: translateY(-55%) scale(0.67);
}
.final-registration .form__mat input[type=text]:invalid, .final-registration .form__mat input[type=email]:invalid, .final-registration .form__mat input[type=tel]:invalid, .final-registration .form__mat input[type=number]:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@-webkit-keyframes chat__bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  50% {
    opacity: 0.9;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(0.89);
            transform: scale(0.89);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes chat__bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  50% {
    opacity: 0.9;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(0.89);
            transform: scale(0.89);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.chat {
  position: fixed;
  right: 0.2rem;
  left: auto;
  bottom: 0rem;
  width: 8rem;
  height: 16rem;
  z-index: 104;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat {
    height: 18rem;
    right: 3rem;
    left: auto;
    bottom: 0rem;
  }
}
.chat__cta {
  display: none;
  z-index: 2;
  position: absolute;
  bottom: 11.4rem;
  right: -1rem;
  background: white;
  width: 28.7rem;
  height: 12.9rem;
  padding-left: 2rem;
  padding-right: 10rem;
  border-top: #FD5252 3px solid;
  -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #354B5C;
}
.chat__cta.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: chat__bounce 0.4s ease;
          animation: chat__bounce 0.4s ease;
}
.chat__cta-intro {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.chat__cta-question {
  font-size: 1.7rem;
  line-height: 1.9rem;
  font-weight: bold;
  margin-top: 1rem;
}
.chat__cta:after {
  content: "";
  position: absolute;
  right: 1.8rem;
  bottom: 0;
  height: 9.3rem;
  width: 7.2rem;
  background: url("/public/images/emma.png");
  background-size: contain;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.chat__cta-close {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 1rem;
  top: 1.3rem;
}
.chat__cta-close:hover {
  opacity: 0.7;
}
.chat__cta-close:before, .chat__cta-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.2rem;
  width: 100%;
  background-color: #354B5C;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.chat__cta-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.chat__cta-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.chat__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 6rem;
  height: 6rem;
  background-color: #FD5252;
  border-radius: 999rem;
  -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 640px) {
  .chat__link {
    width: 8rem;
    height: 8rem;
  }
}
.chat__link:before {
  content: "";
  position: absolute;
  background-image: url("/public/images/icon-tooltip.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 3rem;
  width: 3.5rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (min-width: 640px) {
  .chat__link:before {
    height: 4rem;
    width: 4.5rem;
  }
}
.chat.open .chat__link:before {
  background-image: url("/public/images/icon-reduce-white.svg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 3rem;
  width: 3rem;
}
@media only screen and (min-width: 640px) {
  .chat.open .chat__link:before {
    height: 4.5rem;
    width: 4.5rem;
  }
}
.chat.close .chat__popin {
  display: none;
}
.chat.open .chat__popin {
  display: block;
}
.chat__popin {
  position: fixed;
  bottom: 0;
  left: 0;
  top: 0;
  background-color: white;
  padding-top: 1.5rem;
  height: 100%;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__popin {
    position: absolute;
    bottom: 0;
    height: auto;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
    top: auto;
    left: auto;
    right: 10rem;
    padding-top: 0;
    background: none;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    width: 48rem;
  }
}
.chat__popin .chat__content {
  background: -webkit-gradient(linear, left top, left bottom, from(#354B5C), color-stop(7rem, #354B5C), color-stop(7rem, white), to(white));
  background: linear-gradient(to bottom, #354B5C 0%, #354B5C 7rem, white 7rem, white 100%);
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  padding: 2rem;
  height: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__popin .chat__content {
    height: auto;
    border-radius: 1rem;
  }
}
.chat__popin .chat__content.chat__enter-point {
  background: -webkit-gradient(linear, left top, left bottom, from(#354B5C), color-stop(18rem, #354B5C), color-stop(18rem, white), to(white));
  background: linear-gradient(to bottom, #354B5C 0%, #354B5C 18rem, white 18rem, white 100%);
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
@media only screen and (min-width: 640px) {
  .chat__popin .chat__content.chat__enter-point {
    background: -webkit-gradient(linear, left top, left bottom, from(#354B5C), color-stop(22rem, #354B5C), color-stop(22rem, white), to(white));
    background: linear-gradient(to bottom, #354B5C 0%, #354B5C 22rem, white 22rem, white 100%);
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__popin .chat__content.chat__enter-point {
    border-radius: 0;
  }
}
.chat__popin .chat__content.chat__assistance {
  padding: 2rem 0 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__popin .chat__content.chat__assistance {
    padding: 2rem 0 0.5rem;
  }
}
.chat__popin .chat__content.chat__help-chat {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.chat__popin .chat__content-header {
  height: 7rem;
  width: 100%;
  margin-top: -2rem;
}
.chat__popin .chat__content-header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 19px;
  font-weight: 600;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 5rem;
  padding-right: 8rem;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .chat__popin .chat__content-header-title {
    font-size: 2rem;
  }
}
.chat__popin .chat__content-back {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 2.3rem;
  height: 2.3rem;
  left: 2rem;
  top: 3.7rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__popin .chat__content-back {
    top: 2.2rem;
  }
}
.chat__popin .chat__content-back:hover {
  opacity: 0.7;
}
.chat__popin .chat__content-back:before, .chat__popin .chat__content-back:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.2rem;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.chat__popin .chat__content-back:before {
  -webkit-transform: rotate(45deg) scaleX(0.5) translateX(1rem);
          transform: rotate(45deg) scaleX(0.5) translateX(1rem);
}
.chat__popin .chat__content-back:after {
  -webkit-transform: rotate(-45deg) scaleX(0.5) translateX(1rem);
          transform: rotate(-45deg) scaleX(0.5) translateX(1rem);
}
.chat__popin .chat__content-close-button {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 2.3rem;
  height: 2.3rem;
  right: 2rem;
  top: 3.7rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__popin .chat__content-close-button {
    top: 2.2rem;
  }
}
.chat__popin .chat__content-close-button:hover {
  opacity: 0.7;
}
.chat__popin .chat__content-close-button:before, .chat__popin .chat__content-close-button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.2rem;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.chat__popin .chat__content-close-button:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.chat__popin .chat__content-close-button:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.chat__popin .chat__content-minus-button {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 1.6rem;
  height: 2.3rem;
  right: 6rem;
  top: 3.7rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__popin .chat__content-minus-button {
    top: 2.2rem;
  }
}
.chat__popin .chat__content-minus-button:hover {
  opacity: 0.7;
}
.chat__popin .chat__content-minus-button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.2rem;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.chat__popin .chat__content-intro {
  color: #e4e2dd;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 23rem;
}
@media only screen and (min-width: 640px) {
  .chat__popin .chat__content-intro {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
.chat__popin .chat__content-question {
  font-size: 2rem;
  font-weight: 600;
  line-height: 4rem;
}
@media only screen and (min-width: 640px) {
  .chat__popin .chat__content-question {
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 4rem;
  }
}
.chat__popin .chat__content-question:after {
  content: "";
  position: absolute;
  right: 0;
  top: 6.6rem;
  background-image: url("/public/images/emma.png");
  height: 12rem;
  width: 9rem;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  background-size: 100% 100%;
}
@media only screen and (min-width: 640px) {
  .chat__popin .chat__content-question:after {
    right: 3rem;
    height: 16rem;
    width: 12rem;
  }
}
.chat__popin .chat__content-list-actions {
  margin-top: 1rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
@media only screen and (min-width: 640px) {
  .chat__popin .chat__content-list-actions {
    margin-top: 4rem;
  }
}
.chat__popin .chat__content-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  border: 1px solid #f4f3f1;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  padding-left: 10rem;
  padding-right: 5.5rem;
  min-height: 13rem;
  color: black;
}
.chat__popin .chat__content-action:hover {
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}
.chat__popin .chat__content-action:not(:first-child) {
  margin-top: 1.2rem;
}
.chat__popin .chat__content-action:after {
  position: absolute;
  top: calc(50% - 1.1rem);
  right: 1.6rem;
  border-radius: 50%;
  content: " ";
  width: 2.2rem;
  height: 2.2rem;
  background-color: #354B5C;
  background-image: url("/public/images/slider-next.svg");
  background-size: 1.1rem 1.1rem;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 0.6rem;
}
@media only screen and (min-width: 640px) {
  .chat__popin .chat__content-action {
    min-height: 15rem;
  }
}
.chat__popin .chat__content-action-icon {
  display: block;
  position: absolute;
  top: calc(50% - 3rem);
  left: 2rem;
  width: 6rem;
  height: 6rem;
  background-size: 100% 100%;
}
.chat__popin .chat__content-action-icon.icon-phone {
  background-image: url("/public/images/icon-headset.svg");
}
.chat__popin .chat__content-action-icon.icon-question {
  background-image: url("/public/images/icon-question.svg");
}
.chat__popin .chat__content-action-icon.icon-faq {
  background-image: url("/public/images/icon-faq.svg");
}
.chat__popin .chat__content-action-icon.icon-support {
  background-image: url("/public/images/icon-support.svg");
}
.chat__popin .chat__content-action-title {
  display: block;
  color: #354B5C;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2rem;
}
@media only screen and (min-width: 640px) {
  .chat__popin .chat__content-action-title {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
.chat__popin .chat__content-action-sub-title {
  display: block;
  color: #6B757D;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 640px) {
  .chat__popin .chat__content-action-sub-title {
    margin-top: 1.4rem;
    font-size: 1.8rem;
  }
}
.chat__popin .chat__assistance-iframe-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: calc(100% - 5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__popin .chat__assistance-iframe-wrapper {
    height: 68rem;
    max-height: calc(100vh - 10.5rem);
  }
}
.chat__popin .chat__assistance-iframe {
  height: 100%;
  border: none;
  width: 100%;
}
.chat__popin .chat__help-chat-content {
  height: calc(100% - 13rem);
  padding: 2rem 4rem 2rem 8rem;
  overflow: auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__popin .chat__help-chat-content {
    height: 38rem;
  }
}
.chat__popin .chat__help-chat-conversation:not(:first-child) {
  margin-top: 2rem;
}
.chat__popin .chat__help-chat-conversation .chat__help-chat-bubble:not(:first-child) {
  margin-top: 0.5rem;
}
.chat__popin .chat__help-chat-conversation.emma-conversation {
  position: relative;
}
.chat__popin .chat__help-chat-conversation.emma-conversation:before {
  content: "";
  position: absolute;
  left: -5rem;
  bottom: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #f4f3f1;
  background-image: url("/public/images/emma.png");
  background-size: cover;
}
.chat__popin .chat__help-chat-conversation.emma-conversation .chat__help-chat-bubble {
  color: black;
  background-color: #f4f3f1;
  margin-bottom: 2.5rem;
}
.chat__popin .chat__help-chat-conversation.user-conversation .chat__help-chat-bubble {
  margin-left: auto;
  color: white;
  background-color: #354B5C;
}
.chat__popin .chat__help-chat-bubble {
  border-radius: 1.5rem;
  padding: 2rem;
  font-size: 2rem;
  line-height: 2.6rem;
  width: 25rem;
}
.chat__popin .chat__help-chat-footer {
  height: 8rem;
  padding: 0.5rem;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.chat__popin .chat__help-chat-footer .chat__help-chat-input {
  border: none;
  height: 7rem;
  width: 100%;
  padding-right: 5rem;
}
.chat__popin .chat__help-chat-footer .chat__help-chat-button {
  display: block;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: calc(50% - 2rem);
  right: 1.2rem;
  cursor: pointer;
  background-image: url("/public/images/icon-send.svg");
}

.chat__help-chat-bubble-confirmation {
  border-top-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
  padding: 2rem;
  padding-bottom: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  width: 27.2rem;
  color: #E4E2DD;
  background-color: #354B5C;
  margin-top: 1.6rem;
  margin-left: -1rem;
}

.chat__help-chat-confirmation.user-confiramtion .chat__help-chat-bubble {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
  border-bottom-left-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  padding: 2rem;
  padding-top: 0rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  width: 27.2rem;
  color: white;
  background-color: #354B5C;
  margin-left: -1rem;
  margin-bottom: 2rem;
}
.chat__help-chat-confirmation.user-confiramtion::before {
  content: "";
  left: -5rem;
  width: 2rem;
  height: 2rem;
  background-image: none;
}

.chat__help-button {
  border: none;
  color: black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  width: 49.5%;
  height: 100%;
  background-color: white;
}

.chat__help-button-edit {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.chat__help-chat-button-send {
  display: block;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: calc(50% - 1.5rem);
  right: 1.9rem;
  cursor: pointer;
  background-image: url("/public/images/icon-send.svg");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .chat__help-chat-button-send {
    right: 12.6rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__help-chat-button-send {
    right: 5.6rem;
  }
}

.chat__help-chat-button-edit {
  display: block;
  right: auto;
  left: 13.2rem;
  cursor: pointer;
}
.chat__help-chat-button-edit:after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5rem);
  width: 3rem;
  height: 3rem;
  left: 13.5rem;
  background-image: url("/public/images/icon-edit.svg");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .chat__help-chat-button-edit:after {
    left: 23rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chat__help-chat-button-edit:after {
    left: 16rem;
  }
}

.modal__popin-handler {
  cursor: pointer;
}

.LoginProcessor-header {
  position: relative;
  background-image: url("/public/images/content-connexion-inscription.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 10rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .LoginProcessor-header {
    display: none;
  }
}
.LoginProcessor-panelsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .LoginProcessor-panelsContainer {
    max-height: 100vh;
    min-height: 45rem;
  }
}
.LoginProcessor-panelsContainer div.reveal-password {
  z-index: 2;
  position: absolute;
  width: 2.5rem;
  height: 2rem;
  top: 1.8em;
  right: 1.3rem;
  float: right;
  background-color: #fff;
}
.LoginProcessor-panelsContainer div.reveal-password:before {
  content: "";
  position: absolute;
  background-image: url("/public/images/reveal_password.jpg");
  background-size: 2.5rem 2.3rem;
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
  height: 2rem;
  opacity: 0.5;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .LoginProcessor-panelsContainer div.reveal-password {
    top: 1.5em;
  }
}
.LoginProcessor-panelsContainer div.reveal-password:hover:before {
  opacity: 1;
  cursor: pointer;
}
.LoginProcessor-mainPanel {
  width: 60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 1rem 0.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .LoginProcessor-mainPanel {
    padding: 1.5rem 2rem;
  }
}
.LoginProcessor-sidePanel {
  background-image: url("/public/images/content-connexion-inscription.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: none;
  max-height: 100vh;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .LoginProcessor-sidePanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30rem;
  }
}
.LoginProcessor-sidePanel .title {
  margin: 1rem;
  text-align: center;
  color: white;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 2.6rem;
}
.LoginProcessor-sidePanel .text {
  margin: 0.5rem;
  text-align: center;
  color: white;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.6rem;
}
.LoginProcessor-sidePanel .linkbutton {
  margin: 1rem;
  cursor: pointer;
  font-family: "Titillium Web SemiBold";
  text-decoration: none;
  text-transform: none;
  border: 1px solid #fff;
  border-radius: 9rem;
  line-height: 1.6rem;
  text-align: center;
  font-size: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 1.3rem;
  color: white;
  width: 17rem;
}
.LoginProcessor-sidePanel .linkbutton:hover {
  background-color: #fff;
  color: #354B5C;
}

.conteneur {
  position: fixed;
  background: #000000CC;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.conteneur.close {
  display: none;
}
.conteneur.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  border: 2px solid #000000CC;
  top: 0rem;
  left: 0rem;
  z-index: 12;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: initial;
    border-radius: 1rem;
    overflow: hidden;
    width: 60%;
    height: 55rem;
    border: 0px;
  }
  .modal.not-connected {
    color: white;
    text-align: center;
    padding: 0rem 10rem 0rem;
    width: auto;
    border-radius: 0rem;
    border-top: 1px solid black;
  }
}
.modal__content-connexion {
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__content-connexion {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
  }
  .modal__content-connexion.not-connected {
    width: 70%;
  }
}
.modal__content-inscription {
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__content-inscription {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.modal__header {
  background-image: url("/public/images/content-connexion-inscription.png");
  background-size: cover;
  background-repeat: no-repeat;
  font-family: "Titillium Web Bold";
  width: 100%;
  height: 20%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2.5rem;
}
.modal__header.not-connected {
  height: auto;
}
.modal__header-title {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 12.86%;
  color: white;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 2.6rem;
}
.modal__header-text {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__header {
    display: inline-block;
    font-family: "Titillium Web Bold";
    height: 100%;
    vertical-align: top;
    width: 33%;
  }
  .modal__header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .modal__header-text {
    padding: 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.modal__header-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__header-links {
    padding: 10% 26%;
    height: initial;
  }
}
.modal__header-button {
  cursor: pointer;
  font-family: "Titillium Web SemiBold";
  text-decoration: none;
  text-transform: none;
  border-radius: 9rem;
  border: 0;
  padding: 1rem 1rem 3.2rem;
  position: relative;
  line-height: 1.6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #e4e2dd;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  background-repeat: no-repeat;
  font-size: 2rem;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__header-button {
    border: 1px solid white;
    padding: 1.3rem;
    color: white;
    font-size: 1.5rem;
  }
}
.modal__header-button.selected {
  position: relative;
  color: white;
}
.modal__header-button.selected:after {
  position: absolute;
  content: "";
  height: 6rem;
  width: 6rem;
  left: calc(50% - 3rem);
  top: 4.3rem;
  border-radius: 50%;
  -webkit-transform: scaleX(1.5);
          transform: scaleX(1.5);
  background-color: white;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__header-button.toHide {
    display: none;
  }
}
.modal__header-close-button {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 2.3rem;
  height: 2.3rem;
  right: 2rem;
  top: 1.2rem;
  z-index: 1;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__header-close-button {
    display: none;
  }
}
.modal__header-close-button:before, .modal__header-close-button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.2rem;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.modal__header-close-button:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal__header-close-button:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal__box {
  padding: 3%;
}
.modal__box-message-title {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 6%;
  color: #354B5C;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 2.6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__box-message-title {
    padding-top: 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.modal__box-message-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 6%;
  color: #354B5C;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__box-message-text {
    padding-top: 3%;
  }
}
.modal__box-inputs {
  padding: 6%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__box-inputs {
    padding: 3%;
  }
}
.modal__box-buttons {
  padding: 6%;
  padding-top: 0%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal__box-buttons-precedent {
  background-color: #354B5C;
  width: 40%;
}
.modal__box-buttons-precedent:hover {
  background-color: #233A4B;
}
.modal__box-buttons-validate {
  margin-bottom: 1rem;
}
.modal__box-buttons-validate.not-connected {
  width: 60%;
}
.modal__box-buttons-validate:hover {
  background-color: #233A4B;
}
.modal__box-buttons-not-register {
  margin-bottom: 1rem;
}
.modal__box-buttons-forgotten {
  text-transform: none;
  text-decoration: none;
  color: black;
}
.modal__box-buttons-forgotten.not-connected {
  padding-right: 3rem;
}
.modal__box-buttons.not-connected {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.modal__login {
  background: white;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__login {
    display: inline-block;
    vertical-align: top;
  }
}
.modal__login-title {
  display: none;
  color: #354B5C;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 5rem;
  text-align: center;
  letter-spacing: 0.2rem;
  position: relative;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__login-title {
    display: block;
  }
}
.modal__login-title:after {
  content: "";
  width: 9rem;
  height: 0.2rem;
  position: absolute;
  background-color: #354B5C;
  top: 100%;
  left: calc(50% - 4.5rem);
}
.modal__login-form {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.modal__login-sso {
  text-align: center;
  padding-top: 2rem;
  width: 100%;
}
.modal__login-sso img {
  width: 33.7rem;
}
.modal__login-sso .separator {
  padding: 2rem 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #354B5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.modal__login-sso .separator:before, .modal__login-sso .separator:after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 2px dashed #354B5C;
  -webkit-transform: scaleX(0.8);
          transform: scaleX(0.8);
}

.login {
  width: 100%;
}
.login__forgotten-password {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
  color: #86939d;
  text-transform: none;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 300;
}
.login__action-group {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .login__action-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@supports (-ms-flow-from: thingy) {
  .login__action-group {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.login__action-group .button {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  min-height: 5rem;
  width: 100%;
  margin-bottom: 1.5rem;
  text-transform: none;
  text-transform: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .login__action-group .button {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    min-height: auto;
    width: 17rem;
  }
}
.login__action-group a {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .login__action-group a {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.login__input-group {
  position: relative;
}
.login__input-group .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.login label {
  z-index: 1;
  font-size: 1.6rem;
  color: #86939d;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  position: absolute;
  left: 2rem;
  top: 2rem;
  -webkit-transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.login select {
  color: #86939d;
  width: calc(100% - 2rem);
  height: 30px;
  margin-right: 4rem;
  margin-left: 1rem;
  border-radius: 4px;
}
@-webkit-keyframes autofillmail {
  to {
    color: #666;
    background-size: 3.5rem 2.3rem;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url("/public/images/icon-login-mail.svg");
  }
}
.login input.input-email:-webkit-autofill {
  -webkit-animation-name: autofillmail;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes autofillpasswd {
  to {
    color: #666;
    background-size: 3.5rem 2.3rem;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url("/public/images/icon-login-password.svg");
  }
}
.login input.input-password:-webkit-autofill {
  -webkit-animation-name: autofillpasswd;
  -webkit-animation-fill-mode: both;
}
.login.has-error input {
  border-bottom: 0.1rem solid #FD5252;
}
.login__error {
  position: relative;
  margin: 1rem;
  background-color: #FD5252;
  color: white;
  padding: 1.5rem 1.5rem 1.5rem 4.5rem;
  font-size: 1.4rem;
}
.login__error:before {
  content: "";
  position: absolute;
  left: 1.2rem;
  top: calc(50% - 1rem);
  width: 2rem;
  height: 2rem;
  background: url("/public/images/icon-alert.svg") no-repeat;
}
.login__error a {
  color: white;
}
.login .delegator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
}
.login .field {
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .login .field {
    margin-bottom: 1rem;
  }
}
.login .field.input-half {
  width: calc(100%);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .login .field.input-half {
    width: calc(50%);
  }
}
.login .field .error-message-for-field {
  color: #FD5252;
  position: absolute;
  top: calc(100% - 0.4rem);
  left: 1rem;
  font-size: 1.2rem;
}
.login .field.error {
  margin-bottom: 2.7rem;
}
.login .field.error input {
  border-bottom: 0.1rem solid #FD5252;
}
.login .gestionnaire {
  top: 0rem;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.login input {
  font-size: initial;
  z-index: 2;
  border: none;
  border-bottom: 0.1rem solid #CCCCCC;
  margin-top: 1rem;
  margin-left: 1rem;
  border-radius: unset;
  padding: 0.5rem;
  background: none;
  font-family: "Titillium Web Regular";
  min-width: 0;
  width: calc(100% - 2rem);
}
.login input.input-user, .login input.input-email, .login input.input-password {
  padding-left: 5rem;
  background-size: 3.5rem 2.3rem;
  background-repeat: no-repeat;
  background-position: left center;
}
.login input.input-user + label, .login input.input-email + label, .login input.input-password + label {
  left: 6rem;
}
.login input.input-user {
  background-image: url("/public/images/icon-login-user.svg");
}
.login input.input-email {
  background-image: url("/public/images/icon-login-mail.svg");
}
.login input.input-password {
  background-image: url("/public/images/icon-login-password.svg");
}
.login input:focus {
  outline: none;
}
.login input:focus ~ .infobulle {
  display: inline-block;
}
.login input:valid {
  outline: 0;
}
.login input:valid + label, .login input:not(.place-holder-shown) + label {
  left: 1rem;
  -webkit-transform: translateY(-100%) scale(0.8);
          transform: translateY(-100%) scale(0.8);
}
.login input:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.login input[type=password], .login input[type=text], .login input[type=tel], .login input[type=email] {
  font-size: initial;
}
.login input[type=password].input-user, .login input[type=password].input-email, .login input[type=password].input-phone, .login input[type=password].input-password, .login input[type=text].input-user, .login input[type=text].input-email, .login input[type=text].input-phone, .login input[type=text].input-password, .login input[type=tel].input-user, .login input[type=tel].input-email, .login input[type=tel].input-phone, .login input[type=tel].input-password, .login input[type=email].input-user, .login input[type=email].input-email, .login input[type=email].input-phone, .login input[type=email].input-password {
  padding-left: 4.2rem;
  background-size: 3.5rem 2.3rem;
  background-repeat: no-repeat;
  background-position: left center;
}
.login input[type=password].input-user + label, .login input[type=password].input-email + label, .login input[type=password].input-phone + label, .login input[type=password].input-password + label, .login input[type=text].input-user + label, .login input[type=text].input-email + label, .login input[type=text].input-phone + label, .login input[type=text].input-password + label, .login input[type=tel].input-user + label, .login input[type=tel].input-email + label, .login input[type=tel].input-phone + label, .login input[type=tel].input-password + label, .login input[type=email].input-user + label, .login input[type=email].input-email + label, .login input[type=email].input-phone + label, .login input[type=email].input-password + label {
  left: 5rem;
}
.login input[type=password].input-user, .login input[type=text].input-user, .login input[type=tel].input-user, .login input[type=email].input-user {
  background-image: url("/public/images/icon-login-user.svg");
}
.login input[type=password].input-phone, .login input[type=text].input-phone, .login input[type=tel].input-phone, .login input[type=email].input-phone {
  background-image: url("/public/images/icon-smartphone-light.svg");
}
.login input[type=password].input-email, .login input[type=text].input-email, .login input[type=tel].input-email, .login input[type=email].input-email {
  background-image: url("/public/images/icon-login-mail.svg");
}
.login input[type=password].input-password, .login input[type=text].input-password, .login input[type=tel].input-password, .login input[type=email].input-password {
  background-image: url("/public/images/icon-login-password.svg");
}
.login input[type=password] .top-label, .login input[type=text] .top-label, .login input[type=tel] .top-label, .login input[type=email] .top-label {
  left: 1rem;
  -webkit-transform: translateY(-100%) scale(0.8);
          transform: translateY(-100%) scale(0.8);
}
.login input[type=password]:focus, .login input[type=text]:focus, .login input[type=tel]:focus, .login input[type=email]:focus {
  outline: none;
}
.login input[type=password]:focus ~ .infobulle, .login input[type=text]:focus ~ .infobulle, .login input[type=tel]:focus ~ .infobulle, .login input[type=email]:focus ~ .infobulle {
  display: inline-block;
}
.login input[type=password]:focus + label, .login input[type=text]:focus + label, .login input[type=tel]:focus + label, .login input[type=email]:focus + label {
  z-index: 2;
  left: 1rem;
  -webkit-transform: translateY(-100%) scale(0.8);
          transform: translateY(-100%) scale(0.8);
}
.login input[type=password]:valid, .login input[type=text]:valid, .login input[type=tel]:valid, .login input[type=email]:valid {
  outline: 0;
}
.login input[type=password]:valid + label, .login input[type=password]:not(.place-holder-shown) + label, .login input[type=text]:valid + label, .login input[type=text]:not(.place-holder-shown) + label, .login input[type=tel]:valid + label, .login input[type=tel]:not(.place-holder-shown) + label, .login input[type=email]:valid + label, .login input[type=email]:not(.place-holder-shown) + label {
  z-index: 2;
  left: 1rem;
  -webkit-transform: translateY(-100%) scale(0.8);
          transform: translateY(-100%) scale(0.8);
}
.login input[type=password]:invalid, .login input[type=text]:invalid, .login input[type=tel]:invalid, .login input[type=email]:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.LoginProcessor-mainPanel.login-panel {
  width: 55rem;
  overflow-y: auto;
  max-height: 100vh;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .LoginProcessor-mainPanel.login-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.infobulle {
  font-size: 1.2rem;
  color: #535050;
  padding-left: 1rem;
  display: inline-block;
  line-height: 1.5rem;
  margin-top: 0.5rem;
}

.card-tips {
  display: block;
  width: 100%;
}
.card-tips img {
  width: 100%;
}

.card-tips-more {
  display: inline-block;
  cursor: pointer;
  width: 1.2rem;
  height: 1.2rem;
  background: url("/public/images/icon-chevron-right.svg") no-repeat center;
  margin-left: 0.7rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.card-tips-more.card-tips-less {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.ForgottenPasswordProcessor-panelsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .ForgottenPasswordProcessor-panelsContainer {
    max-height: 100vh;
  }
}
.ForgottenPasswordProcessor-mainPanel {
  width: 60rem;
  min-height: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 2rem;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .ForgottenPasswordProcessor-mainPanel {
    padding: 2rem;
  }
}

.modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  border: 2px solid #000000CC;
  top: 0rem;
  left: 0rem;
  z-index: 12;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: initial;
    border-radius: 1rem;
    overflow: hidden;
    width: 60%;
    height: 55rem;
    border: 0px;
  }
}
.modal__forgotten-password {
  background: white;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__forgotten-password {
    display: inline-block;
    vertical-align: top;
  }
}
.modal__forgotten-password-title {
  color: #354B5C;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 5rem;
  text-align: center;
  letter-spacing: 0.2rem;
  position: relative;
  margin-bottom: 4.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__forgotten-password-title {
    display: block;
  }
}
.modal__forgotten-password-title:after {
  content: "";
  width: 9rem;
  height: 0.2rem;
  position: absolute;
  background-color: #354B5C;
  top: 100%;
  left: calc(50% - 4.5rem);
}
.modal__forgotten-password-text {
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
  color: #354B5C;
  position: relative;
  display: block;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__forgotten-password-text {
    font-size: medium;
    line-height: normal;
    padding: 0;
  }
}
.modal__forgotten-password-text:after {
  content: "";
  width: 9rem;
  height: 0.2rem;
  position: absolute;
  background-color: #354B5C;
  top: calc(100% + 2rem);
  left: calc(50% - 4.5rem);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .modal__forgotten-password-text:after {
    display: none;
  }
}

.forgotten-password {
  width: 100%;
  font-size: 1.8rem;
  /*margin-top: 4rem;*/
}
.forgotten-password__forgotten-password {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #86939d;
  text-transform: none;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 300;
}
.forgotten-password__action-group {
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.forgotten-password__action-group.security {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .forgotten-password__action-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@supports (-ms-flow-from: thingy) {
  .forgotten-password__action-group {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.forgotten-password__action-group .button {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  min-height: 5rem;
  width: 100%;
  margin-bottom: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .forgotten-password__action-group .button {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    min-height: auto;
    width: 17rem;
    margin-bottom: 0;
  }
}
.forgotten-password__action-group a {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .forgotten-password__action-group a {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.forgotten-password__action-group .reveal-password {
  background-image: url("/public/images/reveal_password.jpg");
  background-size: 2.5rem 2.3rem;
  background-repeat: no-repeat;
  background-position: right center;
  width: 4.5rem;
  height: 2rem;
  z-index: 2;
  opacity: 0.5;
  margin-left: -4rem;
  margin-top: -1rem;
}
.forgotten-password__action-group .reveal-password:hover {
  opacity: 1;
  cursor: pointer;
}
.forgotten-password__input-group {
  position: relative;
}
.forgotten-password__input-group .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.forgotten-password label {
  z-index: 1;
  font-size: 1.6rem;
  color: #86939d;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  position: absolute;
  left: 2rem;
  top: 2rem;
  -webkit-transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes autofillmail {
  to {
    color: #666;
    background-size: 3.5rem 2.3rem;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url("/public/images/icon-login-mail.svg");
  }
}
.forgotten-password input.input-email:-webkit-autofill {
  -webkit-animation-name: autofillmail;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes autofillpasswd {
  to {
    color: #666;
    background-size: 3.5rem 2.3rem;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url("/public/images/icon-login-password.svg");
  }
}
.forgotten-password input.input-password:-webkit-autofill {
  -webkit-animation-name: autofillpasswd;
  -webkit-animation-fill-mode: both;
}
.forgotten-password.has-error input {
  border-bottom: 0.1rem solid #FD5252;
}
.forgotten-password__error {
  position: relative;
  margin: 1rem;
  background-color: #FD5252;
  color: white;
  padding: 1.5rem 1.5rem 1.5rem 4.5rem;
  font-size: 1.4rem;
}
.forgotten-password__error:before {
  content: "";
  position: absolute;
  left: 1.2rem;
  top: calc(50% - 1rem);
  width: 2rem;
  height: 2rem;
  background: url("/public/images/icon-alert.svg") no-repeat;
}
.forgotten-password__error a {
  color: white;
}
.forgotten-password .field {
  position: relative;
}
.forgotten-password .field.input-half {
  width: calc(100%);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .forgotten-password .field.input-half {
    width: calc(50%);
  }
}
.forgotten-password input {
  z-index: 2;
  border: none;
  border-bottom: 0.1rem solid #CCCCCC;
  margin: 1rem;
  border-radius: unset;
  padding: 0.5rem;
  background: none;
  font-family: "Titillium Web Regular";
  min-width: 0;
  width: calc(100% - 2rem);
}
.forgotten-password input.input-user, .forgotten-password input.input-email, .forgotten-password input.input-password {
  padding-left: 5rem;
  background-size: 3.5rem 2.3rem;
  background-repeat: no-repeat;
  background-position: left center;
}
.forgotten-password input.input-user + label, .forgotten-password input.input-email + label, .forgotten-password input.input-password + label {
  left: 6rem;
}
.forgotten-password input.input-user {
  background-image: url("/public/images/icon-login-user.svg");
}
.forgotten-password input.input-email {
  background-image: url("/public/images/icon-login-mail.svg");
}
.forgotten-password input.input-password {
  background-image: url("/public/images/icon-login-password.svg");
}
.forgotten-password input:focus {
  outline: none;
}
.forgotten-password input:focus ~ .infobulle {
  display: inline-block;
}
.forgotten-password input:valid {
  outline: 0;
}
.forgotten-password input:valid + label, .forgotten-password input:not(.place-holder-shown) + label {
  left: 1rem;
  -webkit-transform: translateY(-100%) scale(0.8);
          transform: translateY(-100%) scale(0.8);
}
.forgotten-password input:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ForgottenPasswordProcessor-mainPanel.forgotten-password-panel {
  width: 55rem;
  overflow: auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .ForgottenPasswordProcessor-mainPanel.forgotten-password-panel {
    display: block;
  }
}

.form-control.text-input.forgotten-password {
  width: calc(100% - 2rem);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .form-control.text-input.forgotten-password {
    width: calc(100% + 22rem);
  }
}

.family-content-container {
  position: fixed;
  height: 100%;
  overflow: scroll;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .family-content-container {
    position: initial;
    overflow: hidden;
  }
}

.family-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.family-content:before {
  position: absolute;
  content: "";
  background-image: url("/public/images/brush.svg");
  top: -5rem;
  left: -8rem;
  height: 14.5rem;
  width: 20rem;
  background-size: cover;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .family-content:before {
    top: -10rem;
    left: -10rem;
    height: 29rem;
    width: 40rem;
  }
}
.family-content .user-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 15rem;
  width: 15rem;
  cursor: pointer;
  border-top: 3px solid;
  border-color: #FD5252;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 2rem;
  margin-bottom: 9rem;
  -webkit-box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.2);
}
.family-content .user-card .title {
  position: absolute;
  top: calc(100% + 2rem);
  font-size: 2.2rem;
  line-height: 3.2rem;
  color: #354B5C;
}
.family-content .user-card.warning {
  cursor: default;
}
.family-content .user-card.warning .warning-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  text-align: center;
  width: 120px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Titillium Web Italic";
  font-style: italic;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .family-content .user-card.warning .warning-message {
    display: none;
    width: 150px;
  }
}
.family-content .user-card.warning .warning-message img {
  width: 2rem;
  height: 2rem;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.family-content .user-card.warning img.img-warning {
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
  opacity: 0.05;
}
.family-content .user-card.warning .title-warning {
  opacity: 0.05;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .family-content .user-card.warning img.img-warning {
    opacity: 1;
  }
  .family-content .user-card.warning .title-warning {
    opacity: 1;
  }
  .family-content .user-card.warning:hover {
    margin-top: 2rem;
    border-color: #FD5252;
    margin-bottom: 0rem;
  }
  .family-content .user-card.warning:hover img.img-warning {
    -webkit-transition-duration: 0ms;
            transition-duration: 0ms;
    opacity: 0.05;
  }
  .family-content .user-card.warning:hover .title-warning {
    opacity: 0.05;
  }
  .family-content .user-card.warning:hover .warning-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.family-content .user-card img {
  width: 10rem;
  height: 10rem;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.family-content .user-card:hover {
  margin-top: 1rem;
  border-color: #49c0d5;
  margin-bottom: 2rem;
}
.family-content .girl_speaking {
  position: relative;
  width: 9rem;
  height: 9rem;
  left: 1.5rem;
  top: -1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .family-content .girl_speaking {
    width: 20rem;
    height: 20rem;
    margin-left: 7rem;
    left: 0rem;
    top: 0rem;
  }
}
.family-content .girl_speaking img {
  height: 100%;
}
.family-content .family-link {
  text-decoration: none;
  color: black;
}

.family-modal__content-family {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background: white;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .family-modal__content-family {
    border-radius: 1rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.family-modal__header {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2.5rem;
  margin-bottom: 5rem;
}
.family-modal__header-links {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 640px) {
  .family-modal__header-links {
    height: 100%;
  }
}
@supports (-ms-flow-from: thingy) {
  .family-modal__header-links {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.family-modal__header-links.with-slider {
  padding-left: 5.6rem;
  padding-right: 5.6rem;
}
.family-modal__header-title {
  color: #354B5C;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 5rem;
  text-align: center;
  letter-spacing: 0.2rem;
  position: relative;
  margin-bottom: 2.5rem;
  right: 3rem;
}
.family-modal__header-title:after {
  content: "";
  width: 9rem;
  height: 0.2rem;
  position: absolute;
  background-color: #354B5C;
  top: 100%;
  left: calc(50% - 4.5rem);
}
.family-modal__header-text {
  position: absolute;
  text-align: center;
  top: 100%;
  left: -5rem;
  width: calc(100% + 2.5rem);
}
@media only screen and (min-width: 640px) {
  .family-modal__header-text {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
  }
}
.family-modal__header img.logo {
  position: relative;
  height: 1.5rem;
  left: 0.4rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .family-modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    vertical-align: top;
    width: 100%;
  }
  .family-modal__header-text {
    padding: 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30rem;
    color: #354B5C;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .family-modal__header img.logo {
    position: relative;
    height: 1.5rem;
    padding-right: 1rem;
  }
  .family-modal__header-links {
    -ms-flex-wrap: none;
        flex-wrap: none;
    overflow: hidden;
    overflow-x: hidden;
  }
}
.family-modal__box {
  padding: 3%;
  padding-top: 5rem;
}
.family-modal__box-message {
  position: relative;
  text-align: justify;
  padding: 3%;
  margin-top: 1rem;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.family-modal__box-message.hidden {
  display: none;
}
.family-modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: #354B5C;
  text-align: center;
}
.family-modal__footer-text {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: white;
  font-style: italic;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .family-modal__footer {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .family-modal__footer-img img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25px;
    height: 25px;
    margin-right: 1rem;
  }
}

.input-range__slider {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #86939D;
  border: 1px solid #86939D;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 2rem;
  margin-left: -1rem;
  margin-top: -1.4rem;
  outline: none;
  position: absolute;
  top: 50%;
  -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  width: 2rem;
}
.input-range__slider:active {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.input-range__slider:focus {
  -webkit-box-shadow: 0 0 0 5px rgba(134, 147, 157, 0.2);
          box-shadow: 0 0 0 5px rgba(134, 147, 157, 0.2);
}
.input-range--disabled .input-range__slider {
  background: #cccccc;
  border: 1px solid #cccccc;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: none;
          transform: none;
}

.input-range__slider-container {
  -webkit-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}

.input-range__label {
  color: #404F5A;
  font-size: 1.6rem;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap;
}

.input-range__label--min,
.input-range__label--max {
  bottom: -1.8rem;
  position: absolute;
}

.input-range__label--min {
  left: 0;
}

.input-range__label--max {
  right: 0;
}

.input-range__label--value {
  position: absolute;
  top: -4.6rem;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.input-range__track {
  background: #eeeeee;
  border-radius: 0.8rem;
  cursor: pointer;
  display: block;
  height: 0.8rem;
  position: relative;
  -webkit-transition: left 0.3s ease-out, width 0.3s ease-out;
  transition: left 0.3s ease-out, width 0.3s ease-out;
}
.input-range--disabled .input-range__track {
  background: #eeeeee;
}

.input-range__track--background {
  left: 0;
  margin-top: -0.4rem;
  position: absolute;
  right: 0;
  top: 50%;
}

.input-range__track--active {
  background: #86939D;
}

.input-range {
  height: 2rem;
  position: relative;
  width: 100%;
}

/* Style the tab */
/* Style the buttons inside the tab */
/* Change background color of buttons on hover */
/* Create an active/current tablink class */
/* Style the tab content */
/* Style the close button */
.tab {
  overflow: hidden;
  border: 1px solid #86939D;
  background-color: #FFFFFF;
  height: 5.8rem;
  width: 100%;
}
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #354B5C;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 50%;
  height: 100%;
}
.tab button:first-child {
  border-right: 1px solid #86939D;
}
.tab button:hover {
  background-color: #ddd;
}
.tab button.active {
  background-color: #F4F3F1;
}

fieldset {
  border: 1px solid #86939D;
  border-top: none;
  margin: 0;
}

.tabcontent {
  background-color: #FFFFFF;
  display: none;
  width: 100%;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .tabcontent {
    margin-bottom: 15rem;
  }
}

.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}
.topright:hover {
  color: red;
}

.input_my-space {
  position: absolute;
  top: 0;
  border-bottom: 1px solid #CCC;
}
.input_my-space:disabled {
  border-bottom: none;
}

.input_my-space_none {
  border: none !important;
}

.label_my-space {
  position: relative;
  display: block;
  color: #404F5A;
  font-size: 1.9rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .label_my-space {
    text-align: left;
    width: 16rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 240px;
            flex: 0 0 240px;
  }
}

.label-align-right {
  width: 5%;
  text-align: right;
}

.security-center-title {
  text-transform: none;
  margin-bottom: 15px;
  margin-left: 2rem;
  color: #404F5A;
}

.headline-decoration {
  position: relative;
  margin-bottom: 6rem;
  text-align: center;
  font-weight: 600;
  font-size: 33px;
  text-transform: none;
  line-height: 130%;
  color: #354B5C;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .headline-decoration {
    line-height: 0em;
  }
}

.headline-decoration::after {
  width: 9.5rem;
  height: 0.3rem;
  background-color: #354B5C;
}

.myspace__security {
  background-color: #fff;
}
@media only screen and (min-width: 640px) {
  .myspace__security {
    margin: 2rem;
  }
  .myspace__security.information {
    width: 70%;
    margin: 0 auto;
  }
}
.myspace__security.button {
  height: 10rem;
  padding-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #354B5C;
  font-size: 1.8rem;
  font-style: italic;
}

.myspace__security-subtitle {
  color: #404F5A;
  margin-bottom: 5px;
  font-family: "Titillium Web Regular";
  font-size: 2rem;
  margin-left: 2rem;
}

.myspace__security-subtitle-send-SMS {
  margin-left: unset;
}

.myspace__security-description {
  color: #6B757D;
  margin: 0 0 0 2rem;
}
@media only screen and (min-width: 640px) {
  .myspace__security-description {
    font-size: 1.8rem;
  }
}

.myspace__security-choice-notification {
  height: 12px;
  color: #404F5A;
  font-family: "Titillium Web SemiBold";
  font-size: 16px;
  line-height: 0;
  text-align: center;
}

.myspace__security-border {
  border: 0.1rem solid #86939D;
  padding: 0.5rem 0.5rem 2rem;
}
@media only screen and (min-width: 640px) {
  .myspace__security-border {
    padding: 0 0 2rem;
  }
}

.myspace__security-block-choice-notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 640px) {
  .myspace__security-inline-title-choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.myspace__security-space {
  margin-right: 2rem;
}

.otp-description {
  margin: 0;
}

.myspace__security-wrap {
  width: 100%;
  margin-top: 3rem;
}

.myspace__security.information .myspace__security-wrap {
  border-top: 2px solid #86939D;
  padding-top: 3rem;
}

.myspace__error__msg {
  color: #FD5252;
  font-size: 1.7rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .myspace__error__msg {
    margin-left: 6rem;
  }
}

@media only screen and (min-width: 640px) {
  .width__myspace {
    width: calc(100%);
  }
}

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

.myspace__form-group {
  color: #404F5A;
  font-weight: 300;
  font-size: 19px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 2rem;
}
.myspace__form-group.security {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2rem;
}
.myspace__form-group.security input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .myspace__form-group.security {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .myspace__form-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.myspace__form-group .reveal-password {
  background-image: url("/public/images/reveal_password.jpg");
  background-size: 2.5rem 2.3rem;
  background-repeat: no-repeat;
  background-position: right center;
  width: 2.5rem;
  height: 2rem;
  z-index: 2;
  opacity: 0.5;
  margin-left: -3rem;
}
.myspace__form-group .reveal-password:hover {
  opacity: 1;
  cursor: pointer;
}

.myspace input:not([type=submit]) {
  border: none;
  border: 2px solid #d8d8d8;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px;
}

.myspace__form-group .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.myspace input {
  font-size: 18px;
  color: #337ab7;
}

.form-control.text-input {
  outline: none;
  padding-left: 0;
  padding-right: 0;
  min-width: auto;
  width: auto;
  opacity: 1;
  color: #6B757D;
  font-size: 1.9rem;
  position: relative;
  z-index: 1;
  display: block;
  background: transparent;
  text-align: left;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .form-control.text-input {
    margin-left: 5rem;
    padding: 3px 25px 3px 8px;
    margin-top: -0.6rem;
    width: calc(100% - -22rem);
    max-width: 50rem;
  }
}
.form-control.text-input.middle {
  text-align: center;
}
.form-control.text-input:disabled {
  font-weight: bold;
}

/** pour les inputs radio **/
.middle {
  width: 100%;
  text-align: left;
  line-height: 4.4rem;
}
.middle input[type=radio] {
  display: none;
}
.middle input[type=radio]:checked + .box {
  background-color: #404F5A;
}
.middle input[type=radio]:checked + .box span {
  color: white;
}
.middle input[type=radio]:checked + .box span:before {
  opacity: 1;
}
.middle .box {
  height: 50px;
  width: 110px;
  background-color: #fff;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  border: 1px solid #86939D;
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.middle .box .span_radio {
  left: 0;
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #404F5A;
}
.middle .box .span_radio:before {
  display: block;
  opacity: 0;
  font-weight: normal;
  color: white;
}
.middle p {
  color: #fff;
  font-weight: 400;
}
.middle p a {
  text-decoration: underline;
  font-weight: bold;
  color: #FFF;
}
.middle p .span_radio:after {
  color: yellow;
}

.form-control {
  color: #337ab7;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  min-height: 36px;
  background-color: #fff;
}

.form-control {
  display: block;
  font-size: 19px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/*
.center {
  justify-content: center;
}
*/
.myspace__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  margin: 30px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.myspace__center.buttons-space {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.myspace__label-bold {
  font-weight: bold;
  color: #6b757d;
  font-size: 1.9rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.myspace__back-button {
  width: 100%;
  display: inline-block;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .myspace__back-button {
    width: auto;
  }
}
.myspace__back-button:before {
  content: "";
  display: inline-block;
  width: 13.1px;
  height: 10px;
  background: url("/public/images/icon-return-white.svg");
  margin-right: 0.5rem;
}

.svg_informations,
.svg_parameteres {
  background-size: auto;
  cursor: pointer;
  display: inline;
  padding-left: 2rem;
}

.svg_informations {
  background: url("/public/images/icon-infos_perso.svg") no-repeat;
}

.svg_parameteres {
  background: url("/public/images/parametres_securite.svg") no-repeat;
}

.myspace__center .btn {
  margin-left: 5px;
  margin-right: 5px;
}

.btn:disabled {
  opacity: 0.3;
  pointer-events: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  -webkit-box-shadow: none;
          box-shadow: none;
}

button[disabled], html input[disabled] {
  cursor: default;
}

.myspace__button-margin {
  margin: 10px auto;
}

.btn--mini {
  font-weight: normal;
  font-size: 14px;
  padding: 10px 30px;
}

.btn-primary {
  color: #FD5252;
  border-color: #FD5252;
  background-color: transparent;
  border-radius: 50px;
  border-width: 2px;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 30px;
  min-width: 180px;
}

.btn-primary {
  color: #fff;
  background-color: #FD5252;
  border-color: #FD5252;
}

.btn-my_space {
  color: #fff;
  height: 47px;
  width: 174px;
}

.btn {
  display: inline-block;
  font-family: "Titillium Web SemiBold";
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.6rem;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.modification-password {
  color: black;
  text-align: center;
  font-weight: bold;
}

.wrong-password {
  color: #FD5252;
}

.myspace__withIndicator {
  position: relative;
  margin-top: -2rem;
  margin-left: 10rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .myspace__withIndicator {
    margin-top: 0rem;
    margin-left: 3rem;
  }
}

.indicator {
  position: relative;
  width: 3.5rem;
  height: 2.3rem;
  right: 0.5rem;
  top: calc(50% - 1.15rem);
  background-size: 2.4rem 1.6rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("/public/images/icon-info.svg");
  z-index: 9;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .indicator {
    width: 3.5rem;
    height: 2.3rem;
    right: 0.5rem;
    top: calc(50% - 1.15rem);
    background-size: 2.4rem 1.6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("/public/images/icon-info.svg");
    z-index: 9;
  }
}

.indicator-content::before {
  content: "";
  position: absolute;
  left: 13.3rem;
  bottom: -1rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 1rem 0 1rem;
  border-color: #cccccc transparent transparent transparent;
  z-index: 9;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .indicator-content::before {
    left: 9rem;
  }
}

/* Tooltip text */
.indicator-content {
  font-size: 1.3rem;
  position: absolute;
  bottom: 3.3rem;
  right: -1.4rem;
  width: 18rem;
  height: auto;
  background-color: #cccccc;
  border-radius: 0.3rem;
  padding: 1rem;
  z-index: 9;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s opacity 0.15s ease-in;
  transition: 0.5s opacity 0.15s ease-in;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .indicator-content {
    right: -5.6rem;
  }
}

/* Show the tooltip text when you mouse over the tooltip container */
.indicator:hover .indicator-content {
  opacity: 1;
  visibility: visible;
}

.withIndicator input {
  padding: 0.5rem 3rem 0.5rem 5rem;
}

.popin-container.authent {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popin.authent {
  border-radius: 1rem;
  width: 80%;
  height: auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .popin.authent {
    width: auto;
    height: auto;
  }
}

.authent__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Titillium Web Regular";
}
.authent__content-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.7rem;
  font-family: "Titillium Web SemiBold";
  text-transform: uppercase;
  margin-top: 5rem;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .authent__content-title {
    font-size: 2.3rem;
  }
}
.authent__content-title:after {
  content: "";
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.2rem;
  background-color: #404f5a;
  top: 8rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .authent__content-title:after {
    width: 8rem;
  }
}
.authent__content-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1rem;
  height: auto;
  width: auto;
  margin: 3rem 1.5rem 1rem;
  padding: 1rem;
  background-color: #F4F3F1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .authent__content-text {
    margin: 3rem;
    margin-bottom: -0.5rem;
    padding: 2rem;
    height: auto;
    width: 500px;
  }
}
.authent__content-label {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 200px;
  padding-right: 0.5rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .authent__content-label {
    margin-top: 0rem;
  }
}
.authent__content-close-button {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 2.3rem;
  height: 2.3rem;
  right: 2rem;
  top: 1.2rem;
  z-index: 1;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .authent__content-close-button {
    display: none;
  }
}
.authent__content-close-button:before, .authent__content-close-button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.2rem;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.authent__content-close-button:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.authent__content-close-button:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.authent__content-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: auto;
  margin: 1.5rem 1.5rem -2rem 1.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .authent__content-mobile {
    width: 500px;
  }
}
.authent__content-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .authent__content-left {
    width: 100%;
    padding-left: 0rem;
  }
}
.authent__content-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 11rem;
  padding-top: 3rem;
  padding-left: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .authent__content-right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 0rem;
    padding-top: 0rem;
  }
}
.authent__content-right.confirm-phone-right {
  width: 15rem;
}
.authent__content-button {
  border-radius: 3rem;
  background-color: #FD5252;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .authent__content-button {
    width: auto;
  }
}
.authent__content-button:hover {
  background-color: #EF4344;
}

.otp-countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-right: 0.5rem;
}

.otp-link-send {
  text-decoration: underline;
  color: black;
}
.otp-link-send:hover {
  cursor: pointer;
}

.justify-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.OTPCodeInputChange {
  width: 100%;
  margin: 0;
  padding: 1rem;
  min-width: 0%;
  text-align: center;
}

.OTPPhoneInputChange {
  font-style: italic;
  text-align: right;
  width: 14rem;
  min-width: 0;
  margin: 0;
  padding: 1rem;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.onoffswitch {
  position: relative;
  width: 65px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-top: 10%;
  margin-left: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onoffswitch {
    margin: 2.8rem;
  }
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 23px;
  padding: 0;
  line-height: 23px;
  border: 2px solid #999999;
  border-radius: 23px;
  background-color: #EEEEEE;
  -webkit-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}

.onoffswitch-label:before {
  content: "";
  display: block;
  width: 23px;
  margin: 0px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  border: 2px solid #999999;
  border-radius: 23px;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #34A7C1;
}

.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #34A7C1;
}

.onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0px;
}

.visibility-element {
  visibility: hidden;
  display: none !important;
}

.top-container .myspace_user_name {
  color: #354B5C;
  font-size: 2.6rem;
  margin-bottom: 1.5rem;
}
.top-container span {
  color: #354B5C;
  background-color: #F4F3F1;
  border-radius: 8px;
  padding: 8px 12px;
}
.top-container span.bold {
  font-family: "Titillium Web SemiBold";
}

.form-control.old_password {
  background: url("/public/images/icon-mdp_old.svg") no-repeat;
  padding-left: 5rem;
  font-size: 1.4rem;
  background-size: 2.5rem;
  background-position-y: 0.5rem;
  background-position-x: 1rem;
}
@media only screen and (min-width: 640px) {
  .form-control.old_password {
    font-size: unset;
    background-position-y: unset;
    background-position-x: unset;
  }
}

.form-control.new_password {
  background: url("/public/images/icon-mdp_new.svg") no-repeat;
  padding-left: 5rem;
  font-size: 1.4rem;
  background-size: 2.5rem;
  background-position-y: 0.5rem;
  background-position-x: 1rem;
}
@media only screen and (min-width: 640px) {
  .form-control.new_password {
    font-size: unset;
    background-position-y: unset;
    background-position-x: unset;
  }
}

.myspace__form-group_pers {
  border-bottom: 0.1rem solid;
  width: 48%;
}

.myspace-separator {
  border-top: 0.1rem solid #6B757D;
  margin: 4rem;
}

.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label::before {
  border-color: #354B5C;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #354B5C;
}

.input_password {
  border: none;
  margin-left: 1rem;
  border-bottom: 0.1rem solid;
}

.myspace__security-password {
  margin-top: 6%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .myspace__security-password {
    margin-left: 24%;
  }
}

.myspace__first-title {
  margin-bottom: 3rem;
}

.btn-myspace__security {
  color: #fff;
  background-color: #354B5C;
  height: 47px;
  width: 174px;
  border-radius: 9rem;
}
.btn-myspace__security:hover {
  color: white;
  background-color: #233A4B;
}

@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .myspace__security_authentication {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 2.1rem;
  }
}

.myspace__security_authentication_p {
  width: 90%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .myspace__security_authentication_p {
    margin-right: auto;
  }
}

.wrapper_message-information {
  margin-bottom: -1rem;
}
.wrapper_message-information .content_message-information div ul {
  margin-top: 1rem;
}
@media only screen and (max-width: 480px) {
  .wrapper_message-information .content_message-information div ul {
    padding-left: 1.5rem;
  }
}
.wrapper_message-information .content_message-information div ul li {
  margin-left: 0;
}
.wrapper_message-information .content_message-information div ul li ul {
  margin-left: -2.5rem;
}
@media only screen and (max-width: 480px) {
  .wrapper_message-information .content_message-information div ul li ul {
    margin-left: -1.5rem;
  }
}
.wrapper_message-information .content_message-information div ul li ul li {
  margin-top: -0.5rem;
}
.wrapper_message-information .content_message-information div li {
  margin-left: -2rem;
}

.wrapper_message-information {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #5B6E83;
  padding: 18px;
  gap: 18px;
  border-radius: 8px;
}
@media only screen and (max-width: 480px) {
  .wrapper_message-information {
    position: relative;
  }
}
.wrapper_message-information.mb-separate {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 640px) {
  .wrapper_message-information {
    width: 100%;
    margin: auto;
  }
}
.wrapper_message-information a {
  text-decoration: underline;
  margin-top: 10px;
  color: #FD5252;
}
.wrapper_message-information.information {
  background-color: #DCF0FF;
}
.wrapper_message-information.alert {
  background-color: #FDEBD0;
}
.wrapper_message-information.error {
  background-color: rgba(225, 50, 0, 0.2);
}
.wrapper_message-information.error.landing {
  background-color: #F9D6CC;
}
.wrapper_message-information.success {
  background-color: #00C37820;
}
.wrapper_message-information .content_picto {
  line-height: 0;
}
.wrapper_message-information .content_picto img {
  width: 20px;
  height: 20px;
  margin-top: 0;
}
.wrapper_message-information h2 {
  font-size: 17px;
  color: #283C50;
  margin: 0;
  line-height: inherit;
}
.wrapper_message-information p {
  margin: 0;
}
.wrapper_message-information ul {
  margin: 0;
  padding-left: 2.5rem;
}
.wrapper_message-information ul li {
  list-style-type: disc;
}
.wrapper_message-information button {
  margin-top: 1rem;
  color: #fff;
  background-color: #FD5252;
  border-radius: 0.5rem;
  padding: 10px 16px;
  border: none;
}
@media only screen and (max-width: 480px) {
  .wrapper_message-information button {
    position: absolute;
    left: 18px;
    width: calc(100% - 36px);
    margin: auto;
    bottom: 1rem;
  }
}
.wrapper_message-information button:hover {
  cursor: pointer;
}

.gourmet__header {
  margin-left: -2rem;
  margin-right: -2rem;
  max-width: 140rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .gourmet__header {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 3rem;
    width: calc(100% - 2rem);
  }
}
.gourmet__header-intro {
  z-index: 1;
  height: 16rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.2rem;
  line-height: 2.2rem;
  padding-left: 15%;
  padding-right: 15%;
  text-align: center;
  width: 100%;
  background-image: url("/public/images/pattern.png");
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
}
@media only screen and (min-width: 640px) {
  .gourmet__header-intro {
    position: absolute;
    height: 26rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding-top: 5rem;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 2.2rem;
    line-height: 3.8rem;
  }
}
.gourmet__header-title-head {
  font-size: 3.2rem;
}
.gourmet__header-authors {
  font-size: 2.2rem;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  .gourmet__header-authors {
    font-size: 2.6rem;
  }
}

.weekvideo-container {
  max-width: 1050px;
  padding-left: 2rem;
  padding-top: 3rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 640px) {
  .weekvideo-container {
    padding-top: 14rem;
    margin: 0 auto;
  }
}

.weekvideo {
  position: relative;
  z-index: 2;
  border-radius: 1rem;
  -webkit-box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.1);
}
.weekvideo .card__ribbon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.3rem;
  width: 13rem;
  position: absolute;
  left: -3.1rem;
  top: 1.8rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  line-height: 1rem;
  color: #fff;
  padding: 0 2rem;
  text-transform: uppercase;
  z-index: 1;
}
.weekvideo .card__ribbon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/public/images/icon-ribbon.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.weekvideo .card__ribbon .card__ribbon-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: bold;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0.1rem 0.1rem 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@supports (-ms-flow-from: thingy) {
  .weekvideo .card__ribbon .card__ribbon-text {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.weekvideo .video__player {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .weekvideo .video__player {
    height: 500px;
  }
}
.weekvideo .video__player .video__player-media {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: inherit;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.weekvideo .video__player > img {
  width: 100%;
}
.weekvideo__content {
  height: auto;
  padding: 2rem 2rem 2rem;
  margin-bottom: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.weekvideo__content:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  top: calc(100% + 8rem);
  left: 0;
  border-bottom: 3px dotted #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .weekvideo__content:after {
    display: none;
  }
}
@media only screen and (min-width: 640px) {
  .weekvideo__content {
    height: 18rem;
    padding: 4rem 4rem 8rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .weekvideo__content {
    margin-bottom: 0;
  }
}
.weekvideo__content-title {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #354B5C;
}
@media only screen and (min-width: 640px) {
  .weekvideo__content-title {
    margin-bottom: 0;
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .weekvideo__content-title {
    font-size: 2.6rem;
  }
}
.weekvideo__content-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.32rem;
}
@media only screen and (min-width: 640px) {
  .weekvideo__content-detail {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .weekvideo__content-detail {
    font-size: 1.8rem;
  }
}
.weekvideo__content-detail > div:not(:first-child) {
  margin-left: 1.7rem;
}
.weekvideo__content-detail .separator {
  margin: unset;
  display: none;
}
@media only screen and (min-width: 640px) {
  .weekvideo__content-detail .separator {
    display: block;
  }
}
.weekvideo__content-persons {
  display: none;
  position: relative;
  padding-left: 2.1rem;
}
@media only screen and (min-width: 640px) {
  .weekvideo__content-persons {
    display: block;
  }
}
.weekvideo__content-persons:before {
  top: calc(50% - 0.8rem);
  content: "";
  position: absolute;
  left: 0;
  height: 1.6rem;
  width: 1.6rem;
  background-image: url("/public/images/icon-gt-persons-blue.svg");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.weekvideo__content-time {
  display: none;
  position: relative;
  padding-left: 2.1rem;
}
@media only screen and (min-width: 640px) {
  .weekvideo__content-time {
    display: block;
  }
}
.weekvideo__content-time:before {
  top: calc(50% - 0.8rem);
  content: "";
  position: absolute;
  left: 0;
  height: 1.6rem;
  width: 1.6rem;
  background-image: url("/public/images/icon-gt-clock-blue.svg");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.weekvideo__content-difficult {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.weekvideo__content .difficult__spoons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.weekvideo__content .difficult__spoons .difficult__spoon {
  height: 3.1rem;
  width: 3.1rem;
  background-image: url("/public/images/icon-gt-spoon.svg");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.weekvideo__content .difficult__spoons.easy .difficult__spoon:not(:first-child) {
  background-image: url("/public/images/icon-gt-spoon_gray.svg");
}
.weekvideo__content .difficult__spoons.medium .difficult__spoon:last-child {
  background-image: url("/public/images/icon-gt-spoon_gray.svg");
}
.weekvideo__content .difficult__label {
  margin-left: 2rem;
  background-color: #49c0d5;
  color: white;
  font-size: 1.4rem;
  line-height: normal;
  padding: 0.4rem 1.1rem;
  border-radius: 0.5rem;
}
.weekvideo__content .difficult__label.medium {
  background-color: #F36F2E;
}
.weekvideo__content .difficult__label.difficult {
  background-color: #A7561B;
}
.weekvideo__content-buttons {
  position: absolute;
  top: calc(100% + 3rem);
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 640px) {
  .weekvideo__content-buttons {
    left: auto;
    top: auto;
    right: 3rem;
    bottom: 3rem;
    width: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.weekvideo__content-buttons .button {
  white-space: nowrap;
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 640px) {
  .weekvideo__content-buttons .button {
    width: 100%;
    padding: 1.3rem;
  }
}
.weekvideo__content-buttons .button.print {
  background-color: transparent;
  color: #354B5C;
  padding-right: 3rem;
}
.weekvideo__content-buttons .button.print:after {
  top: calc(50% - 1rem);
  content: "";
  position: absolute;
  right: 0.5rem;
  height: 2rem;
  width: 2rem;
  background-image: url("/public/images/icon-download.svg");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.gourmet__content {
  position: relative;
}
.gourmet__content > .wrapper:first-child {
  position: relative;
}
.gourmet__content > .wrapper:first-child:before {
  background-size: 100%;
  width: 1300px;
  height: 75px;
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% - 13rem);
  background-image: url("/public/images/tv_gt_line.png");
}
.gourmet__content.checked .wrapper.recipes .dish-type {
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
}
.gourmet__content.checked .wrapper.recipes .dish-type .recipe__container {
  -webkit-transform: translateX(800%);
          transform: translateX(800%);
}
.gourmet__content.checked .wrapper.recipes .seasons {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.gourmet__content.checked .wrapper.recipes .seasons .recipe__container {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.gourmet__content .wrapper.recipes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gourmet__content .wrapper.recipes .dish-type {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.gourmet__content .wrapper.recipes .dish-type .recipe__container {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.gourmet__content .wrapper.recipes .seasons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
}
.gourmet__content .wrapper.recipes .seasons .recipe__container {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateX(-800%);
          transform: translateX(-800%);
}
.gourmet__content .gourmet__content-switcher {
  height: 10rem;
  padding-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #354B5C;
  font-size: 1.8rem;
  font-style: italic;
}
.gourmet__content .gourmet__content-switcher .checkbox-switcher {
  cursor: pointer;
  position: relative;
  margin-left: 1rem;
  width: 10rem;
  height: 3rem;
  background-color: #354B5C;
  border-radius: 3rem;
}
.gourmet__content .gourmet__content-switcher .checkbox-switcher .checkbox-switcher-checkbox:checked + .checkbox-switcher-slider {
  -webkit-transform: translateX(7rem);
          transform: translateX(7rem);
}
.gourmet__content .gourmet__content-switcher .checkbox-switcher .checkbox-switcher-checkbox:checked + .checkbox-switcher-slider:after {
  content: "Saison";
  left: -210%;
  right: auto;
}
.gourmet__content .gourmet__content-switcher .checkbox-switcher .checkbox-switcher-slider {
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  position: absolute;
  left: 0.3rem;
  top: 0.3rem;
  background-color: white;
  height: 2.4rem;
  width: 2.4rem;
  border-radius: 50%;
}
.gourmet__content .gourmet__content-switcher .checkbox-switcher .checkbox-switcher-slider:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  letter-spacing: 0.2rem;
  font-family: Arial, Helvetica, sans-serif;
  content: "••";
  color: red;
}
.gourmet__content .gourmet__content-switcher .checkbox-switcher .checkbox-switcher-slider:after {
  position: absolute;
  right: -180%;
  content: "Plat";
  color: white;
  font-style: normal;
  font-weight: bold;
  font-size: 1.4rem;
}

.menustep {
  /* flip flap part */
}
.menustep-title {
  font-size: 3rem;
  font-weight: bold;
  color: #354B5C;
  line-height: 4rem;
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .menustep-title {
    font-size: 3.8rem;
  }
}
.menustep-title:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: #242B2D;
  opacity: 0.3;
}
.menustep-recipes {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-perspective: 800px;
          perspective: 800px;
  -webkit-perspective-origin: bottom;
          perspective-origin: bottom;
  margin-left: -1rem;
  margin-right: -1rem;
}
.menustep .recipe__container {
  width: calc(50% - 2rem);
  margin-bottom: 4rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .menustep .recipe__container {
    width: calc(25% - 2rem);
  }
}
.menustep__recipe {
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .menustep__recipe:hover .menustep__recipe__face__photo-hoveractions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.menustep__recipe__face {
  position: relative;
  width: 100%;
  border-radius: 0.5rem;
  -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.menustep__recipe__face .button-recipe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .menustep__recipe__face .button-recipe {
    display: none;
  }
}
.menustep__recipe__face__photo {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 57%;
}
.menustep__recipe__face__photo-image {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
}
.menustep__recipe__face__photo-hoveractions {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.64);
}
.menustep__recipe__face__photo-hoveractions .button {
  width: 13rem;
  height: 3.4rem;
}
.menustep__recipe__face__photo-hoveractions .revert-button {
  position: absolute;
  right: 1.6rem;
  top: 1.3rem;
  height: 1.6rem;
  width: 1.6rem;
  background: url("/public/images/icon-gt-flip.svg");
  background-size: 1.6rem 1.6rem;
  cursor: pointer;
}
.menustep__recipe__face__footer {
  z-index: 2;
  position: relative;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .menustep__recipe__face__footer {
    height: 10rem;
    padding: 3.2rem 2.3rem 2.3rem;
  }
}
.menustep__recipe__face__footer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menustep__recipe__face__footer-title {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #354B5C;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .menustep__recipe__face__footer-title {
    font-size: 1.6rem;
  }
}
.menustep__recipe__face__footer-difficulty {
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
  background-color: black;
  color: white;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.5rem;
}
.menustep__recipe__face__footer-difficulty.easy {
  background-color: #49C0D5;
}
.menustep__recipe__face__footer-difficulty.medium {
  background-color: #F36F2E;
}
.menustep__recipe__face__footer-difficulty.difficult {
  background-color: #A7561B;
}
.menustep__recipe__face__footer-ingredients {
  font-size: 1rem;
  color: #6B757D;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .menustep__recipe__face__footer-ingredients {
    font-size: 1.4rem;
  }
}
.menustep__recipe__revert {
  position: relative;
  border-radius: 0.5rem;
  -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
  padding-top: 57%;
  background-size: cover;
}
.menustep__recipe__revert__filler {
  height: 10rem;
}
.menustep__recipe__revert__content {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.64);
  border-radius: 0.5rem;
  padding: 1.4rem 2.3rem 2.9rem;
}
.menustep__recipe__revert-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% + 0.7rem);
  margin-right: -0.7rem;
}
.menustep__recipe__revert-actions .revert-button {
  position: relative;
  cursor: pointer;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: auto;
}
.menustep__recipe__revert-actions .revert-button:before, .menustep__recipe__revert-actions .revert-button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 0.2rem;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.menustep__recipe__revert-actions .revert-button:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.menustep__recipe__revert-actions .revert-button:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.menustep__recipe__revert-actions .action-points {
  width: 0.5rem;
  height: 1.8rem;
  cursor: pointer;
  background-image: url("/public/images/icon-gt-options.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.menustep__recipe__revert__header {
  width: 100%;
}
.menustep__recipe__revert-title {
  margin-top: 1rem;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menustep__recipe__revert-ingredients {
  font-size: 14px;
  color: #BFBFBF;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menustep__recipe__revert-content {
  font-size: 14px;
  line-height: 24px;
  color: white;
  max-height: calc(100% - 13.5rem);
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.menustep__recipe__revert .button {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 13rem;
}
.menustep__recipe {
  position: relative;
  z-index: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.menustep__recipe.face-flip-doing .menustep__recipe__revert {
  display: block;
}
.menustep__recipe.flip {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.menustep__recipe.flip .menustep__recipe__revert {
  display: block;
}
.menustep__recipe__face {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.menustep__recipe__revert {
  display: none;
  position: absolute;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  z-index: 1;
}

.gt__content {
  margin-bottom: 7rem;
}
.gt__content .wrapper {
  position: relative;
}
.gt__content .wrapper:before {
  content: "";
  position: absolute;
  right: 0;
  top: -18px;
  width: 98%;
  height: 94px;
  background: url("/public/images/tv_gt_line.png") no-repeat right 0;
  z-index: -1;
}
.gt__content .wrapper > .title {
  text-indent: -99rem;
  background: url("/public/images/logo_gt.png") no-repeat 0 0;
  background-size: contain;
  width: 210px;
  height: 94px;
  margin: 0 auto;
}
.gt__content .wrapper .button-more {
  width: 20rem;
  margin: 3.6rem auto 0;
}

.gt__videos {
  margin-top: 3rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .gt__videos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.gt__videos .weekvideo-poster {
  width: 100%;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}
.gt__videos .weekvideo__link {
  width: 100%;
  margin-bottom: 3rem;
  text-decoration: none;
  color: black;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .gt__videos .weekvideo__link {
    width: calc(50% - 1.5rem);
    margin-bottom: 0;
  }
}
.gt__videos .weekvideo__link .weekvideo-container {
  padding: 0;
}
.gt__videos .weekvideo__link .weekvideo-container .weekvideo__content-title {
  font-size: 1.7rem;
  line-height: 2.4rem;
}
.gt__videos .weekvideo__link .weekvideo-container .weekvideo__content-detail {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.gt__videos .weekvideo__link .weekvideo-container .weekvideo__content {
  height: auto;
  padding-top: 2.4rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  padding-bottom: 2rem;
  margin: 0;
}
.gt__videos .weekvideo__link .weekvideo-container .weekvideo__content:after {
  display: none;
}
.gt__videos .gt__whois {
  background-color: #f8f8f8;
  background-image: url("/public/images/pattern_cki.png");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 1rem;
  color: #354B5C;
  width: 100%;
  min-height: 35rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .gt__videos .gt__whois {
    width: calc(50% - 1.5rem);
  }
}
.gt__videos .gt__whois-title {
  font-size: 2.2rem;
  line-height: 2.4rem;
}
.gt__videos .gt__whois-intro {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.gt__videos .gt__whois-intro strong {
  font-weight: bold;
}
.gt__videos .gt__whois__who {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 640px) {
  .gt__videos .gt__whois__who {
    margin-top: 0;
  }
}
.gt__videos .gt__whois__who-david, .gt__videos .gt__whois__who-lila {
  width: 50%;
}
.gt__videos .gt__whois__who-david {
  padding-right: 3rem;
}
.gt__videos .gt__whois__who-david .gt__whois__who-title:before {
  background-image: url("/public/images/david.png");
}
.gt__videos .gt__whois__who-lila {
  padding-left: 3rem;
  border-left: 1px solid #86939d;
}
.gt__videos .gt__whois__who-lila .gt__whois__who-title:before {
  background-image: url("/public/images/lila.png");
}
.gt__videos .gt__whois__who-title {
  font-size: 2.2rem;
  font-weight: bold;
  font-family: "Caveat";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gt__videos .gt__whois__who-title:before {
  content: "";
  height: 3.9rem;
  width: 3.9rem;
  min-width: 3.9rem;
  border-radius: 50%;
  margin-right: 0.8rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.gt__videos .gt__whois__who-content {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.gourmet__recipe {
  margin: 5rem 0 6rem;
}
.gourmet__recipe .wrapper {
  position: relative;
}
.gourmet__recipe .wrapper h1 {
  font-family: "Titillium Web Regular";
  font-size: 1.92rem;
  font-weight: normal;
  color: #6b757d;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  line-height: 2rem;
  margin: 0 0 2.2rem;
  width: 100%;
}
.gourmet__recipe .wrapper .gourmet__recipe-main {
  display: block;
  width: 64%;
}
.gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-name {
  font-family: "Titillium Web SemiBold";
  font-size: 3.9rem;
  font-weight: normal;
  color: #354b5c;
  letter-spacing: 0.1rem;
  position: relative;
  padding-bottom: 2.5rem;
  margin-bottom: 2rem;
  line-height: 4rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-name:after {
  content: "";
  display: block;
  width: 95px;
  height: 2px;
  position: absolute;
  left: 1px;
  bottom: 0;
  background-color: #354b5c;
}
.gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-categories {
  margin-bottom: 2.2rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-categories a {
  text-decoration: none;
  color: #404f5a;
  background-color: #fff;
  display: inline-block;
  border: solid 1px #404f5a;
  border-radius: 0.26rem;
  padding: 0.3rem 0.9rem;
  font-family: "Titillium Web SemiBold";
  font-size: 1.36rem;
  line-height: 1.4rem;
  margin-right: 1rem;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: default;
}
.gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-intro {
  color: #404f5a;
  font-size: 1.6rem;
  font-family: "Titillium Web SemiBold";
  line-height: 2.6rem;
  margin-bottom: 3.3rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-video {
  width: 100%;
  height: auto;
  margin: 0;
}
.gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-video .video__player-media {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-video img {
  width: 100%;
}
.gourmet__recipe .wrapper .gourmet__recipe-directions {
  position: relative;
  display: block;
  width: 64%;
}
.gourmet__recipe .wrapper .gourmet__recipe-directions .gourmet__recipe-title {
  font-family: "Titillium Web Regular";
  color: #354b5c;
  font-size: 2rem;
  margin: 2.4rem 0 2.1rem;
  position: relative;
}
.gourmet__recipe .wrapper .gourmet__recipe-directions .gourmet__recipe-title strong {
  font-family: "Titillium Web Bold";
  font-size: 2.4rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-directions .gourmet__recipe-download {
  margin: 0 auto;
  position: relative;
  color: #404f5a;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  border-bottom: dotted 1px #404f5a;
  padding: 0 0.6rem 0.5rem;
}
@media only screen and (min-width: 640px) {
  .gourmet__recipe .wrapper .gourmet__recipe-directions .gourmet__recipe-download {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.gourmet__recipe .wrapper .gourmet__recipe-directions .gourmet__recipe-download a {
  text-decoration: none;
  color: #404f5a;
}
.gourmet__recipe .wrapper .gourmet__recipe-directions .gourmet__recipe-download a:hover {
  color: #f16458;
}
.gourmet__recipe .wrapper .gourmet__recipe-directions .gourmet__recipe-download img {
  width: 2.2rem;
  margin-left: 0.5rem;
  vertical-align: middle;
}
.gourmet__recipe .wrapper .gourmet__recipe-directions ul {
  counter-reset: etape;
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #354b5c;
}
.gourmet__recipe .wrapper .gourmet__recipe-directions ul li strong:after {
  counter-increment: etape;
  content: " " counter(etape);
}
.gourmet__recipe .wrapper .gourmet__recipe-directions ul li p {
  font-size: 1.8rem;
  margin: 0 0 2.3rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos {
  position: absolute;
  right: 2rem;
  top: 4rem;
  width: 31%;
  background-color: #efeeeb;
  border-radius: 0.6rem;
  padding: 2.8rem 3.6rem 3.2rem;
  color: #354b5c;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title {
  font-family: "Titillium Web Regular";
  color: #354b5c;
  font-size: 2rem;
  margin: 2.4rem 0 2.1rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title strong {
  font-family: "Titillium Web Bold";
  font-size: 2.4rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title ~ div {
  font-size: 1.8rem;
  margin-bottom: 1.2rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title ~ div span {
  display: inline-block;
  width: 49%;
  white-space: nowrap;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title ~ div span img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.6rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title ~ div strong {
  display: inline-block;
  width: 49%;
  text-align: right;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos hr {
  border: none;
  line-height: 1px;
  width: 14rem;
  height: 1px;
  background-color: #354b5c;
  margin: 5rem auto 4.8rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-ingredients .gourmet__recipe-title {
  font-family: "Titillium Web Regular";
  color: #354b5c;
  font-size: 2rem;
  margin: 2.4rem 0 2.1rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-ingredients .gourmet__recipe-title strong {
  font-family: "Titillium Web Bold";
  font-size: 2.4rem;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-ingredients ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-ingredients ul li {
  position: relative;
  padding-left: 2.2rem;
  font-size: 1.8rem;
  margin: 1.6rem 0;
}
.gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-ingredients ul li:before {
  content: "";
  display: block;
  height: 1em;
  width: 1em;
  background-image: url("/public/images/icon-bullet.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0.3rem;
}
.gourmet__recipe-separator {
  padding-top: 3rem;
  border-bottom: dotted 2px #cccccc;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .gourmet__recipe-separator {
    padding-top: 0rem;
    border-bottom: solid 0px;
  }
}

@media only screen and (max-width: 1025px) {
  .gourmet__recipe .wrapper {
    padding: 0 4rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-main,
.gourmet__recipe .wrapper .gourmet__recipe-directions {
    width: 100%;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos {
    position: relative;
    right: inherit;
    top: inherit;
    width: 100%;
    margin: 2.8rem 0 2.8rem;
    padding: 2.8rem 2.6rem 3.2rem;
    border-radius: 0;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos hr {
    width: 30%;
    margin: 2.6rem auto;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title ~ div span {
    display: inline;
    width: auto;
    white-space: nowrap;
    margin-right: 1rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title ~ div span:after {
    content: " :";
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title ~ div strong {
    display: inline;
    width: auto;
    text-align: left;
  }
}
@media only screen and (max-width: 640px) {
  .gourmet__recipe {
    margin: 3rem 0 4rem;
  }
  .gourmet__recipe .wrapper {
    padding: 0 2rem;
  }
  .gourmet__recipe .wrapper h1 {
    margin: 0 0 2.2rem;
    text-align: center;
    font-size: 1.8rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-name {
    font-size: 3.9rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-name:after {
    width: 12rem;
    left: 50%;
    margin-left: -6rem;
    bottom: 0;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-categories {
    text-align: center;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-main .gourmet__recipe-categories a {
    padding: 0.2rem 0.7rem;
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-right: 0.7rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-directions {
    width: 100%;
    padding: 0 0.8rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-directions .gourmet__recipe-title {
    font-size: 1.8rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-directions .gourmet__recipe-title strong {
    font-size: 2.2rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos {
    position: relative;
    right: inherit;
    top: inherit;
    width: 100%;
    margin: 2.8rem 0 2.8rem;
    padding-top: 1rem;
    border-radius: 0;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos hr {
    width: 30%;
    margin: 2.6rem auto;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title {
    font-size: 1.8rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title strong {
    font-size: 2.2rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-details .gourmet__recipe-title ~ div {
    font-size: 1.7rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-ingredients .gourmet__recipe-title {
    font-size: 1.8rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-ingredients .gourmet__recipe-title strong {
    font-size: 2.2rem;
  }
  .gourmet__recipe .wrapper .gourmet__recipe-infos .gourmet__recipe-ingredients ul li {
    font-size: 1.7rem;
  }
}
.gourmet__recipe-more {
  margin: 2rem 0 8rem;
}
.gourmet__recipe-more .wrapper .gourmet__recipe-more-title {
  font-family: "Titillium Web SemiBoldItalic";
  font-style: italic;
  font-size: 1.6rem;
  margin-bottom: 3rem;
  color: #354b5c;
}
.gourmet__recipe-more .wrapper .menustep-recipes {
  margin-left: 0;
  margin-right: 0;
}
.gourmet__recipe-more .wrapper .menustep__recipe {
  margin-bottom: 4rem;
}

.button-back {
  width: 20rem;
  margin: 1rem auto 0;
}
.button-back .button {
  background-color: #FD5252;
  color: #fff;
}
.button-back .button:hover {
  background-color: #EF4344;
  color: #fff;
}

@media only screen and (max-width: 1025px) {
  .gourmet__recipe-more .wrapper .gourmet__recipe-more-title {
    padding: 0 2rem;
  }
  .gourmet__recipe-more .wrapper .menustep__recipe__face__footer-title {
    font-size: 1.6rem;
  }
  .gourmet__recipe-more .wrapper .menustep__recipe__face__footer-ingredients {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 640px) {
  .gourmet__recipe-more .wrapper .gourmet__recipe-more-title {
    padding: 0 0.8rem;
    margin-bottom: 2rem;
  }
}
section.all-health-advices {
  background-color: #f8f8f8;
  position: relative;
}
section.all-health-advices.content {
  padding-bottom: 7.5rem;
}
section.all-health-advices:after, section.all-health-advices:before {
  content: "";
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 3rem;
  position: absolute;
  left: 0;
  background-image: url("/public/images/bottom-decoration.svg");
}
section.all-health-advices:after {
  top: calc(100% - 1.5rem);
}
section.all-health-advices:before {
  top: -1.5rem;
}

section.all-health-advices .wrapper {
  padding: 0;
}

section.all-health-advices h1 {
  max-width: 1200px;
  margin: 0 auto 3rem;
  padding: 0 2rem 2rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 3.3rem;
  line-height: 5rem;
  font-family: "Titillium Web SemiBold";
  color: #404f5a;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  section.all-health-advices h1 {
    margin: 0 auto 6rem;
  }
}
section.all-health-advices h1:before {
  content: "";
  position: absolute;
  height: 0.2rem;
  background-color: #404f5a;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10rem;
}

section.all-health-advices .button-more {
  width: 20rem;
  margin: 3.6rem auto 0;
}

.content-library__header {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2rem;
}
.content-library__header:before {
  z-index: -1;
  position: absolute;
  top: 0;
  content: "";
  width: 100%;
  height: 70%;
  background: url("/public/images/slider-pattern-3.png");
}
.content-library__header-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-library__header-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}
.content-library__header-intro {
  color: #354B5C;
  font-size: 2.2rem;
  margin-bottom: 4.2rem;
  text-align: center;
}
.content-library__header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 3rem;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -1rem;
}
.content-library__header__menu.advicepack {
  max-width: 900px;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .content-library__header__menu {
    padding-bottom: 5rem;
    margin-left: -2.5rem;
  }
}
.content-library__header__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  text-align: center;
  width: 11.5rem;
  height: 11.5rem;
  padding-top: 7.5rem;
  font-size: 1.15rem;
  margin-bottom: 2rem;
  margin-left: 1rem;
  color: #354B5C;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "kern";
          font-feature-settings: "kern";
  font-smoothing: antialiased;
  -webkit-box-shadow: 0.5rem 0.5rem 3rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.5rem 0.5rem 3rem rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 30%;
  background-size: auto 40%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .content-library__header__menu-item {
    width: 18rem;
    height: 18rem;
    padding-top: 12rem;
    font-size: 1.8rem;
    margin-left: 2.5rem;
  }
}
.content-library__header__menu-item _::-webkit-full-page-media, .content-library__header__menu-item _:future, :root .content-library__header__menu-item {
  letter-spacing: -0.1rem;
}
.content-library__header__menu-item:hover {
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .content-library__header__menu-item:hover:after {
    content: "⌄";
    position: absolute;
    top: 14rem;
    left: 8rem;
  }
}
.content-library__header__menu-item.nutrition {
  background-image: url("/public/images/category/icon-mcs-nutrition.svg");
}
.content-library__header__menu-item.fitness {
  background-image: url("/public/images/category/icon-mcs-fitness.svg");
}
.content-library__header__menu-item.prevention {
  background-image: url("/public/images/category/icon-mcs-prevention.svg");
}
.content-library__header__menu-item.parenthood {
  background-image: url("/public/images/category/icon-mcs-parenthood.svg");
}
.content-library__header__menu-item.poc_logement {
  background-image: url("/public/images/category/poc/icon-poc-logement.jpg");
}
.content-library__header__menu-item.poc_demenage {
  background-image: url("/public/images/category/poc/icon-poc-demenage.jpg");
}
.content-library__header__menu-item.illness {
  background-image: url("/public/images/category/icon-oncology-illness.svg");
}
.content-library__header__menu-item.quality_of_life {
  background-image: url("/public/images/category/icon-oncology-quality_of_life.svg");
}
.content-library__header__menu-item.feeding {
  background-image: url("/public/images/category/icon-oncology-feeding.svg");
}
.content-library__header__menu-item.time_for_me {
  background-image: url("/public/images/category/icon-caregiver-time_for_me.svg");
}
.content-library__header__menu-item.the_procedures {
  background-image: url("/public/images/category/icon-caregiver-the_procedures.svg");
}
.content-library__header__menu-item.care_recipient_health {
  background-image: url("/public/images/category/icon-caregiver-care_recipient_health.svg");
}
.content-library__header__menu-item.everyday_life {
  background-image: url("/public/images/category/icon-caregiver-everyday_life.svg");
}
.content-library__highlighted {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .content-library__highlighted {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.content-library__highlighted-image {
  position: relative;
  width: 100%;
  height: calc(100vw / 2);
  margin-bottom: 3rem;
  background-size: cover;
}
.content-library__highlighted-image:after {
  content: "dernière publication   🕘";
  position: absolute;
  top: 0.3rem;
  left: 0;
  height: 3rem;
  width: 20rem;
  background-color: rgba(53, 75, 92, 0.8);
  text-transform: uppercase;
  color: white;
  font-size: 1.4rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .content-library__highlighted-image {
    width: calc(50% - 1.5rem);
    height: 34rem;
  }
}
.content-library__highlighted-content {
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .content-library__highlighted-content {
    width: calc(50% - 1.5rem);
  }
}
.content-library__highlighted-title {
  text-align: center;
  font-size: 2.4rem;
  color: #354B5C;
  margin-bottom: 2rem;
  font-weight: bold;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .content-library__highlighted-title {
    text-align: left;
  }
}
.content-library__highlighted-intro {
  font-size: 1.6rem;
  color: #354B5C;
}
.content-library__content {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7rem;
}
.content-library__content.nutrition .content-library__content-title {
  background-image: url("/public/images/category/icon-mcs-nutrition.svg");
}
.content-library__content.fitness .content-library__content-title {
  background-image: url("/public/images/category/icon-mcs-fitness.svg");
}
.content-library__content.prevention .content-library__content-title {
  background-image: url("/public/images/category/icon-mcs-prevention.svg");
}
.content-library__content.parenthood .content-library__content-title {
  background-image: url("/public/images/category/icon-mcs-parenthood.svg");
}
.content-library__content.poc_logement .content-library__content-title {
  background-image: url("/public/images/category/poc/icon-poc-logement.jpg");
}
.content-library__content.poc_demenage .content-library__content-title {
  background-image: url("/public/images/category/poc/icon-poc-demenage.jpg");
}
.content-library__content.illness .content-library__content-title {
  background-image: url("/public/images/category/icon-oncology-illness.svg");
}
.content-library__content.quality_of_life .content-library__content-title {
  background-image: url("/public/images/category/icon-oncology-quality_of_life.svg");
}
.content-library__content.feeding .content-library__content-title {
  background-image: url("/public/images/category/icon-oncology-feeding.svg");
}
.content-library__content.time_for_me .content-library__content-title {
  background-image: url("/public/images/category/icon-caregiver-time_for_me.svg");
}
.content-library__content.the_procedures .content-library__content-title {
  background-image: url("/public/images/category/icon-caregiver-the_procedures.svg");
}
.content-library__content.care_recipient_health .content-library__content-title {
  background-image: url("/public/images/category/icon-caregiver-care_recipient_health.svg");
}
.content-library__content.everyday_life .content-library__content-title {
  background-image: url("/public/images/category/icon-caregiver-everyday_life.svg");
}
.content-library__content-title {
  background-color: white;
  padding-left: 6.3rem;
  padding-right: 3.3rem;
  color: #354B5C;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 4rem;
  margin-bottom: 3rem;
  background-repeat: no-repeat;
  background-size: auto 3rem;
  background-position-y: 50%;
  background-position-x: 2rem;
}
.content-library__content-title:before {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 2rem;
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: #242B2D;
  opacity: 0.3;
}
@media only screen and (min-width: 640px) {
  .content-library__content-title {
    font-size: 3.8rem;
  }
}
.content-library__content-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: inherit;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 3rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.content-library__content-articles .content-library__content-article:nth-child(n+3) {
  display: none;
}
.content-library__content-articles.more .content-library__content-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content-library__content-articles .buttons:nth-child(1) {
  display: none;
}
.content-library__content-articles .buttons:nth-child(2) {
  display: none;
}
.content-library__content-articles .buttons:nth-child(3) {
  display: none;
}
@media only screen and (min-width: 640px) {
  .content-library__content-articles .buttons:nth-child(4) {
    display: none;
  }
}
@media only screen and (min-width: 640px) {
  .content-library__content-articles .content-library__content-article:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.content-library__content-articles .buttons {
  width: 100%;
}
.content-library__content-articles .buttons .button.less-button {
  display: none;
}
.content-library__content-articles.more .buttons .button.more-button {
  display: none;
}
.content-library__content-articles.more .buttons .button.less-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content-library__content .button.more-button, .content-library__content .button.less-button {
  background-color: #FD5252;
  width: 18rem;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}
.content-library__content .button.more-button:hover, .content-library__content .button.less-button:hover {
  background-color: #EF4344;
  color: white;
}
.content-library__content .button.more-button:hover .arrow, .content-library__content .button.less-button:hover .arrow {
  border-color: white;
}
.content-library__content .button .arrow {
  height: 0.8rem;
  width: 0.8rem;
  display: inline-block;
  margin-left: 0.7rem;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.content-library__content .button.more-button .arrow {
  margin-top: -0.4rem;
  border-right: 0.2rem solid white;
  border-bottom: 0.2rem solid white;
}
.content-library__content .button.less-button .arrow {
  margin-top: 0.4rem;
  border-left: 0.2rem solid white;
  border-top: 0.2rem solid white;
}
.content-library__content-article {
  width: calc(50% - 3rem);
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  color: #354B5C;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
@media only screen and (min-width: 640px) {
  .content-library__content-article {
    width: calc(33.33% - 3rem);
  }
}
.content-library__content-article img {
  height: auto;
  margin-bottom: 2rem;
}
.content-library__content-article img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.content-library__content-article .content__title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.content-library__content-article .content__intro {
  font-size: 1.6rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  max-height: 18rem;
}
@media only screen and (min-width: 640px) {
  .content-library__content-article .content__intro {
    max-height: none;
    word-wrap: normal;
  }
}

section.all-guide-articles {
  background-color: #354B5C;
  position: relative;
}
section.all-guide-articles.content {
  padding-bottom: 7.5rem;
  padding-top: 6rem;
}
section.all-guide-articles:after, section.all-guide-articles:before {
  content: "";
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 3rem;
  position: absolute;
  left: 0;
  background-image: url("/public/images/bottom-decoration.svg");
}
section.all-guide-articles:after {
  top: calc(100% - 1.5rem);
}
section.all-guide-articles:before {
  top: -1.5rem;
}

section.all-guide-articles .wrapper {
  padding: 0;
}
section.all-guide-articles .wrapper.spaced-controls .carousel-control-prev {
  left: -10px !important;
}
section.all-guide-articles .wrapper.spaced-controls .carousel-control-next {
  right: -10px !important;
}

section.all-guide-articles h1 {
  max-width: 1200px;
  margin: 0 auto 3rem;
  padding: 0 1rem 1rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 2.3rem;
  line-height: 5rem;
  font-family: "Titillium Web SemiBold";
  color: #FFFFFF;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  section.all-guide-articles h1 {
    margin: 0 auto 6rem;
    font-size: 3.3rem;
  }
}
section.all-guide-articles h1:before {
  content: "";
  position: absolute;
  height: 0.2rem;
  background-color: #FFFFFF;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10rem;
}

section.all-guide-articles .button-more {
  width: 24rem;
  margin: 3.6rem auto 0;
}

section.all-guide-articles .button {
  background-color: #fff;
  color: #354B5C;
}

section.all-guide-articles .emma-says {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFFFFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Caveat";
  font-size: 2.5rem;
  font-weight: bold;
  max-width: 90%;
  margin: 1rem auto -8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.all-guide-articles .emma-says {
    max-width: 50%;
    margin: -2rem auto -8rem;
  }
}
section.all-guide-articles .emma-says .emma-says-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1rem;
}
section.all-guide-articles .emma-says .emma-says-avatar:before {
  content: "";
  width: 9rem;
  height: 12rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/public/images/emma.png");
}
@media only screen and (min-width: 640px) {
  section.all-guide-articles .emma-says .emma-says-avatar:before {
    width: 19rem;
    height: 24rem;
  }
}
@media only screen and (min-width: 640px) {
  section.all-guide-articles .emma-says .emma-says-avatar:after {
    height: 5.6rem;
    width: 6.6rem;
    content: "";
    background: url("/public/images/bubble-alt.svg");
    margin-left: -1rem;
  }
}

.all-guide-articles-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #FFFFFF;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.all-guide-articles-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #FFFFFF;
}

.qualitylife-guide.content-library__header {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2rem;
}
.qualitylife-guide.content-library__header:before {
  z-index: -1;
  position: absolute;
  top: 0;
  content: "";
  width: 100%;
  height: 70%;
  background: url("/public/images/slider-pattern-3.png");
}
.qualitylife-guide.content-library__header-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.qualitylife-guide.content-library__header-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}
.qualitylife-guide.content-library__header-intro {
  color: #354B5C;
  font-size: 2.2rem;
  margin-bottom: 4.2rem;
  text-align: center;
}
.qualitylife-guide.content-library__header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 3rem;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -1rem;
  max-width: 100%;
}
@media only screen and (min-width: 640px) {
  .qualitylife-guide.content-library__header__menu {
    max-width: 500px;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .qualitylife-guide.content-library__header__menu {
    max-width: 820px;
    padding-bottom: 5rem;
    margin-left: -2.5rem;
  }
}
.qualitylife-guide.content-library__header__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  text-align: center;
  width: 11.5rem;
  height: 11.5rem;
  padding-top: 7.5rem;
  font-size: 1.15rem;
  margin-bottom: 2rem;
  margin-left: 1rem;
  color: #354B5C;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "kern";
          font-feature-settings: "kern";
  font-smoothing: antialiased;
  -webkit-box-shadow: 0.5rem 0.5rem 3rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.5rem 0.5rem 3rem rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 30%;
  background-size: auto 40%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .qualitylife-guide.content-library__header__menu-item {
    width: 18rem;
    height: 18rem;
    padding-top: 12rem;
    font-size: 1.8rem;
    margin-left: 2.5rem;
  }
}
.qualitylife-guide.content-library__header__menu-item _::-webkit-full-page-media, .qualitylife-guide.content-library__header__menu-item _:future, :root .qualitylife-guide.content-library__header__menu-item {
  letter-spacing: -0.1rem;
}
.qualitylife-guide.content-library__header__menu-item:hover {
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .qualitylife-guide.content-library__header__menu-item:hover:after {
    content: "⌄";
    position: absolute;
    top: 14rem;
    left: 8rem;
  }
}
.qualitylife-guide.content-library__header__menu-item.nutrition {
  background-image: url("/public/images/category/icon-mcs-nutrition.svg");
}
.qualitylife-guide.content-library__header__menu-item.fitness {
  background-image: url("/public/images/category/icon-mcs-fitness.svg");
}
.qualitylife-guide.content-library__header__menu-item.prevention {
  background-image: url("/public/images/category/icon-mcs-prevention.svg");
}
.qualitylife-guide.content-library__header__menu-item.ergonomics {
  background-image: url("/public/images/category/icon-qvt-ergonomics.svg");
  background-size: 75%;
}
.qualitylife-guide.content-library__header__menu-item.musculoskeletal_disorders {
  background-image: url("/public/images/category/icon-qvt-musculoskeletal-disorders.svg");
  background-size: 75%;
}
.qualitylife-guide.content-library__header__menu-item.work_related_stress {
  background-image: url("/public/images/category/icon-qvt-work-related-stress.svg");
  background-size: 75%;
}
.qualitylife-guide.content-library__header__menu-item.telework {
  background-image: url("/public/images/category/icon-qvt-telework.svg");
  background-size: 75%;
}
.qualitylife-guide.content-library__header__menu-item.psychosocial_risk {
  background-image: url("/public/images/category/icon-qvt-psychosocial-risk.svg");
  background-size: 75%;
}
.qualitylife-guide.content-library__header__menu-item.work_motivation {
  background-image: url("/public/images/category/icon-qvt-work-motivation.svg");
  background-size: 75%;
}
.qualitylife-guide.content-library__header__menu-item.work_life_balance {
  background-image: url("/public/images/category/icon-qvt-work-life-balance.svg");
  background-size: 75%;
}
.qualitylife-guide.content-library__header__menu-item.parenthood {
  background-image: url("/public/images/category/icon-mcs-parenthood.svg");
}
.qualitylife-guide.content-library__header__menu-item.poc_logement {
  background-image: url("/public/images/category/poc/icon-poc-logement.jpg");
}
.qualitylife-guide.content-library__header__menu-item.poc_demenage {
  background-image: url("/public/images/category/poc/icon-poc-demenage.jpg");
}
.qualitylife-guide.content-library__header__menu-item.illness {
  background-image: url("/public/images/category/icon-oncology-illness.svg");
}
.qualitylife-guide.content-library__header__menu-item.quality_of_life {
  background-image: url("/public/images/category/icon-oncology-quality_of_life.svg");
}
.qualitylife-guide.content-library__header__menu-item.feeding {
  background-image: url("/public/images/category/icon-oncology-feeding.svg");
}
.qualitylife-guide.content-library__header__menu-item.time_for_me {
  background-image: url("/public/images/category/icon-caregiver-time_for_me.svg");
}
.qualitylife-guide.content-library__header__menu-item.the_procedures {
  background-image: url("/public/images/category/icon-caregiver-the_procedures.svg");
}
.qualitylife-guide.content-library__header__menu-item.care_recipient_health {
  background-image: url("/public/images/category/icon-caregiver-care_recipient_health.svg");
}
.qualitylife-guide.content-library__header__menu-item.everyday_life {
  background-image: url("/public/images/category/icon-caregiver-everyday_life.svg");
}
.qualitylife-guide.content-library__highlighted {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .qualitylife-guide.content-library__highlighted {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.qualitylife-guide.content-library__highlighted-image {
  position: relative;
  width: 100%;
  height: calc(100vw / 2);
  margin-bottom: 3rem;
  background-size: cover;
}
.qualitylife-guide.content-library__highlighted-image:after {
  content: "dernière publication   🕘";
  position: absolute;
  top: 0.3rem;
  left: 0;
  height: 3rem;
  width: 20rem;
  background-color: rgba(53, 75, 92, 0.8);
  text-transform: uppercase;
  color: white;
  font-size: 1.4rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .qualitylife-guide.content-library__highlighted-image {
    width: calc(50% - 1.5rem);
    height: 34rem;
  }
}
.qualitylife-guide.content-library__highlighted-content {
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .qualitylife-guide.content-library__highlighted-content {
    width: calc(50% - 1.5rem);
  }
}
.qualitylife-guide.content-library__highlighted-title {
  text-align: center;
  font-size: 2.4rem;
  color: #354B5C;
  margin-bottom: 2rem;
  font-weight: bold;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .qualitylife-guide.content-library__highlighted-title {
    text-align: left;
  }
}
.qualitylife-guide.content-library__highlighted-intro {
  font-size: 1.6rem;
  color: #354B5C;
}
.qualitylife-guide.content-library__content {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7rem;
}
.qualitylife-guide.content-library__content.ergonomics .content-library__content-title {
  background-image: url("/public/images/category/icon-qvt-ergonomics-no-title.svg");
}
.qualitylife-guide.content-library__content.musculoskeletal_disorders .content-library__content-title {
  background-image: url("/public/images/category/icon-qvt-musculoskeletal-disorders-no-title.svg");
}
.qualitylife-guide.content-library__content.work_related_stress .content-library__content-title {
  background-image: url("/public/images/category/icon-qvt-work-related-stress-no-title.svg");
}
.qualitylife-guide.content-library__content.telework .content-library__content-title {
  background-image: url("/public/images/category/icon-qvt-telework-no-title.svg");
}
.qualitylife-guide.content-library__content.psychosocial_risk .content-library__content-title {
  background-image: url("/public/images/category/icon-qvt-psychosocial-risk-no-title.svg");
}
.qualitylife-guide.content-library__content.work_motivation .content-library__content-title {
  background-image: url("/public/images/category/icon-qvt-work-motivation-no-title.svg");
}
.qualitylife-guide.content-library__content.work_life_balance .content-library__content-title {
  background-image: url("/public/images/category/icon-qvt-work-life-balance-no-title.svg");
}
.qualitylife-guide.content-library__content-title {
  background-color: white;
  padding-left: 6.3rem;
  padding-right: 3.3rem;
  color: #354B5C;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 4rem;
  margin-bottom: 3rem;
  background-repeat: no-repeat;
  background-size: auto 3rem;
  background-position-y: 50%;
  background-position-x: 2rem;
}
.qualitylife-guide.content-library__content-title:before {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 2rem;
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: #242B2D;
  opacity: 0.3;
}
@media only screen and (min-width: 640px) {
  .qualitylife-guide.content-library__content-title {
    font-size: 3.8rem;
  }
}
.qualitylife-guide.content-library__content-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 3rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.qualitylife-guide.content-library__content-articles .content-library__content-article:nth-child(n+3) {
  display: none;
}
.qualitylife-guide.content-library__content-articles.more .content-library__content-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.qualitylife-guide.content-library__content-articles .buttons:nth-child(1) {
  display: none;
}
.qualitylife-guide.content-library__content-articles .buttons:nth-child(2) {
  display: none;
}
.qualitylife-guide.content-library__content-articles .buttons:nth-child(3) {
  display: none;
}
@media only screen and (min-width: 640px) {
  .qualitylife-guide.content-library__content-articles .buttons:nth-child(4) {
    display: none;
  }
}
@media only screen and (min-width: 640px) {
  .qualitylife-guide.content-library__content-articles .content-library__content-article:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.qualitylife-guide.content-library__content-articles .buttons {
  width: 100%;
}
.qualitylife-guide.content-library__content-articles .buttons .button.less-button {
  display: none;
}
.qualitylife-guide.content-library__content-articles.more .buttons .button.more-button {
  display: none;
}
.qualitylife-guide.content-library__content-articles.more .buttons .button.less-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.qualitylife-guide.content-library__content .button.more-button, .qualitylife-guide.content-library__content .button.less-button {
  background-color: #FD5252;
  width: 18rem;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}
.qualitylife-guide.content-library__content .button.more-button:hover, .qualitylife-guide.content-library__content .button.less-button:hover {
  background-color: #EF4344;
  color: white;
}
.qualitylife-guide.content-library__content .button.more-button:hover .arrow, .qualitylife-guide.content-library__content .button.less-button:hover .arrow {
  border-color: white;
}
.qualitylife-guide.content-library__content .button .arrow {
  height: 0.8rem;
  width: 0.8rem;
  display: inline-block;
  margin-left: 0.7rem;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.qualitylife-guide.content-library__content .button.more-button .arrow {
  margin-top: -0.4rem;
  border-right: 0.2rem solid white;
  border-bottom: 0.2rem solid white;
}
.qualitylife-guide.content-library__content .button.less-button .arrow {
  margin-top: 0.4rem;
  border-left: 0.2rem solid white;
  border-top: 0.2rem solid white;
}
.qualitylife-guide.content-library__content-article {
  width: calc(50% - 3rem);
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  color: #354B5C;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
@media only screen and (min-width: 640px) {
  .qualitylife-guide.content-library__content-article {
    width: calc(33.33% - 3rem);
  }
}
.qualitylife-guide.content-library__content-article img {
  height: auto;
  margin-bottom: 2rem;
}
.qualitylife-guide.content-library__content-article img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.qualitylife-guide.content-library__content-article .content__title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.qualitylife-guide.content-library__content-article .content__intro {
  font-size: 1.6rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  max-height: 18rem;
}
@media only screen and (min-width: 640px) {
  .qualitylife-guide.content-library__content-article .content__intro {
    max-height: none;
    word-wrap: normal;
  }
}

section.all-qvt-services {
  position: relative;
}
section.all-qvt-services.content {
  padding-bottom: 7.5rem;
  padding-top: 6rem;
}
section.all-qvt-services:after, section.all-qvt-services:before {
  content: "";
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 3rem;
  position: absolute;
  left: 0;
}
section.all-qvt-services:after {
  top: calc(100% - 1.5rem);
}
section.all-qvt-services:before {
  top: -1.5rem;
}

section.all-qvt-services .wrapper {
  padding: 0;
}

section.all-qvt-services h1 {
  max-width: 1200px;
  margin: 0 auto 3rem;
  padding: 0 1rem 1rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 2.3rem;
  line-height: 5rem;
  font-family: "Titillium Web SemiBold";
  color: #354B5C;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  section.all-qvt-services h1 {
    margin: 0 auto 6rem;
    font-size: 3.3rem;
  }
}
section.all-qvt-services h1:before {
  content: "";
  position: absolute;
  height: 0.2rem;
  background-color: #354B5C;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10rem;
}

section.all-qvt-services .button-more {
  width: 24rem;
  margin: 3.6rem auto 0;
}

section.all-qvt-services span {
  color: #354B5C;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 90%;
  font-size: 20px;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  section.all-qvt-services span {
    width: 50%;
  }
}

section.all-qvt-services-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.all-qvt-services-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}

.all-qvt-services-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.all-qvt-services-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}

.onboarding__popin__content {
  padding: 4rem 2rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding__popin__content {
    width: 66rem;
    height: 66rem;
    padding: 6rem 4rem;
  }
}
.onboarding__popin__content-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding__popin__content-step {
    height: 100%;
  }
}
.onboarding__popin__content-step-intro {
  z-index: 1;
  width: 14rem;
  height: 14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/public/images/round_brush.svg");
  margin-bottom: 2rem;
}
@media only screen and (min-width: 640px) {
  .onboarding__popin__content-step-intro {
    width: 28rem;
    height: 28rem;
  }
}
.onboarding__popin__content-step-intro-number {
  color: white;
  width: 2rem;
  height: 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #354b5c;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 640px) {
  .onboarding__popin__content-step-intro-number {
    width: 2.7rem;
    height: 2.7rem;
    font-size: 2.2rem;
  }
}
.onboarding__popin__content-step-intro-title {
  color: #354B5C;
  font-size: 2.2rem;
  line-height: 2.4rem;
  font-weight: bold;
  text-align: center;
  word-break: break-word;
}
@media only screen and (min-width: 640px) {
  .onboarding__popin__content-step-intro-title {
    font-size: 2.7rem;
    line-height: 3.9rem;
  }
}
.onboarding__popin__content-title {
  font-family: "Caveat";
  text-align: center;
  color: #354B5C;
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 2rem;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  .onboarding__popin__content-title {
    font-size: 3.1rem;
    line-height: 3.2rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding__popin__content-title:after {
    content: "";
    position: absolute;
    right: 13rem;
    margin: 1rem;
    top: 3rem;
    background-image: url(/public/images/bubble-long.svg);
    background-repeat: no-repeat;
    height: 4rem;
    width: 12rem;
  }
}
.onboarding__popin__content-avatar {
  position: relative;
  margin-bottom: 2rem;
  height: 12.1rem;
  width: 11rem;
  background-size: 11rem 11rem;
  background-image: url("/public/images/round_brush.svg");
  background-position: bottom;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding__popin__content-avatar {
    height: 24.2rem;
    width: 22rem;
    background-size: 22rem 22rem;
  }
}
.onboarding__popin__content-text {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  line-height: 1.7rem;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .onboarding__popin__content-text {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
.onboarding__popin__content-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.onboarding__popin__content-footer .onboarding__slider-dots {
  position: static;
  padding: 0;
}
.onboarding__popin__content-footer .onboarding__slider-dots .onboarding__slider-dot {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0.4rem;
}
@media only screen and (min-width: 640px) {
  .onboarding__popin__content-footer .onboarding__slider-dots .onboarding__slider-dot {
    width: 1rem;
    height: 1rem;
    margin: 0.6rem;
  }
}
.onboarding__popin__content-footer .onboarding__slider-dots .onboarding__slider-dot:hover {
  cursor: auto;
}
.onboarding__popin__content-prev, .onboarding__popin__content-next, .onboarding__popin__content-finish {
  font-size: 1.2rem;
  cursor: pointer;
  width: 10rem;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  .onboarding__popin__content-prev, .onboarding__popin__content-next, .onboarding__popin__content-finish {
    font-size: 1.6rem;
  }
}
.onboarding__popin__content-prev:hover, .onboarding__popin__content-next:hover, .onboarding__popin__content-finish:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.onboarding__popin__content-prev {
  color: #6b757d;
}
.onboarding__popin__content-next, .onboarding__popin__content-finish {
  color: #FD5252;
  text-align: right;
}

.onboarding-more-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.onboarding-more-button-wrapper .onboarding-more-button {
  font-size: 2rem;
  margin-top: 1.4rem;
  margin-bottom: -0.5rem;
  color: #86939d;
  cursor: pointer;
  position: relative;
  padding-right: 2rem;
}
.onboarding-more-button-wrapper .onboarding-more-button:after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  top: calc(50% - 0.9rem);
  right: 0;
  background-image: url("/public/images/icon-info-grey.svg");
  background-size: cover;
}

.onboarding__slider-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 3rem;
  bottom: 10rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding__slider-dots {
    position: initial;
  }
}
.onboarding__slider-dots .onboarding__slider-dot {
  border: 1px solid #404F5A;
  border-radius: 9rem;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.8rem;
}
.onboarding__slider-dots .onboarding__slider-dot:hover {
  cursor: pointer;
}
.onboarding__slider-dots .onboarding__slider-dot.selected {
  background-color: #404F5A;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding__slider-dots .onboarding__slider-dot {
    width: 1rem;
    height: 1rem;
    margin: 0.2rem;
  }
}

.working-quality-life__eval {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2rem;
}
.working-quality-life__eval-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.working-quality-life__eval-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}
.working-quality-life__eval__assessment {
  padding: 2rem 0 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .working-quality-life__eval__assessment {
    padding: 3rem 0 0;
  }
}
.working-quality-life__eval__assessment .assessment__help-character {
  margin-bottom: -4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .working-quality-life__eval__assessment .assessment__help-character {
    margin-bottom: -25rem;
  }
}
.working-quality-life__eval__assessment .assessment__help-bubble {
  text-align: left;
}
.working-quality-life__eval__assessment .assessment__help-bubble::after {
  left: 19rem;
}
.working-quality-life__eval__assessment .row-end-assessment {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
.working-quality-life__eval__assessment .assessment__form-submit {
  margin: 1rem 1rem 2rem;
}
.working-quality-life__eval__assessment .question__end-assessment .question__completed-subtitle {
  width: 100%;
  text-align: center;
}

.onboarding-working-quality-life .onboarding__popin__content-step {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.onboarding-working-quality-life .onboarding__popin__content-step:nth-child(2):before {
  content: "";
  position: absolute;
  left: -2rem;
  top: -4rem;
  width: 9rem;
  height: 7.7rem;
  background-position: center;
  background-size: 100%;
  background-image: url("/public/images/popin_6.svg");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-working-quality-life .onboarding__popin__content-step:nth-child(2):before {
    top: -6rem;
    left: -4rem;
    width: 18rem;
    height: 15.3rem;
  }
}
.onboarding-working-quality-life .onboarding__popin__content-step:nth-child(3):before {
  z-index: 0;
  content: "";
  position: absolute;
  top: -1.6rem;
  left: 2.6rem;
  width: 7.8rem;
  height: 7.6rem;
  background-size: 100%;
  background-image: url("/public/images/rapport.svg");
  -webkit-transform: rotateZ(-15deg) scale(0.8);
          transform: rotateZ(-15deg) scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-working-quality-life .onboarding__popin__content-step:nth-child(3):before {
    top: -2.6rem;
    left: 3.6rem;
    width: 15.5rem;
    height: 15.3rem;
  }
}
.onboarding-working-quality-life .onboarding__popin__content-step:nth-child(4):before {
  content: "";
  position: absolute;
  top: -3rem;
  left: -0.6rem;
  width: 10.2rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_2.svg");
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-working-quality-life .onboarding__popin__content-step:nth-child(4):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-working-quality-life .onboarding__popin__content-step:nth-child(4):after {
  content: "";
  position: absolute;
  top: 6rem;
  right: -1.8rem;
  width: 13.8rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_1.svg");
  background-repeat: no-repeat;
  background-position: 1.7rem 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
@media only screen and (min-width: 640px) {
  .onboarding-working-quality-life .onboarding__popin__content-step:nth-child(4):after {
    top: 10rem;
    right: -7rem;
    width: 27.5rem;
    height: 15.3rem;
  }
}
.onboarding-working-quality-life .onboarding__popin__content-step-intro {
  z-index: 1;
  width: 14rem;
  height: 14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/public/images/round_brush.svg");
  margin-bottom: 2rem;
}
@media only screen and (min-width: 640px) {
  .onboarding-working-quality-life .onboarding__popin__content-step-intro {
    width: 28rem;
    height: 28rem;
  }
}
.onboarding-working-quality-life .onboarding__popin__content-step-intro-number {
  color: white;
  width: 2rem;
  height: 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #354b5c;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 640px) {
  .onboarding-working-quality-life .onboarding__popin__content-step-intro-number {
    width: 2.7rem;
    height: 2.7rem;
    font-size: 2.2rem;
  }
}
.onboarding-working-quality-life .onboarding__popin__content-step-intro-title {
  color: #354B5C;
  font-size: 2.2rem;
  line-height: 2.4rem;
  font-weight: bold;
  text-align: center;
  word-break: break-word;
}
@media only screen and (min-width: 640px) {
  .onboarding-working-quality-life .onboarding__popin__content-step-intro-title {
    font-size: 2.7rem;
    line-height: 3.9rem;
  }
}
.onboarding-working-quality-life .onboarding__popin__content-title {
  font-family: "Caveat";
  text-align: center;
  color: #354B5C;
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 2rem;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  .onboarding-working-quality-life .onboarding__popin__content-title {
    font-size: 3.1rem;
    line-height: 3.2rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding-working-quality-life .onboarding__popin__content-title:after {
    content: "";
    position: absolute;
    right: 13rem;
    margin: 1.5rem;
    top: 4rem;
    background-image: url(/public/images/bubble-long.svg);
    background-repeat: no-repeat;
    height: 4rem;
    width: 12rem;
  }
}
.onboarding-working-quality-life .onboarding__popin__content-avatar {
  background-image: none;
}
.onboarding-working-quality-life .onboarding__popin__content-avatar:after {
  content: "";
  position: absolute;
  background-image: url("/public/images/brush_emma.png");
  background-repeat: no-repeat;
  background-size: 11rem;
  left: calc(50% - 6rem);
  width: 12rem;
  height: 13rem;
}
@media only screen and (min-width: 640px) {
  .onboarding-working-quality-life .onboarding__popin__content-avatar:after {
    left: calc(50% - 10rem);
    background-size: 19rem;
    width: 24rem;
    height: 26rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding-working-quality-life .onboarding__popin__content-avatar:after {
    background-size: 21rem;
  }
}
.onboarding-working-quality-life .onboarding__popin__content-text {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  line-height: 1.7rem;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .onboarding-working-quality-life .onboarding__popin__content-text {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}

.working-quality-life__testimonials-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.working-quality-life__testimonials-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}

.hospitalization__eval {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2rem;
}
.hospitalization__eval-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hospitalization__eval-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}
.hospitalization__eval__assessment {
  padding: 2rem 0 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .hospitalization__eval__assessment {
    padding: 3rem 0 0;
  }
}

.onboarding-hospitalization .onboarding__popin__content-step:nth-child(2), .onboarding-hospitalization .onboarding__popin__content-step:nth-child(4) {
  position: relative;
}
.onboarding-hospitalization .onboarding__popin__content-step:nth-child(2):before, .onboarding-hospitalization .onboarding__popin__content-step:nth-child(4):before {
  content: "";
  position: absolute;
  top: 6rem;
  left: 1rem;
  width: 2.5rem;
  height: 7.7rem;
  background-image: url("/public/images/popin_1.svg");
  background-size: 10rem 7.5rem;
  background-position: 0.5rem 0;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-hospitalization .onboarding__popin__content-step:nth-child(2):before, .onboarding-hospitalization .onboarding__popin__content-step:nth-child(4):before {
    top: 15rem;
    left: -3rem;
    width: 5rem;
    height: 15rem;
    background-size: 20rem 15rem;
  }
}
.onboarding-hospitalization .onboarding__popin__content-step:nth-child(2):after, .onboarding-hospitalization .onboarding__popin__content-step:nth-child(4):after {
  content: "";
  position: absolute;
  width: 10.2rem;
  height: 7.7rem;
  top: 3.5rem;
  right: -1.5rem;
  background-size: 100%;
  background-image: url("/public/images/popin_2.svg");
  background-repeat: no-repeat;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
@media only screen and (min-width: 640px) {
  .onboarding-hospitalization .onboarding__popin__content-step:nth-child(2):after, .onboarding-hospitalization .onboarding__popin__content-step:nth-child(4):after {
    width: 20.3rem;
    height: 15.3rem;
    top: 8rem;
    right: -8rem;
  }
}
.onboarding-hospitalization .onboarding__popin__content-step:nth-child(3):before {
  content: "";
  position: absolute;
  top: -3rem;
  left: -0.6rem;
  width: 10.2rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_2.svg");
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-hospitalization .onboarding__popin__content-step:nth-child(3):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-hospitalization .onboarding__popin__content-step:nth-child(3):after {
  content: "";
  position: absolute;
  top: 6rem;
  right: -1.8rem;
  width: 13.8rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_1.svg");
  background-repeat: no-repeat;
  background-position: 1.7rem 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
@media only screen and (min-width: 640px) {
  .onboarding-hospitalization .onboarding__popin__content-step:nth-child(3):after {
    top: 10rem;
    right: -7rem;
    width: 27.5rem;
    height: 15.3rem;
  }
}
.onboarding-hospitalization .onboarding__popin__content-step-assessment {
  position: absolute;
  content: "";
  height: 6rem;
  width: 5rem;
  top: -1rem;
  left: calc(50% - 10rem);
  background-image: url("/public/images/questionnaire.svg");
  -webkit-transform: rotateZ(-15deg);
          transform: rotateZ(-15deg);
}
@media only screen and (min-width: 640px) {
  .onboarding-hospitalization .onboarding__popin__content-step-assessment {
    height: 12rem;
    width: 9.9rem;
    top: -2rem;
    left: calc(50% - 19rem);
  }
}
.onboarding-hospitalization .onboarding__popin__content-step-phone {
  position: absolute;
  height: 6rem;
  width: 4.4rem;
  top: -1rem;
  left: calc(50% - 10rem);
  background-image: url("/public/images/icon-smartphone.svg");
  -webkit-transform: rotateZ(-15deg);
          transform: rotateZ(-15deg);
}
@media only screen and (min-width: 640px) {
  .onboarding-hospitalization .onboarding__popin__content-step-phone {
    height: 12rem;
    width: 8.8rem;
    top: -2rem;
    left: calc(50% - 19rem);
  }
}
.onboarding-hospitalization .onboarding__popin__content-step-phone:before {
  position: absolute;
  content: "";
  top: 2.4rem;
  left: 1.8rem;
  width: 2.1rem;
  height: 2.7rem;
}
@media only screen and (min-width: 640px) {
  .onboarding-hospitalization .onboarding__popin__content-step-phone:before {
    top: 4.7rem;
    left: 3.5rem;
    width: 4.3rem;
    height: 5.4rem;
  }
}
.onboarding-hospitalization .onboarding__popin__content-step-nurse {
  background-image: url("/public/images/nurse_2.png");
  background-size: 11.6rem;
  left: calc(50% - 3.5rem);
  width: 11rem;
  border-radius: 10rem;
  height: 15.1rem;
}
@media only screen and (min-width: 640px) {
  .onboarding-hospitalization .onboarding__popin__content-step-nurse {
    background-size: 23rem;
    left: calc(50% - 3rem);
    width: 24rem;
    border-bottom-left-radius: 15rem;
    height: 28.2rem;
    border-bottom-right-radius: 16rem;
  }
}
.onboarding-hospitalization .onboarding__popin__content-avatar {
  background-image: none;
}
.onboarding-hospitalization .onboarding__popin__content-avatar:after {
  content: "";
  position: absolute;
  background-image: url("/public/images/brush_nurse.png");
  background-repeat: no-repeat;
  background-size: 11rem;
  left: calc(50% - 6rem);
  width: 12rem;
  height: 13rem;
}
@media only screen and (min-width: 640px) {
  .onboarding-hospitalization .onboarding__popin__content-avatar:after {
    left: calc(50% - 10rem);
    background-size: 19rem;
    width: 24rem;
    height: 26rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding-hospitalization .onboarding__popin__content-avatar:after {
    background-size: 21rem;
  }
}

.wellbeing__eval {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2rem;
}
.wellbeing__eval-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wellbeing__eval-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}
.wellbeing__eval-simple-title {
  font-size: 3.2rem;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 3rem;
}
.wellbeing__eval-subtitle {
  font-size: 1.6rem;
  color: #354B5C;
  width: 51%;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .wellbeing__eval-subtitle {
    margin-bottom: 3rem;
    width: unset;
  }
}
.wellbeing__eval__assessment {
  padding: 2rem 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__assessment {
    padding: 3rem 0;
  }
}
.wellbeing__eval__assessment .assessment__help-bubble {
  font-size: 2.2rem;
  margin: 2rem 1rem;
}
@media only screen and (min-width: 640px) {
  .wellbeing__eval__assessment .assessment__help-bubble {
    font-size: 2.5rem;
    margin: 1rem;
  }
}
.wellbeing__eval__assessment.assessment-with-field-change {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__assessment.assessment-with-field-change {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.wellbeing__eval__assessment__field-change {
  width: 45rem;
  height: 43rem;
  padding: 0 5rem;
  display: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__assessment__field-change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.wellbeing__eval__assessment__field-change img {
  width: 14rem;
  margin: 0 auto 2rem;
}
.wellbeing__eval__assessment__field-change-avatar:before {
  content: "";
  position: absolute;
  left: calc(50% - 18rem);
  top: 12.7rem;
  height: 14.6rem;
  width: 14.6rem;
  background-size: 100% 100%;
}
@media only screen and (min-width: 640px) {
  .wellbeing__eval__assessment__field-change-avatar:before {
    height: 20.6rem;
    width: 20.6rem;
    top: 9.7rem;
    left: 14rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__assessment__field-change-avatar:before {
    left: calc(50% - 9.5rem);
    top: unset;
    margin-top: 0.5rem;
  }
}
.wellbeing__eval__assessment__field-change-avatar:after {
  background-image: url("/public/images/brush_coach.png");
  background-repeat: no-repeat;
  left: calc(50% - 17.5rem);
  top: 19rem;
  width: 15rem;
  height: 15rem;
  background-size: 15rem;
  position: absolute;
  content: "";
}
@media only screen and (min-width: 640px) {
  .wellbeing__eval__assessment__field-change-avatar:after {
    left: calc(50% - 29rem);
    top: 11rem;
    width: 21rem;
    height: 21rem;
    background-size: 21rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__assessment__field-change-avatar:after {
    left: calc(50% - 10.5rem);
    width: 24rem;
    height: 24rem;
    top: 11.5rem;
    background-size: 24rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__assessment__field-change-avatar {
    margin-bottom: 23rem;
  }
}
.wellbeing__eval__assessment__field-change-title {
  font-weight: bold;
  color: #FD5252;
  margin-bottom: 1rem;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__assessment__field-change-title {
    text-align: center;
  }
}
.wellbeing__eval__assessment__field-change-subtitle {
  width: 100%;
  color: #354B5C;
}
@media only screen and (min-width: 640px) {
  .wellbeing__eval__assessment__field-change-subtitle {
    margin-bottom: 6rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__assessment__field-change-subtitle {
    margin-bottom: unset;
    text-align: center;
  }
}
.wellbeing__eval__assessment__result {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__assessment__result {
    width: 50%;
  }
}
.wellbeing__eval__assessment__result:after {
  background-image: url("/public/images/brush_coach.png");
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  top: 2.6rem;
  left: calc(50% + -3.9rem);
  height: 26rem;
  width: 25rem;
  background-size: 25rem;
  -webkit-transform: scale(0.66) translateY(-8rem);
          transform: scale(0.66) translateY(-8rem);
  border-bottom-left-radius: 20rem;
  border-bottom-right-radius: 34rem;
}
@media only screen and (min-width: 640px) {
  .wellbeing__eval__assessment__result:after {
    left: calc(50% + -2.9rem);
    height: 25rem;
    -webkit-transform: none;
            transform: none;
  }
}
.wellbeing__eval__assessment__score {
  -webkit-transform: scale(0.8) translateY(-8rem);
          transform: scale(0.8) translateY(-8rem);
  margin-right: 15rem;
  position: relative;
  width: 13rem;
  height: 13rem;
  border-radius: 50%;
  border: solid 1rem #F16458;
  line-height: 11rem;
  text-align: center;
  color: #F16458;
  font-size: 4.5rem;
  font-weight: bold;
  margin-top: 6rem;
  margin-bottom: 7rem;
}
@media only screen and (min-width: 640px) {
  .wellbeing__eval__assessment__score {
    -webkit-transform: none;
            transform: none;
    margin-right: 20rem;
  }
}
.wellbeing__eval__assessment__score:before {
  content: "mon score";
  position: absolute;
  color: #FF6465;
  border: solid 0.1rem #FF6465;
  border-radius: 0.8rem;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: bold;
  height: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  background-color: white;
  width: 9.5rem;
  top: -2.3rem;
  left: -2rem;
}
.wellbeing__eval__assessment__explain {
  margin-top: -6rem;
  width: 100%;
  padding-left: 20%;
  padding-right: 20%;
  font-size: 1.6rem;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .wellbeing__eval__assessment__explain {
    margin-top: 0;
  }
}
.wellbeing__eval__assessment__explain__first {
  color: #F16458;
  margin-bottom: 2.5rem;
  font-weight: bold;
}
.wellbeing__eval__assessment__explain__second {
  color: #354B5C;
}
.wellbeing__eval__assessment__container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__assessment__container {
    width: 70%;
  }
}
.wellbeing__eval__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.wellbeing__eval__fields__progress {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
}
.wellbeing__eval__fields__progress__step {
  position: relative;
  height: 18rem;
  width: 4rem;
}
.wellbeing__eval__fields__progress__step:not(:first-child):before {
  position: absolute;
  content: "";
  background-color: #F4F3F1;
  left: calc(50% - 0.1rem);
  top: calc(2rem - 50%);
  width: 0.2rem;
  height: calc(100% - 4rem);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__progress__step:not(:first-child):before {
    left: calc(2rem - 50%);
    top: calc(50% - 0.1rem);
    height: 0.2rem;
    width: calc(100% - 4rem);
  }
}
.wellbeing__eval__fields__progress__step:not(:first-child).active:before {
  background-color: #354B5C;
}
.wellbeing__eval__fields__progress__step:after {
  content: "";
  position: absolute;
  height: 4rem;
  width: 4rem;
  background-color: #F4F3F1;
  border-radius: 50%;
  left: 0;
  top: calc(50% - 2rem);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__progress__step:after {
    top: 0;
    left: calc(50% - 2rem);
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__progress__step {
    width: calc(100% / 6);
    height: 4rem;
  }
}
.wellbeing__eval__fields__progress__step.active:after {
  background-color: #354B5C;
}
.wellbeing__eval__fields__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  width: 100vw;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: 0;
    margin-top: 0;
    width: calc(100% + 1rem);
  }
}
.wellbeing__eval__fields__cards__card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: calc(100% - 4rem);
  margin: 0.5rem 2rem;
  height: 17rem;
  border-radius: 1rem;
  background-color: #85929C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__cards__card {
    width: calc(100% / 6 - 1rem);
    margin: 2rem 0.5rem;
  }
}
.wellbeing__eval__fields__cards__card-title {
  font-size: 2.1rem;
  color: #fff;
  margin-bottom: 1rem;
  width: 100%;
}
.wellbeing__eval__fields__cards__card-status {
  font-size: 1.4rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
  margin-top: 3rem;
}
.wellbeing__eval__fields__cards__card-status:before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
  top: -3rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
}
.wellbeing__eval__fields__cards__card-action {
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: calc(100% + 0.5rem);
  height: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #354B5C;
  font-size: 1.8rem;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}
.wellbeing__eval__fields__cards__card-action.active {
  display: none;
  background-color: #efeeeb;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__cards__card-action.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.wellbeing__eval__fields__cards__card.evaluated {
  background-color: #49c0d5;
}
.wellbeing__eval__fields__cards__card .wellbeing__eval__fields__cards__card-status:before {
  content: "?";
  font-size: 2.6rem;
  border-radius: 999rem;
  background-color: #fff;
  color: #86939d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wellbeing__eval__fields__report-section {
  width: 100%;
  padding: 4.5rem 3rem 1.5rem;
  background-color: #efeeeb;
  border-radius: 1rem;
  display: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__report-section {
    padding: 4.5rem 8rem 1.5rem 9rem;
  }
}
.wellbeing__eval__fields__report-section.for-mobile {
  margin-top: -5rem;
  margin-bottom: 3rem;
}
.wellbeing__eval__fields__report-section.for-mobile.active {
  display: block;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__report-section.for-mobile.active {
    display: none;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__report-section.active {
    display: block;
  }
}
.wellbeing__eval__fields__report-advices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: -4rem;
  margin-right: -4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__report-advices {
    width: calc(100% + 8rem);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.wellbeing__eval__fields__report-advice {
  width: 100%;
  margin-left: 4rem;
  margin-right: 4rem;
  margin-bottom: 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__eval__fields__report-advice {
    width: calc(33% - 8rem);
  }
}
.wellbeing__eval__fields__report-advice-title {
  color: #354B5C;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 2.4rem;
  margin-bottom: 0.5rem;
}
.wellbeing__eval__fields__report-advice-context {
  color: #354B5C;
  font-size: 1.8rem;
  line-height: 2rem;
}

.wellbeing__content {
  width: 100%;
  background: #354B5C;
  position: relative;
  padding-top: 8rem;
}
.wellbeing__content > .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wellbeing__content:before, .wellbeing__content:after {
  content: "";
  position: absolute;
  background-position: center;
  background-size: cover;
  background-image: url("/public/images/bottom-decoration.svg");
  width: 100%;
  height: 3rem;
  left: 0;
}
.wellbeing__content:before {
  top: -2rem;
}
.wellbeing__content:after {
  top: calc(100% - 1.5rem);
}
.wellbeing__content-title {
  font-size: 32px;
  line-height: 3.4rem;
  color: white;
  text-align: center;
  margin-bottom: 7rem;
  position: relative;
}
.wellbeing__content-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: white;
}
.wellbeing__content-avatar {
  text-align: center;
  position: relative;
  font-size: 2.5rem;
  color: white;
  font-family: "Caveat";
  font-weight: bold;
  margin-bottom: 10rem;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__content-avatar {
    padding-left: 27rem;
    width: 50rem;
    text-align: flex-start;
  }
  .wellbeing__content-avatar:before {
    position: absolute;
    content: "";
    bottom: -9rem;
    right: 32rem;
    width: 22rem;
    height: 24rem;
    background-size: 25rem;
    background-image: url("/public/images/coach_1.png");
  }
  .wellbeing__content-avatar:after {
    height: 5.6rem;
    width: 6.6rem;
    position: absolute;
    content: "";
    bottom: 2rem;
    right: 27rem;
    background: url("/public/images/bubble-alt.svg");
  }
}
.wellbeing__content__themes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .wellbeing__content__themes {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.wellbeing__content__themes-wrapper {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 640px) {
  .wellbeing__content__themes-wrapper {
    width: calc(100% + 2.6rem);
    margin-left: -1.3rem;
    margin-right: -1.3rem;
  }
}
.wellbeing__content__themes-wrapper .tns-ovh {
  overflow: initial;
}
.wellbeing__content__theme {
  margin-left: 1.3rem;
  margin-right: 1.3rem;
  width: calc(50% - 2.6rem);
  margin-bottom: 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .wellbeing__content__theme {
    width: calc(25% - 2.6rem);
  }
  .wellbeing__content__theme.three-by-line {
    width: calc(33.3% - 2.6rem);
  }
}
.wellbeing__content__theme a {
  text-decoration: none;
}
.wellbeing__content__theme a:hover > .wellbeing__content__card {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.wellbeing__content__card {
  -webkit-transition: -webkit-transform ease 0.2s;
  transition: -webkit-transform ease 0.2s;
  transition: transform ease 0.2s;
  transition: transform ease 0.2s, -webkit-transform ease 0.2s;
  width: 100%;
  height: 21rem;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 2.5rem;
  position: relative;
  border-top: 5px solid #49C0D5;
}
.wellbeing__content__card.physical_activity .wellbeing__content__card-title {
  font-size: 2.3rem;
}
.wellbeing__content__card-star {
  position: absolute;
  background-color: #49C0D5;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  top: -1.5rem;
  right: 2rem;
}
.wellbeing__content__card-star:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url("/public/images/icon-star.svg");
  background-size: 1.9rem 1.9rem;
  background-repeat: no-repeat;
  background-position: center;
}
.wellbeing__content__card:before {
  content: "";
  height: 13rem;
  width: 13rem;
  left: calc(50% - 6.5rem);
  top: calc(50% - 1.8rem - 6.5rem);
  position: absolute;
  background-image: url("/public/images/round_brush.svg");
  background-size: 100%;
}
.wellbeing__content__card:after {
  content: "";
  height: 8rem;
  width: 8rem;
  left: calc(50% - 4rem);
  top: calc(50% - 1.8rem - 4rem);
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.wellbeing__content__card.nutrition:after {
  background-image: url("/public/images/category/icon-wellbeing-nutrition.svg");
}
.wellbeing__content__card.smoking:after {
  background-image: url("/public/images/category/icon-wellbeing-smoking.svg");
}
.wellbeing__content__card.physical_activity:after {
  background-image: url("/public/images/category/icon-wellbeing-physical_activity.svg");
}
.wellbeing__content__card.sleep:after {
  background-image: url("/public/images/category/icon-wellbeing-sleep.svg");
}
.wellbeing__content__card.stress:after {
  background-image: url("/public/images/category/icon-wellbeing-stress.svg");
}
.wellbeing__content__card-title {
  font-family: "Caveat";
  font-size: 3.4rem;
  font-weight: bold;
  color: #354B5C;
}
.wellbeing__content__subtitle {
  color: white;
  font-size: 2.1rem;
  width: 100%;
  padding: 2rem;
}

.btn-double {
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@supports (-ms-flow-from: thingy) {
  .btn-double {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.btn-double .wellbeing__eval__assessment__result {
  margin-top: -9rem;
}
.btn-double .wellbeing__eval__assessment__result:before {
  left: calc(50% - 8rem);
}
.btn-double .wellbeing__eval__assessment__result:after {
  left: calc(50% - 3.5rem);
}
@media only screen and (min-width: 640px) {
  .btn-double .wellbeing__eval__assessment__result:after {
    left: calc(50% - 8rem);
  }
}

.onboarding-wellbeing .onboarding__popin__content-step:nth-child(2):before {
  content: "";
  position: absolute;
  left: -2rem;
  top: -4rem;
  width: 9rem;
  height: 7.7rem;
  background-position: -0.2rem -0.2rem;
  background-size: 100%;
  background-image: url("/public/images/popin_6.svg");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-wellbeing .onboarding__popin__content-step:nth-child(2):before {
    top: -6rem;
    left: -4rem;
    width: 18rem;
    height: 15.3rem;
  }
}
.onboarding-wellbeing .onboarding__popin__content-step:nth-child(3):before {
  z-index: 0;
  content: "";
  position: absolute;
  top: -1.6rem;
  left: 2.6rem;
  width: 7.8rem;
  height: 7.6rem;
  background-size: 100%;
  background-image: url("/public/images/rapport.svg");
  -webkit-transform: rotateZ(-15deg) scale(0.8);
          transform: rotateZ(-15deg) scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-wellbeing .onboarding__popin__content-step:nth-child(3):before {
    top: -2.6rem;
    left: 3.6rem;
    width: 15.5rem;
    height: 15.3rem;
  }
}
.onboarding-wellbeing .onboarding__popin__content-step:nth-child(4):before {
  content: "";
  position: absolute;
  top: -3rem;
  left: -0.6rem;
  width: 10.2rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_2.svg");
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-wellbeing .onboarding__popin__content-step:nth-child(4):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-wellbeing .onboarding__popin__content-step:nth-child(4):after {
  content: "";
  position: absolute;
  top: 6rem;
  right: -1.8rem;
  width: 13.8rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_1.svg");
  background-repeat: no-repeat;
  background-position: 1.7rem 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
@media only screen and (min-width: 640px) {
  .onboarding-wellbeing .onboarding__popin__content-step:nth-child(4):after {
    top: 10rem;
    right: -7rem;
    width: 27.5rem;
    height: 15.3rem;
  }
}
.onboarding-wellbeing .onboarding__popin__content-avatar {
  background-image: none;
}
.onboarding-wellbeing .onboarding__popin__content-avatar:after {
  content: "";
  position: absolute;
  background-image: url("/public/images/brush_coach.png");
  background-repeat: no-repeat;
  background-size: 11rem;
  left: calc(50% - 6rem);
  width: 12rem;
  height: 13rem;
}
@media only screen and (min-width: 640px) {
  .onboarding-wellbeing .onboarding__popin__content-avatar:after {
    left: calc(50% - 10rem);
    background-size: 19rem;
    width: 24rem;
    height: 26rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding-wellbeing .onboarding__popin__content-avatar:after {
    background-size: 21rem;
  }
}

.oncology__eval {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2rem;
}
.oncology__eval-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.oncology__eval-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}

.oncology__expert {
  padding: 2rem 0 0;
  margin-bottom: 6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .oncology__expert {
    padding: 3rem 0 0;
  }
}
.oncology__expert-button {
  background-color: #354B5C;
  color: #FFF;
}
.oncology__expert-button:hover {
  background-color: #233A4B;
}
.oncology__expert__row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.oncology__expert__help {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .oncology__expert__help {
    width: 50%;
    min-height: 30rem;
    padding: 0 5rem;
    margin-top: 2rem;
    border-bottom: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.oncology__expert__help-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .oncology__expert__help-content {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.oncology__expert__help-character {
  background-image: url("/public/images/brush_nurse.png");
  background-repeat: no-repeat;
  background-size: 15rem;
  min-width: 15rem;
  min-height: 19rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .oncology__expert__help-character {
    background-size: 19rem;
    margin-bottom: -14rem;
    height: 23rem;
    width: 20rem;
  }
}
.oncology__expert__form {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .oncology__expert__form {
    width: 50%;
    min-height: 30rem;
    padding: 0 5rem;
    border-left: 0.2rem solid #f4f3f1;
  }
}
.oncology__expert__form > p {
  margin: 0.5rem 0;
}
.oncology__expert__form > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2rem;
}
.oncology__expert__form-submit {
  padding: 0 0.5rem;
  max-width: 19rem;
  margin: 1rem auto 2rem;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .oncology__expert__form-submit {
    width: 60%;
  }
}
.oncology__expert__form-submit .button-phone-left:before {
  width: 1.2rem;
  height: 1.6rem;
}

.onboarding-oncology .onboarding__popin__content-step:nth-child(2):before {
  content: "";
  position: absolute;
  top: -3rem;
  left: -0.6rem;
  width: 10.2rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_2.svg");
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-oncology .onboarding__popin__content-step:nth-child(2):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-oncology .onboarding__popin__content-step:nth-child(2):after {
  content: "";
  position: absolute;
  top: 6rem;
  right: -1.8rem;
  width: 13.8rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_1.svg");
  background-repeat: no-repeat;
  background-position: 1.7rem 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
@media only screen and (min-width: 640px) {
  .onboarding-oncology .onboarding__popin__content-step:nth-child(2):after {
    top: 10rem;
    right: -7rem;
    width: 27.5rem;
    height: 15.3rem;
  }
}
.onboarding-oncology .onboarding__popin__content-step:nth-child(3):before {
  content: "";
  position: absolute;
  top: -3rem;
  left: 1.6rem;
  width: 10.2rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_3.svg");
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-oncology .onboarding__popin__content-step:nth-child(3):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-oncology .onboarding__popin__content-step:nth-child(3):after {
  content: "";
  position: absolute;
  top: 0rem;
  right: 4.2rem;
  width: 6.4rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_nurse.svg");
  background-repeat: no-repeat;
  -webkit-transform: scale(0.8) rotate(23deg);
          transform: scale(0.8) rotate(23deg);
}
@media only screen and (min-width: 640px) {
  .onboarding-oncology .onboarding__popin__content-step:nth-child(3):after {
    top: -1rem;
    right: 7rem;
    width: 14.4rem;
    height: 17.4rem;
  }
}
.onboarding-oncology .onboarding__popin__content-avatar {
  background-image: none;
}
.onboarding-oncology .onboarding__popin__content-avatar:after {
  content: "";
  position: absolute;
  background-image: url("/public/images/brush_nurse.png");
  background-repeat: no-repeat;
  background-size: 11rem;
  left: calc(50% - 6rem);
  width: 12rem;
  height: 13rem;
}
@media only screen and (min-width: 640px) {
  .onboarding-oncology .onboarding__popin__content-avatar:after {
    left: calc(50% - 10rem);
    background-size: 19rem;
    width: 24rem;
    height: 26rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding-oncology .onboarding__popin__content-avatar:after {
    background-size: 21rem;
  }
}

.oncology__testimonials h1 {
  max-width: 1200px;
  margin: 0 auto 2rem;
  padding: 0 2rem 1.3rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-family: "Titillium Web SemiBold";
  color: #354B5C;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .oncology__testimonials h1 {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
.oncology__testimonials h1::before {
  content: "";
  position: absolute;
  height: 0.3rem;
  background-color: #354B5C;
  bottom: 0;
  margin: 0 auto;
  width: 8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .oncology__testimonials h1::before {
    left: 3rem;
    margin-left: 2rem;
  }
}

.testimonials {
  margin: 2rem auto;
  padding: 0;
}
@supports (-ms-flow-from: thingy) {
  .testimonials {
    height: 45rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .testimonials-image {
    float: right;
    width: 50%;
    padding: 0.5rem;
  }
}
.testimonials-content {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .testimonials-content {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.testimonials-link {
  position: relative;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: normal;
  color: #354B5C;
  letter-spacing: 0.1rem;
  line-height: 2rem;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .testimonials-link {
    font-size: 1.92rem;
  }
}
.testimonials-link::before {
  content: "";
  position: absolute;
  height: 0.1rem;
  background-color: #354B5C;
  bottom: 0;
  left: 0rem;
  margin: 0.2rem auto;
  width: 7.7rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .testimonials-link::before {
    width: 9.3rem;
  }
}
.testimonials-link.more-link::before {
  width: 6.2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .testimonials-link.more-link::before {
    width: 8.1rem;
  }
}
.testimonials-container {
  position: relative;
  border-radius: 0.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .testimonials-container {
    padding: 2.5rem 1rem;
  }
  .testimonials-container::before {
    position: absolute;
    content: "";
    left: 0.5rem;
    background-image: url("/public/images/icon-quote.svg");
    background-repeat: no-repeat;
    opacity: 0.22;
    width: 5rem;
    height: 5rem;
    top: 0.5rem;
  }
  .testimonials-container::after {
    position: absolute;
    content: "";
    right: 0rem;
    background-image: url("/public/images/icon-quote.svg");
    background-repeat: no-repeat;
    opacity: 0.22;
    width: 5rem;
    height: 5rem;
    bottom: 2.5rem;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .testimonials-container-ellipsis {
    width: 50%;
    padding-right: 0;
  }
}
.testimonials-container-ellipsis .testimonials-content {
  height: 27rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.caregiver__eval {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2rem;
}
.caregiver__eval-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #354B5C;
  position: relative;
  margin-bottom: 5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caregiver__eval-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #354B5C;
}

.onboarding-caregiver .onboarding__popin__content-step:nth-child(2):before {
  content: "";
  position: absolute;
  top: -2rem;
  left: -0.6rem;
  width: 10.2rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_2.svg");
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-caregiver .onboarding__popin__content-step:nth-child(2):before {
    left: 1.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-caregiver .onboarding__popin__content-step:nth-child(2):after {
  content: "";
  position: absolute;
  top: 6rem;
  right: -1.8rem;
  width: 13.8rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_1.svg");
  background-repeat: no-repeat;
  background-position: 1.7rem 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
@media only screen and (min-width: 640px) {
  .onboarding-caregiver .onboarding__popin__content-step:nth-child(2):after {
    top: 10rem;
    right: -7rem;
    width: 27.5rem;
    height: 15.3rem;
  }
}
.onboarding-caregiver .onboarding__popin__content-step:nth-child(3):before {
  content: "";
  position: absolute;
  top: -3rem;
  left: 1.6rem;
  width: 10.2rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_3.svg");
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-caregiver .onboarding__popin__content-step:nth-child(3):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-caregiver .onboarding__popin__content-step:nth-child(3):after {
  content: "";
  position: absolute;
  top: 0rem;
  right: 4.2rem;
  width: 6.4rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_mary.svg");
  background-repeat: no-repeat;
  -webkit-transform: scale(0.8) rotate(23deg);
          transform: scale(0.8) rotate(23deg);
}
@media only screen and (min-width: 640px) {
  .onboarding-caregiver .onboarding__popin__content-step:nth-child(3):after {
    top: -1rem;
    right: 7rem;
    width: 14.4rem;
    height: 17.4rem;
  }
}
.onboarding-caregiver .onboarding__popin__content-avatar {
  background-image: none;
}
.onboarding-caregiver .onboarding__popin__content-avatar:after {
  content: "";
  position: absolute;
  background-image: url("/public/images/brush_mary.png");
  background-repeat: no-repeat;
  background-size: 11rem;
  left: calc(50% - 6rem);
  width: 12rem;
  height: 13rem;
}
@media only screen and (min-width: 640px) {
  .onboarding-caregiver .onboarding__popin__content-avatar:after {
    left: calc(50% - 10rem);
    background-size: 19rem;
    width: 24rem;
    height: 26rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding-caregiver .onboarding__popin__content-avatar:after {
    background-size: 21rem;
  }
}

.caregiver__expert {
  padding: 2rem 0 0;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert {
    padding: 3rem 0 0;
    margin-bottom: 6rem;
  }
}
.caregiver__expert-row {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.caregiver__expert__help {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert__help {
    width: 45%;
    min-height: 30rem;
    padding: 0 1rem;
    margin-top: 2rem;
    border-bottom: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.caregiver__expert__help-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert__help-content {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.caregiver__expert__help-character {
  background-image: url("/public/images/brush_mary.png");
  background-repeat: no-repeat;
  background-size: 20rem;
  min-width: 19rem;
  min-height: 24rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert__help-character {
    background-size: 20rem;
    margin-bottom: -22rem;
    height: 24rem;
    width: 19rem;
  }
}
.caregiver__expert__help-bubble {
  font-family: "Caveat";
  font-size: 2.5rem;
  font-weight: bold;
  color: #404f5a;
  margin: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert__help-bubble {
    max-width: 26rem;
    margin: 1rem;
    text-align: left;
  }
  .caregiver__expert__help-bubble:after {
    content: "";
    position: absolute;
    left: 20rem;
    margin: 1rem;
    top: 85%;
    background-image: url("/public/images/bubble-long.svg");
    background-repeat: no-repeat;
    height: 4rem;
    width: 12rem;
  }
}
.caregiver__expert__form {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    width: 55%;
    min-height: 30rem;
    padding: 0 5rem;
    border-left: 0.2rem solid #f4f3f1;
  }
}
.caregiver__expert__form-head {
  text-align: center;
  margin-top: 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert__form-head {
    text-align: left;
    margin-top: unset;
  }
}
.caregiver__expert__form-head div {
  margin-bottom: 0.5rem;
}
.caregiver__expert__form__blocks {
  text-align: center;
  display: block;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert__form__blocks {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: center;
  }
}
.caregiver__expert__form__blocks > div {
  min-width: 23rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.caregiver__expert__form__blocks-social-report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert__form__blocks-social-report > p {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .caregiver__expert__form__blocks-social-report > * {
    padding-right: 2rem;
  }
}
.caregiver__expert__form__blocks-social-report .caregiver__expert__form__blocks-submit {
  min-width: 19rem;
  width: 19rem;
}
.caregiver__expert__form__blocks-submit {
  margin: 1rem auto 2rem;
  width: 100%;
}
.caregiver__expert__form__blocks-submit .button-phone-left:before {
  width: 1.2rem;
  height: 1.6rem;
}
.caregiver__expert__form__blocks-submit .button-mail-left:before {
  width: 1.9rem;
  height: 1.35rem;
}
.caregiver__expert__form__blocks-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert__form__blocks-information > * {
    padding-left: 2rem;
  }
  .caregiver__expert__form__blocks-information > p {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border-left: 0.2rem solid #f4f3f1;
  }
}
.caregiver__expert__form__blocks-information .caregiver__expert__form__blocks-submit {
  min-width: 22rem;
  width: 22rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__expert__form__blocks-information .caregiver__expert__form__blocks-submit {
    min-width: 24rem;
    width: 24rem;
  }
}
.caregiver__expert__form__blocks-information .caregiver__expert__form__blocks-submit .button {
  max-width: 22rem;
  padding-right: 0;
}

.caregiver__guides-avatar {
  text-align: center;
  position: relative;
  font-size: 2.5rem;
  color: white;
  font-family: "Caveat";
  font-weight: bold;
  margin: 5.2rem auto 0;
  width: 100%;
  padding: 0 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .caregiver__guides-avatar {
    padding: 0 0 0 27rem;
    margin-bottom: 2.8rem;
    width: 50rem;
    text-align: flex-start;
  }
  .caregiver__guides-avatar:before {
    position: absolute;
    content: "";
    bottom: -9rem;
    right: 32rem;
    width: 22rem;
    height: 24rem;
    background-size: 25rem;
    background-image: url("/public/images/mary_3.png");
  }
  .caregiver__guides-avatar:after {
    height: 5.6rem;
    width: 6.6rem;
    position: absolute;
    content: "";
    bottom: 2rem;
    right: 27rem;
    background: url("/public/images/bubble-alt.svg");
  }
}

.assistance-envelope {
  margin-top: 2rem;
}
.assistance-envelope h1 {
  margin-top: 0;
}
.assistance-envelope-header {
  padding: 0 1rem;
}
.assistance-envelope-header > .title {
  padding: 1rem 0;
  font-weight: bold;
  color: #354b5c;
  font-size: 2.4rem;
}
.assistance-envelope-header > .date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #354b5c;
  font-size: 1.8rem;
}
.assistance-envelope .content-body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assistance-envelope .content-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.assistance-envelope .content-body .panel-graph,
.assistance-envelope .content-body .panel-history {
  height: 37rem;
}
.assistance-envelope .content-body .panel-history {
  overflow-y: auto;
  scrollbar-color: #DEDEDE #FFF;
  scrollbar-width: thin;
}
.assistance-envelope .content-body .panel-history::-webkit-scrollbar-track {
  background-color: #FFF;
}
.assistance-envelope .content-body .panel-history::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.assistance-envelope .content-body .panel-history::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #DEDEDE;
}
.assistance-envelope .services {
  position: relative;
  background: #F5F6F7 url("/public/images/edging.png") no-repeat center;
  background-position-y: 10rem;
  color: #354B5C;
}
.assistance-envelope .services:after, .assistance-envelope .services:before {
  content: "";
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 3rem;
  position: absolute;
  left: 0;
  -webkit-mask-image: url("/public/images/bottom-decoration.svg");
          mask-image: url("/public/images/bottom-decoration.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.assistance-envelope .services:before {
  background-color: #F5F6F7;
  top: -0.6rem;
}
@media only screen and (min-width: 640px) {
  .assistance-envelope .services:before {
    top: -1rem;
  }
}
.assistance-envelope .services:after {
  background-color: #FFF;
  bottom: -2.4rem;
}
@media only screen and (min-width: 640px) {
  .assistance-envelope .services:after {
    bottom: -1rem;
  }
}
.assistance-envelope .services .card-filter-group {
  width: 100%;
}
.assistance-envelope .services .card-filter-container {
  cursor: pointer;
}
.assistance-envelope .services .card-filter-container:hover .card-filter-content {
  -webkit-animation: ease-in-out 0.2s downCard forwards;
          animation: ease-in-out 0.2s downCard forwards;
}
@-webkit-keyframes downCard {
  from {
    top: 0;
  }
  to {
    top: 1rem;
  }
}
@keyframes downCard {
  from {
    top: 0;
  }
  to {
    top: 1rem;
  }
}
.assistance-envelope .services .card-filter-container .guide {
  position: relative;
  height: 16rem;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .assistance-envelope .services .card-filter-container .guide {
    height: 18rem;
  }
}
.assistance-envelope .services .card-filter-container .guide .card-filter-content {
  position: absolute;
  width: 100%;
  height: 16rem;
  background: #FFF;
  -webkit-transition: top 3s ease-in-out;
  transition: top 3s ease-in-out;
}
@media only screen and (min-width: 640px) {
  .assistance-envelope .services .card-filter-container .guide .card-filter-content {
    height: 18rem;
  }
}
.assistance-envelope .services .card-filter-container .guide .card-filter-content .card-filter-text {
  position: absolute;
  bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assistance-envelope .services .card-filter-container .guide .card-filter-content .card-filter-text {
    bottom: 3rem;
  }
}
.assistance-envelope .services .card-filter-container .guide .card-filter-content.all {
  background: #FFF url("/public/images/services-tous.svg") no-repeat center;
  background-position-y: 4rem;
  background-size: 9rem;
}
.assistance-envelope .services .card-filter-container .guide .card-filter-content.life-project {
  background: #FFF url("/public/images/services-home.svg") no-repeat center;
  background-position-y: 4rem;
  background-size: 8rem;
}
.assistance-envelope .services .card-filter-container .guide .card-filter-content.moment-respite {
  background: #FFF url("/public/images/services-zen.svg") no-repeat center;
  background-position-y: 4rem;
  background-size: 7rem;
}
.assistance-envelope .services .card-filter-container .guide .card-filter-content.daily-life {
  background: #FFF url("/public/images/services-tasse.svg") no-repeat center;
  background-position-y: 4rem;
  background-size: 7rem;
}
.assistance-envelope .services .card-filter-container .guide .card-filter-content.children {
  background: #FFF url("/public/images/services-enfant.svg") no-repeat center;
  background-position-y: 3rem;
  background-size: 6rem;
}
.assistance-envelope .services .card-filter-container .guide .card-filter-content.shifting {
  background: #FFF url("/public/images/services-transport.svg") no-repeat center;
  background-position-y: 4rem;
  background-size: 7rem;
}
.assistance-envelope .services .type-services {
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 4.2rem;
  color: #354B5C;
  padding-left: 1rem;
}
.assistance-envelope .indicator {
  position: relative;
  width: 3.5rem;
  height: 2.3rem;
  margin-left: 0.5rem;
  top: calc(50% - 1.15rem);
  background-size: 2.4rem 1.6rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("/public/images/icon-info.svg");
  z-index: 9;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assistance-envelope .indicator {
    width: 3.5rem;
    height: 2.3rem;
    right: 0.5rem;
    top: calc(50% - 1.15rem);
    background-size: 2.4rem 1.6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("/public/images/icon-info.svg");
    z-index: 9;
  }
}
.assistance-envelope .indicator .indicator-content {
  font-size: 1.3rem;
  position: absolute;
  bottom: 3.3rem;
  right: -1.4rem;
  width: 18rem;
  height: auto;
  background-color: #cccccc;
  border-radius: 0.3rem;
  padding: 1rem;
  z-index: 9;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s opacity 0.15s ease-in;
  transition: 0.2s opacity 0.15s ease-in;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assistance-envelope .indicator .indicator-content {
    right: -5.6rem;
  }
}
.assistance-envelope .indicator .indicator-content::before {
  content: "";
  position: absolute;
  left: 13.3rem;
  bottom: -1rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 1rem 0 1rem;
  border-color: #cccccc transparent transparent transparent;
  z-index: 9;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assistance-envelope .indicator .indicator-content::before {
    left: 9rem;
  }
}
.assistance-envelope .indicator:hover .indicator-content {
  opacity: 1;
  visibility: visible;
}
.assistance-envelope .interaction {
  color: #354B5C;
}
.assistance-envelope .interaction .interaction-flip-confirmation {
  font-weight: bold;
}
.assistance-envelope .interaction img {
  width: 3rem;
}
.assistance-envelope .interaction .loader__veil_content {
  position: relative;
}

.onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(2):before {
  content: "";
  position: absolute;
  top: -2rem;
  left: -0.6rem;
  width: 10.2rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_2.svg");
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(2):before {
    left: 1.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(2):after {
  content: "";
  position: absolute;
  top: 4rem;
  right: -2.9rem;
  width: 9.8rem;
  height: 8.7rem;
  background-size: 100%;
  background-image: url("/public/images/services-popin1.svg");
  background-repeat: no-repeat;
  background-position: 1.7rem 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
@media only screen and (min-width: 640px) {
  .onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(2):after {
    top: 10rem;
    right: -5.6rem;
    width: 16.5rem;
    height: 15.3rem;
  }
}
.onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(3):before {
  content: "";
  position: absolute;
  top: -3rem;
  left: 1.6rem;
  width: 10.2rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_4.svg");
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(3):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(3):after {
  content: "";
  position: absolute;
  top: 0rem;
  right: 6.2rem;
  width: 6.4rem;
  height: 9.7rem;
  background-size: 100%;
  background-image: url("/public/images/services-popin2.svg");
  background-repeat: no-repeat;
  -webkit-transform: scale(0.8) rotate(23deg);
          transform: scale(0.8) rotate(23deg);
}
@media only screen and (min-width: 640px) {
  .onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(3):after {
    top: -1rem;
    right: 7rem;
    width: 14.4rem;
    height: 19.4rem;
  }
}
.onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(4):before {
  content: "";
  position: absolute;
  top: -3rem;
  left: 1.6rem;
  width: 10.2rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/popin_2.svg");
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
  .onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(4):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(4):after {
  content: "";
  position: absolute;
  top: 4rem;
  right: 3.2rem;
  width: 9.4rem;
  height: 7.7rem;
  background-size: 100%;
  background-image: url("/public/images/services-popin3.svg");
  background-repeat: no-repeat;
  -webkit-transform: scale(0.8) rotate(23deg);
          transform: scale(0.8) rotate(23deg);
}
@media only screen and (min-width: 640px) {
  .onboarding-assistance-envelope .onboarding__popin__content-step:nth-child(4):after {
    top: 8rem;
    right: 2rem;
    width: 19.4rem;
    height: 17.4rem;
  }
}
.onboarding-assistance-envelope .onboarding__popin__content-avatar {
  background-image: none;
}
.onboarding-assistance-envelope .onboarding__popin__content-avatar:after {
  content: "";
  position: absolute;
  background-image: url("/public/images/brush_emma.png");
  background-repeat: no-repeat;
  background-size: 11rem;
  left: calc(50% - 6rem);
  width: 12rem;
  height: 13rem;
}
@media only screen and (min-width: 640px) {
  .onboarding-assistance-envelope .onboarding__popin__content-avatar:after {
    left: calc(50% - 10rem);
    background-size: 19rem;
    width: 24rem;
    height: 26rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .onboarding-assistance-envelope .onboarding__popin__content-avatar:after {
    background-size: 21rem;
  }
}
@media only screen and (min-width: 640px) {
  .onboarding-assistance-envelope .onboarding__popin__content-avatar:after {
    top: 2rem;
    background-size: 24rem;
    left: calc(50% - 12rem);
  }
}

.faq__content__categories {
  width: 100%;
  font-size: 1.6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .faq__content__categories {
    width: 28rem;
    background-color: #FFFFFF;
    -webkit-box-shadow: -1px 2px 8px 2px rgba(0, 0, 0, 0.16);
            box-shadow: -1px 2px 8px 2px rgba(0, 0, 0, 0.16);
    border-radius: 0.3rem;
    margin-right: 3rem;
  }
}
.faq__content__categories-mobile {
  position: relative;
  margin-bottom: 5rem;
}
.faq__content__categories-mobile:after {
  content: "";
  position: absolute;
  height: 2.6rem;
  width: 2.6rem;
  top: calc(50% - 1.3rem);
  right: 2rem;
  background-image: url("/public/images/icon-chevron-right.svg");
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  background-repeat: no-repeat;
  background-position: center;
}
.faq__content__categories-mobile select {
  height: 8rem;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  color: #354b5c;
  text-transform: uppercase;
  background-color: #FFFFFF;
  padding-left: 2rem;
  -webkit-box-shadow: -1px 2px 8px 2px rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 8px 2px rgba(0, 0, 0, 0.16);
  border-radius: 0.3rem;
  border-left: 2px solid #FD5252;
  border-top: none;
  border-bottom: none;
  border-right: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .faq__content__categories-mobile {
    display: none;
  }
}
.faq__content__categories-title {
  display: none;
  text-decoration: none;
  color: #86939D;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2rem;
  text-transform: uppercase;
  height: 8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .faq__content__categories-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.faq__content__categories-title:not(:first-child) {
  border-top: solid 1px #e4e2dd;
}
.faq__content__categories-title:first-child {
  border-top-left-radius: 0.3rem;
}
.faq__content__categories-title:last-child {
  border-bottom-left-radius: 0.3rem;
}
.faq__content__categories-title.active {
  border-left: 2px solid #FD5252;
  font-weight: bold;
  color: #354b5c;
  cursor: default;
}
.faq__content__text {
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .faq__content__text {
    width: calc(100% - 31rem);
  }
}
.faq__content__theme-title {
  font-size: 2.6rem;
  line-height: 2.8rem;
  font-weight: bold;
  color: #354b5c;
  margin-bottom: 3.4rem;
}
.faq__content__theme-qa {
  margin-bottom: 3rem;
}
.faq__content__theme-qa-question {
  font-size: 2.2rem;
  line-height: 2.4rem;
  color: #354B5C;
  cursor: pointer;
}
.faq__content__theme-qa-question:after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("/public/images/icon-chevron-right-red.svg");
  background-repeat: no-repeat;
  background-position: 85% 100%;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transition: -webkit-transform ease-in-out 0.15s;
  transition: -webkit-transform ease-in-out 0.15s;
  transition: transform ease-in-out 0.15s;
  transition: transform ease-in-out 0.15s, -webkit-transform ease-in-out 0.15s;
  margin-left: 0.5rem;
}
.faq__content__theme-qa-question.open:after {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}
.faq__content__theme-qa-question.open + .faq__content__theme-qa-answer {
  display: block;
}
.faq__content__theme-qa-answer {
  display: none;
  font-size: 1.8rem;
  line-height: 2rem;
  color: #6b757d;
  margin-top: 2.7rem;
  padding-bottom: 0.5rem;
  position: relative;
}
.faq__content__theme-qa-answer:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  left: 0;
  top: -1.5rem;
}
.faq__content__webcallback {
  margin-top: 3rem;
  position: relative;
  margin-bottom: 16rem;
  width: 100%;
  height: 20rem;
  background-image: url("/public/images/faq-font.png");
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.faq__content__webcallback:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(64, 79, 90, 0.05);
  border-radius: 1rem;
}
.faq__content__webcallback-title {
  color: #354B5C;
  font-size: 26px;
  margin-bottom: 1rem;
  text-align: center;
}
.faq__content__webcallback-button {
  width: auto;
  margin-top: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

#faq-landing.new-faq .loader {
  margin-bottom: 50%;
}
#faq-landing.new-faq .loader .MuiCircularProgress-root {
  margin-top: 25%;
}
#faq-landing.new-faq .hero-banner {
  padding: 4rem 16rem 0rem;
  margin-bottom: -15rem;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 640px) {
  #faq-landing.new-faq .hero-banner {
    background-position: center;
  }
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .hero-banner {
    background-size: 110rem;
    padding: 0;
    margin: auto auto -8rem;
  }
}
#faq-landing.new-faq .hero-banner.reduce-title-faq h1 {
  font-family: Manrope;
  font-size: 42px;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: 0;
  color: #FFFFFF;
  padding: 0 0 15rem 0;
  margin-top: -2rem;
  text-align: right;
  right: 60%;
  position: relative;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .hero-banner.reduce-title-faq h1 {
    text-align: left;
    position: initial;
  }
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .hero-banner.reduce-title-faq h1 {
    width: 80%;
    line-height: 38px;
    padding: 6rem 0 9rem 2rem;
    font-size: 28px;
  }
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .hero-banner.reduce-title-faq.error {
    height: 40rem;
  }
}
#faq-landing.new-faq .card-wrapper {
  margin: -55px auto 10rem;
  border-top: 4px solid #49C0D5;
  background: #fff;
  width: calc(100% - 40px);
  -webkit-box-shadow: 0 10px 40px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px 1px rgba(0, 0, 0, 0.1);
  color: #354B5C;
  border-radius: 6px;
}
#faq-landing.new-faq .card-wrapper.wrapper {
  padding: 0;
}
#faq-landing.new-faq .card-wrapper.summary {
  border: 1px solid rgba(53, 75, 92, 0.4);
  border-top: 4px solid #49C0D5;
  text-align: left;
  padding-top: 4rem;
  position: relative;
}
#faq-landing.new-faq .card-wrapper.summary .navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 -12rem;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.02em;
  text-align: left;
  padding-left: 14%;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .navigation {
    width: 100%;
    padding: 0 2rem;
    margin: 0;
    line-height: 19px;
    gap: 1rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .navigation .previous {
  color: #FD5252;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .navigation .previous {
    content: url("/public/images/landing/pictos/faq-previous.svg");
    color: #FFFFFF;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 1rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .navigation .MuiBreadcrumbs-root {
  white-space: normal;
}
#faq-landing.new-faq .card-wrapper.summary .navigation .MuiBreadcrumbs-root .MuiBreadcrumbs-ol .MuiBreadcrumbs-li a {
  color: #FD5252;
  text-decoration: none;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.02em;
  text-align: left;
  cursor: pointer;
}
#faq-landing.new-faq .card-wrapper.summary .navigation .MuiBreadcrumbs-root .MuiBreadcrumbs-ol .MuiBreadcrumbs-separator {
  color: #FD5252;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.02em;
  text-align: left;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 14%;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories {
    padding: 0 2rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories.category {
  margin-top: 4rem;
  background-color: #F3F3F8;
  padding: 0;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories.category h1 {
  padding: 0 14%;
  margin-top: 3rem;
  font-size: 20px;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories.category h1 {
    padding: 0 2rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories.category .wrapper_categories-bloc {
  padding: 0 14%;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories.category .wrapper_categories-bloc {
    padding: 0 2rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories.category .wrapper_categories-bloc .faq-card {
  background-color: #FFFFFF;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories h1 {
  font-family: Manrope;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0;
  text-align: left;
  color: #283C50;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories h1 {
    font-size: 20px;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories .wrapper_categories-bloc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories .wrapper_categories-bloc {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1rem;
    margin-bottom: 3rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories .wrapper_categories-bloc .faq-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 18rem;
  height: 18rem;
  margin-left: 2.5rem;
  margin-bottom: 2.5rem;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid gray;
  border-radius: 8px;
  cursor: pointer;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories .wrapper_categories-bloc .faq-card {
    width: 13rem;
    height: 14rem;
    margin: 0;
  }
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories .wrapper_categories-bloc .faq-card {
      margin: 0.5rem;
      width: 12rem;
    }
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories .wrapper_categories-bloc .faq-card .title {
  font-family: Manrope;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  color: #283C50;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-categories .wrapper_categories-bloc .faq-card .title {
    font-size: 14px;
    line-height: 17px;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-frequent-questions {
  background-color: #F3F3F8;
  border: solid 1px #C8CDD7;
  border-right: 0;
  border-left: 0;
  padding: 2rem 0 4rem;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-frequent-questions h2 {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0;
  text-align: left;
  padding-left: 14%;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-frequent-questions h2 {
    padding: 0 2rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-frequent-questions .wrapper_frequent-question-bloc {
  width: 80%;
  padding-left: 14%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-frequent-questions .wrapper_frequent-question-bloc {
    width: 100%;
    padding: 0 2rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-frequent-questions .wrapper_frequent-question-bloc .question {
  border-bottom: solid 1px #354B5C;
  padding: 2rem 2rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-frequent-questions .wrapper_frequent-question-bloc .question {
    padding: 2rem 1rem 1rem 0rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-frequent-questions .wrapper_frequent-question-bloc .question .question-label {
  width: 90%;
  font-family: Manrope;
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0;
  text-align: left;
  cursor: pointer;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-frequent-questions .wrapper_frequent-question-bloc .question .question-arrow {
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-user-support {
  margin: 4rem 18%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  border-radius: 10px;
  border: 1px solid #879BAF;
  padding: 4rem 0;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-user-support {
    margin: 4rem 2rem;
    padding: 0 0 2rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-user-support h2 {
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0;
  text-align: center;
  color: #283C50;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-user-support h2 {
    padding: 1rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-user-support button {
  margin: auto;
  padding: 1rem 1.5rem 1rem 1.5rem;
  border-radius: 8px;
  border: none;
  font-family: Manrope;
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0;
  text-align: right;
  background-color: #FD5252;
  color: #FFFFFF;
  cursor: pointer;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-user-support button {
    width: 80%;
    text-align: center;
    line-height: 24px;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  padding: 0 14%;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category {
    padding: 0 2rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .navigation {
  margin: 0 -24rem;
  white-space: nowrap;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .navigation {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category h1 {
  font-family: Manrope;
  font-size: 30px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0;
  text-align: left;
  color: #283C50;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category h1 {
    font-size: 20px;
    line-height: 30px;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .wrapper_message-information {
  font-family: Manrope;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  color: #283C50;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .wrapper_message-information {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .wrapper_message-information .content_message-information {
    width: 85%;
    overflow: scroll;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .wrapper_thematics-bloc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .wrapper_thematics-bloc .thematic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1rem;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .wrapper_thematics-bloc .thematic .thematic-label {
  border-bottom: 1px solid #354B5C;
  background-color: #F3F3F8;
  font-family: Manrope;
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 0;
  text-align: left;
  color: #283C50;
  padding: 2rem;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .wrapper_thematics-bloc .thematic .question {
  border-bottom: solid 1px #354B5C;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .wrapper_thematics-bloc .thematic .question {
    padding: 2rem 1rem 1rem 0rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .wrapper_thematics-bloc .thematic .question .question-label {
  width: 90%;
  font-family: Manrope;
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0;
  text-align: left;
  cursor: pointer;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-category .wrapper_thematics-bloc .thematic .question .question-arrow {
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 14%;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question {
    padding: 0 2rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .navigation {
  margin: 0 -24rem;
  white-space: nowrap;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .navigation {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question h1 {
  font-family: Manrope;
  font-size: 30px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: 0;
  text-align: left;
  color: #283C50;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question h1 {
    font-family: Manrope;
    font-size: 20px;
    line-height: 27px;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .wrapper_question-bloc {
  font-family: Manrope;
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0;
  text-align: left;
  color: #283C50;
  border-bottom: 1px solid #354B5C;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .wrapper_question-bloc {
    line-height: 24px;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .wrapper_question-bloc img {
  max-width: 100%;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2rem;
  margin: 4rem auto 0;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    margin: 0;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful p {
  font-family: Manrope;
  font-size: 17px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0;
  text-align: left;
  color: #283C50;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful p {
    text-align: center;
    font-size: 14px;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
  margin: 0.5rem auto auto;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons {
    margin: auto;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons button {
  margin: auto;
  width: 17rem;
  height: 5rem;
  border-radius: 8px;
  border: 1px solid #879BAF;
  cursor: pointer;
  font-family: Manrope;
  font-size: 17px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0;
  text-align: center;
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons button {
    width: 14rem;
  }
}
@media only screen and (max-width: 1025px) {
  #faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons button {
    width: 12rem;
  }
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons button.primary {
  background-color: #FD5252;
  color: #FFFFFF;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons button.secondary {
  background-color: #FFFFFF;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons .button-yes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons .button-yes .thank-for-answer-yes {
  visibility: initial;
  color: #00C378;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 0.5rem;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons .button-yes .thank-for-answer-yes:before {
  content: url("/public/images/landing/vector-faq.svg");
  margin-right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons .button-yes .thank-for-answer-yes.hidden {
  visibility: hidden;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons .button-no {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons .button-no .thank-for-answer-no {
  visibility: initial;
  color: #00C378;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 0.5rem;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons .button-no .thank-for-answer-no:before {
  content: url("/public/images/landing/vector-faq.svg");
  margin-right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#faq-landing.new-faq .card-wrapper.summary .faq-landing-wrapper-question .ask-useful .buttons .button-no .thank-for-answer-no.hidden {
  visibility: hidden;
}

#su-landing.UserSupport .hero-banner {
  padding: 4rem 16rem 0rem;
  margin-bottom: -15rem;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 640px) {
  #su-landing.UserSupport .hero-banner {
    background-position: center;
  }
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .hero-banner {
    padding: 0;
    background-size: 1300px 400px;
  }
}
@media only screen and (max-width: 1025px) {
  #su-landing.UserSupport .hero-banner {
    padding: 2rem 2rem 3rem;
  }
}
#su-landing.UserSupport .hero-banner.reduce-title-faq h1 {
  font-family: Manrope;
  font-size: 42px;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: 0;
  text-align: left;
  color: #FFFFFF;
  padding-bottom: 15rem;
  margin-top: -2rem;
}
@media only screen and (max-width: 1025px) {
  #su-landing.UserSupport .hero-banner.reduce-title-faq h1 {
    width: 80%;
  }
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .hero-banner.reduce-title-faq h1 {
    font-size: 28px;
    padding-bottom: 11rem;
    margin-top: 0rem;
  }
}
@media only screen and (max-width: 1025px) {
  #su-landing.UserSupport .hero-banner.reduce-title-faq.error {
    height: 40rem;
  }
}
#su-landing.UserSupport .card-wrapper {
  margin: -55px auto 10rem;
  border-top: 4px solid #49C0D5;
  background: #fff;
  width: calc(100% - 40px);
  -webkit-box-shadow: 0 10px 40px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px 1px rgba(0, 0, 0, 0.1);
  color: #354B5C;
  border-radius: 6px;
}
#su-landing.UserSupport .card-wrapper.wrapper {
  padding: 0;
}
#su-landing.UserSupport .card-wrapper.summary {
  border: 1px solid rgba(53, 75, 92, 0.4);
  border-top: 4px solid #49C0D5;
  text-align: left;
  padding-top: 4rem;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .card-wrapper.summary {
    padding-top: 1rem;
  }
  #su-landing.UserSupport .card-wrapper.summary .summary-title {
    text-align: center;
    margin-inline: 25%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
#su-landing.UserSupport .card-wrapper.summary .navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  width: 80%;
  margin: 0 -12rem;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.02em;
  text-align: left;
  padding-left: 14%;
}
#su-landing.UserSupport .card-wrapper.summary .navigation .previous {
  color: #FD5252;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .card-wrapper.summary .navigation {
    gap: 0rem;
    margin: 0 -3rem;
  }
  #su-landing.UserSupport .card-wrapper.summary .navigation .breadcrumbs {
    display: none;
  }
}
#su-landing.UserSupport .card-wrapper.summary .navigation .MuiBreadcrumbs-root .MuiBreadcrumbs-ol .MuiBreadcrumbs-li a {
  color: #FD5252;
  text-decoration: none;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.02em;
  text-align: left;
}
#su-landing.UserSupport .card-wrapper.summary .navigation .MuiBreadcrumbs-root .MuiBreadcrumbs-ol .MuiBreadcrumbs-separator {
  color: #FD5252;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.02em;
  text-align: left;
}
#su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 14%;
}
@media only screen and (max-width: 1025px) {
  #su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper {
    padding: 0 2rem;
  }
}
#su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper h1, #su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper h2 {
  font-family: Manrope;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0;
  text-align: left;
  color: #283C50;
}
#su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper h2 {
  font-size: 24px;
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper {
    margin-top: -1rem;
  }
  #su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper h1 {
    font-size: 22px;
  }
  #su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper h3 {
    font-size: 17px;
  }
}
#su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper.border {
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px solid #C8CDD7;
}
#su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper .wrapper_categories-bloc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1025px) {
  #su-landing.UserSupport .card-wrapper.summary .su-landing-wrapper .wrapper_categories-bloc {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1rem;
    margin-bottom: 3rem;
  }
}
#su-landing.UserSupport .card-wrapper.centered {
  text-align: center;
}
#su-landing.UserSupport button {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-inline: auto;
  margin-block: 5%;
  padding: 1rem 1.5rem 1rem 1.5rem;
  border-radius: 8px;
  border: none;
  font-family: Manrope;
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0;
  text-align: right;
  background-color: #FD5252;
  color: #FFFFFF;
}
@media only screen and (max-width: 1025px) {
  #su-landing.UserSupport button {
    width: 80%;
    text-align: center;
  }
}
#su-landing.UserSupport .form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#su-landing.UserSupport .form-box-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
#su-landing.UserSupport .form-box-line {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .form-box-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    #su-landing.UserSupport .form-box-line {
      margin-bottom: 2rem;
    }
  }
}
#su-landing.UserSupport .form-box-line .size-1 {
  width: 25%;
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .form-box-line .size-1 {
    width: 100%;
  }
  #su-landing.UserSupport .form-box-line .size-1.push {
    width: 70%;
  }
}
#su-landing.UserSupport .form-box-line .size-2 {
  width: 49%;
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .form-box-line .size-2 {
    width: 100%;
  }
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    #su-landing.UserSupport .form-box-line .size-2:not(:last-child) {
      margin-bottom: 2rem;
    }
  }
}
#su-landing.UserSupport .text-zone {
  width: 100%;
  min-height: 500%;
  border-radius: 5px;
  border: 1px solid #879BAF;
}
#su-landing.UserSupport .select {
  width: 100%;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    #su-landing.UserSupport .select {
      margin-bottom: 2rem;
    }
  }
}
#su-landing.UserSupport .select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .select select {
    padding-right: 7%;
    text-overflow: ellipsis;
  }
}
#su-landing.UserSupport .select .select-button {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
#su-landing.UserSupport .su-info {
  border-radius: 5px;
  background-color: #DCF0FF;
  padding: 0 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 24px;
}
#su-landing.UserSupport .su-info img {
  -ms-flex-item-align: self-start;
      -ms-grid-row-align: self-start;
      align-self: self-start;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: -10px;
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .su-info img {
    margin-left: 0px;
  }
}
#su-landing.UserSupport .stepper-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 25px;
}
#su-landing.UserSupport .stepper-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#su-landing.UserSupport .stepper-circle {
  margin-top: -25px;
  width: 15.907px;
  height: 16px;
  border-radius: 15px;
  border: 3px solid #283C50;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .stepper-circle {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-top: 25px;
  }
}
#su-landing.UserSupport .stepper-line {
  width: 1px;
  height: 82px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px dashed #283C50;
  position: absolute;
  top: 40px;
  left: 6px;
}
@media only screen and (max-width: 677px) {
  #su-landing.UserSupport .stepper-line {
    height: 10rem;
  }
}
@media only screen and (max-width: 639px) {
  #su-landing.UserSupport .stepper-line {
    top: 4.5rem;
  }
}
@media only screen and (max-width: 552px) {
  #su-landing.UserSupport .stepper-line {
    height: 11rem;
  }
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .stepper-line {
    top: 4rem;
  }
}
@media only screen and (max-width: 468px) {
  #su-landing.UserSupport .stepper-line {
    height: 14rem;
  }
}
@media only screen and (max-width: 392px) {
  #su-landing.UserSupport .stepper-line {
    height: 18rem;
  }
}
@media only screen and (max-width: 343px) {
  #su-landing.UserSupport .stepper-line {
    height: 21rem;
  }
}
#su-landing.UserSupport hr {
  width: 100%;
  height: 1px;
  background: #C8CDD7;
}
#su-landing.UserSupport .stepper-text, #su-landing.UserSupport .stepper-text-mobile {
  margin-left: 20px;
  color: var(--ima-gris-06283-c-50, #283C50);
  font-family: Manrope;
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  #su-landing.UserSupport .stepper-text {
    display: none;
  }
  #su-landing.UserSupport .stepper-text-mobile {
    display: block;
    line-height: 30px;
    font-size: 17px;
  }
}
#su-landing.UserSupport .field {
  position: relative;
  color: var(--ima-gris-primaire-283-c-50, #283C50);
  font-size: 17px;
  font-weight: 500;
}
#su-landing.UserSupport .field label {
  position: absolute;
  top: 1.5rem;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--ima-gris-055-b-6-e-83, #5B6E83);
  font-size: 12px;
  font-weight: 500;
}
#su-landing.UserSupport .field input, #su-landing.UserSupport .field select, #su-landing.UserSupport .field textarea {
  height: 56px;
  padding-left: 10px;
  padding-top: 25px;
  color: var(--ima-gris-primaire-283-c-50, #283C50);
  font-size: 17px;
  font-weight: 500;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #879BAF;
}
#su-landing.UserSupport .field textarea {
  height: 190px;
  margin-top: 15px;
}
#su-landing.UserSupport .field.error input, #su-landing.UserSupport .field.error textarea, #su-landing.UserSupport .field.error select {
  border: 1px solid #FD5252;
}
#su-landing.UserSupport .field.error .field-error-message {
  font-weight: lighter;
  display: block;
  font-size: small;
  color: #FD5252;
  margin-top: 1rem;
}

.line-simple-page {
  background: transparent;
  border-color: #E9E8E7;
  -webkit-box-shadow: -1px 2px 5px 0.5px rgba(212, 212, 212, 0.7);
          box-shadow: -1px 2px 5px 0.5px rgba(212, 212, 212, 0.7);
  border-width: 0 0 1px;
  border-style: solid;
}

.btn-navigation-simple-page-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  .btn-navigation-simple-page-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.btn-navigation-simple-page {
  display: inline-block;
  width: auto;
  font-size: 1.6rem;
  margin-top: 4rem;
  padding-left: 3.6rem;
  padding-right: 3.6rem;
}

.back-navigation:before {
  content: "";
  display: inline-block;
  width: 13.1px;
  height: 10px;
  background: url("/public/images/icon-return-white.svg");
  margin-right: 1rem;
}

.simple-page-title {
  font-size: 4rem;
  color: #354b5c;
  line-height: 4rem;
  width: 100%;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 7rem;
}
.simple-page-title:after {
  content: "";
  position: absolute;
  width: 9.4rem;
  height: 3px;
  background-color: #354b5c;
  left: calc(50% - 4.7rem);
  top: calc(100% + 1.2rem);
}
.simple-page__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .simple-page__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.landing-direct,
.not-connected-services {
  color: #354B5C;
}
.landing-direct .forgotten-password,
.not-connected-services .forgotten-password {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #86939d;
  text-transform: none;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 300;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 1.5rem auto;
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .forgotten-password,
.not-connected-services .forgotten-password {
    position: absolute;
    right: 0;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .not-connected-page__header__content,
.not-connected-services .not-connected-page__header__content {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
.landing-direct .hidden,
.not-connected-services .hidden {
  display: none !important;
}
.landing-direct .tag,
.not-connected-services .tag {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 1px solid #7A8894;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
  margin-left: 1rem;
  overflow: hidden;
}
.landing-direct .tag .label,
.not-connected-services .tag .label {
  padding: 0 0.4rem;
  line-height: 2rem;
  background: linear-gradient(45deg, #354B5C, #7A8894);
  color: white;
}
.landing-direct .tag .value,
.not-connected-services .tag .value {
  padding: 0 0.4rem;
  line-height: 2rem;
}
.landing-direct_banner,
.not-connected-services_banner {
  position: relative;
  height: 31rem;
}
.landing-direct_banner_img,
.not-connected-services_banner_img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 32rem;
  position: relative;
  display: none;
}
.landing-direct_banner_img-mobile,
.not-connected-services_banner_img-mobile {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 32rem;
  position: relative;
  display: block;
}
@media only screen and (min-width: 640px) {
  .landing-direct_banner_img,
.not-connected-services_banner_img {
    display: block;
  }
  .landing-direct_banner_img-mobile,
.not-connected-services_banner_img-mobile {
    display: none;
  }
}
.landing-direct_banner_img:after,
.not-connected-services_banner_img:after {
  background-image: url("/public/images/bottom-decoration.svg");
  content: "";
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: -1.5rem;
  left: 0;
}
.landing-direct_banner_text,
.not-connected-services_banner_text {
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct_banner_text,
.not-connected-services_banner_text {
    top: 4rem;
  }
}
.landing-direct_banner_text .title,
.not-connected-services_banner_text .title {
  color: #FFF;
  font-weight: bold;
  font-size: 2.3rem;
  line-height: 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct_banner_text .title,
.not-connected-services_banner_text .title {
    font-size: 4rem;
    line-height: 7rem;
  }
}
.landing-direct_banner_text .subtitle,
.not-connected-services_banner_text .subtitle {
  font-size: 1.8rem;
  line-height: 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct_banner_text .subtitle,
.not-connected-services_banner_text .subtitle {
    font-size: 2.8rem;
  }
}
.landing-direct_banner_text .description,
.not-connected-services_banner_text .description {
  font-size: 1.6rem;
  width: 25rem;
}
@media only screen and (min-width: 640px) {
  .landing-direct_banner_text .description,
.not-connected-services_banner_text .description {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.8rem;
  }
}
.landing-direct .card,
.not-connected-services .card {
  width: auto;
  height: auto;
  max-width: 100%;
  margin-top: -8rem;
  padding: 3rem 1rem;
  font-size: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .card,
.not-connected-services .card {
    margin: -10rem 8rem 5rem 8rem;
    padding: 3rem 5rem;
  }
}
.landing-direct .card:before,
.not-connected-services .card:before {
  background-color: #49C0D5;
}
.landing-direct .flex-column,
.not-connected-services .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.landing-direct__engagements,
.not-connected-services__engagements {
  width: 100%;
}
.landing-direct__engagements-content,
.not-connected-services__engagements-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct__engagements-content,
.not-connected-services__engagements-content {
    padding-top: 4rem;
    padding-bottom: 7rem;
  }
}
.landing-direct__engagements-title,
.not-connected-services__engagements-title {
  color: #354b5c;
  font-size: 2rem;
  line-height: 2.2rem;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct__engagements-title,
.not-connected-services__engagements-title {
    font-size: 2.7rem;
    line-height: 3.6rem;
  }
}
.landing-direct__engagements-title:after,
.not-connected-services__engagements-title:after {
  margin-top: 1rem;
  content: "";
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 9rem;
  height: 1px;
  background-color: #354b5c;
}
.landing-direct__engagements-list,
.not-connected-services__engagements-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding-top: 2rem;
  padding-bottom: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@supports (-ms-flow-from: thingy) {
  .landing-direct__engagements-list,
.not-connected-services__engagements-list {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct__engagements-list,
.not-connected-services__engagements-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.landing-direct__engagements-item,
.not-connected-services__engagements-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.landing-direct__engagements-item:not(:first-child),
.not-connected-services__engagements-item:not(:first-child) {
  margin-top: 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct__engagements-item:not(:first-child),
.not-connected-services__engagements-item:not(:first-child) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct__engagements-item,
.not-connected-services__engagements-item {
    width: 25%;
  }
}
.landing-direct__engagements-illustration,
.not-connected-services__engagements-illustration {
  position: relative;
  background-image: url("/public/images/round_brush.svg");
  width: 10rem;
  height: 10rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct__engagements-illustration,
.not-connected-services__engagements-illustration {
    width: 17rem;
    height: 17rem;
  }
}
.landing-direct__engagements-illustration-number,
.not-connected-services__engagements-illustration-number {
  z-index: 2;
  position: absolute;
  background-color: #738A9B;
  color: white;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
  width: 1.5rem;
  height: 1.5rem;
  left: 0.5rem;
  top: 1.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct__engagements-illustration-number,
.not-connected-services__engagements-illustration-number {
    font-size: 1.9rem;
    width: 2.7rem;
    height: 2.7rem;
    top: 2.5rem;
  }
}
.landing-direct__engagements-illustration-image,
.not-connected-services__engagements-illustration-image {
  z-index: 1;
  position: absolute;
  top: 2.5rem;
  left: 2rem;
  right: 2.5rem;
  bottom: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.landing-direct__engagements-text,
.not-connected-services__engagements-text {
  text-align: center;
  color: #354B5C;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct__engagements-text,
.not-connected-services__engagements-text {
    margin-top: 2rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.landing-direct .button,
.not-connected-services .button {
  width: 20rem;
  height: 5rem;
  margin: auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .button.push-right,
.not-connected-services .button.push-right {
    margin-left: 1.5rem;
  }
}
.landing-direct .form,
.not-connected-services .form {
  width: 100%;
}
.landing-direct .form input[type=password]::-ms-reveal, .landing-direct .form input[type=password]::-ms-clear,
.not-connected-services .form input[type=password]::-ms-reveal,
.not-connected-services .form input[type=password]::-ms-clear {
  display: none;
}
.landing-direct .form .designed-radio,
.not-connected-services .form .designed-radio {
  padding-left: 1rem;
  padding-top: 2rem;
}
.landing-direct .form .designed-radio input,
.not-connected-services .form .designed-radio input {
  margin-bottom: 1rem;
  padding: 0 0.25rem;
  cursor: pointer;
  display: none;
}
.landing-direct .form .designed-radio input:checked + label,
.not-connected-services .form .designed-radio input:checked + label {
  background-color: #354B5C;
  color: #fff;
}
.landing-direct .form .designed-radio label,
.not-connected-services .form .designed-radio label {
  padding: 1rem 2rem 1rem;
  color: #354B5C;
  border: 0.1rem solid #354B5C;
  border-radius: 0.5rem;
  font-size: 1.5rem;
}
.landing-direct .form input[type=checkbox],
.not-connected-services .form input[type=checkbox] {
  position: relative;
  opacity: 1;
  cursor: pointer;
  height: auto;
  width: 30px;
  vertical-align: middle;
}
.landing-direct .form .checkbox-container,
.not-connected-services .form .checkbox-container {
  position: absolute;
  margin: 1rem;
  height: 1.3rem;
  width: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.landing-direct .form .checkbox-container.error,
.not-connected-services .form .checkbox-container.error {
  background-color: #FD5252;
  position: absolute;
  margin: 0.9rem;
  height: 1.5rem;
  width: 1.5rem;
}
.landing-direct .form .checkbox-container input[type=checkbox],
.not-connected-services .form .checkbox-container input[type=checkbox] {
  margin: 0;
}
.landing-direct .form .label-checkbox,
.not-connected-services .form .label-checkbox {
  display: block;
  margin-left: 2.3rem;
  padding: 0.6rem;
  font-size: 1.5rem;
  line-height: 20px;
  position: unset;
  text-transform: unset;
  color: #354B5C;
}
.landing-direct .form div.reveal-password,
.not-connected-services .form div.reveal-password {
  z-index: 2;
  position: absolute;
  width: 2.5rem;
  height: 2rem;
  top: 1.8em;
  right: 1.3rem;
  float: right;
  background-color: #fff;
}
.landing-direct .form div.reveal-password:before,
.not-connected-services .form div.reveal-password:before {
  content: "";
  position: absolute;
  background-image: url("/public/images/reveal_password.jpg");
  background-size: 2.5rem 2.3rem;
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
  height: 2rem;
  opacity: 0.5;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .form div.reveal-password,
.not-connected-services .form div.reveal-password {
    top: 1.5em;
  }
}
.landing-direct .form div.reveal-password:hover:before,
.not-connected-services .form div.reveal-password:hover:before {
  opacity: 1;
  cursor: pointer;
}
.landing-direct .form__action-group,
.not-connected-services .form__action-group {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .form__action-group,
.not-connected-services .form__action-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@supports (-ms-flow-from: thingy) {
  .landing-direct .form__action-group,
.not-connected-services .form__action-group {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.landing-direct .form__action-group .button,
.not-connected-services .form__action-group .button {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  min-height: 5rem;
  width: 100%;
  margin-bottom: 1.5rem;
  text-transform: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .form__action-group .button,
.not-connected-services .form__action-group .button {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    min-height: auto;
    width: 17rem;
  }
}
.landing-direct .form__action-group a,
.not-connected-services .form__action-group a {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .form__action-group a,
.not-connected-services .form__action-group a {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.landing-direct .form__input-group,
.not-connected-services .form__input-group {
  position: relative;
}
.landing-direct .form__input-group .row,
.not-connected-services .form__input-group .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.landing-direct .form__input-group > label, .landing-direct .form #dateOfBirth label,
.not-connected-services .form__input-group > label,
.not-connected-services .form #dateOfBirth label {
  z-index: 1;
  font-size: 1.6rem;
  color: #354B5C;
  position: absolute;
  left: 2rem;
  top: 1.7rem;
  -webkit-transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.landing-direct .form.has-error input,
.not-connected-services .form.has-error input {
  border-bottom: 0.1rem solid #FD5252;
}
.landing-direct .form__error,
.not-connected-services .form__error {
  position: relative;
  margin: 1rem;
  background-color: #FD5252;
  color: white;
  padding: 1.5rem 1.5rem 1.5rem 4.5rem;
  font-size: 1.4rem;
}
.landing-direct .form__error:before,
.not-connected-services .form__error:before {
  content: "";
  position: absolute;
  left: 1.2rem;
  top: calc(50% - 1rem);
  width: 2rem;
  height: 2rem;
  background: url("/public/images/icon-alert.svg") no-repeat;
}
.landing-direct .form__error a,
.not-connected-services .form__error a {
  color: white;
}
.landing-direct .form .field,
.not-connected-services .form .field {
  position: relative;
  display: block;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .form .field,
.not-connected-services .form .field {
    margin-bottom: 1rem;
  }
}
.landing-direct .form .field.input-half,
.not-connected-services .form .field.input-half {
  width: calc(100%);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .form .field.input-half,
.not-connected-services .form .field.input-half {
    width: calc(50%);
  }
}
.landing-direct .form .field .info-message-for-field,
.not-connected-services .form .field .info-message-for-field {
  font-size: 1.2rem;
  color: #535050;
  padding-left: 1rem;
  display: inline-block;
  line-height: 1.5rem;
  margin-top: 0.5rem;
}
.landing-direct .form .field .error-message-for-field,
.not-connected-services .form .field .error-message-for-field {
  color: #FD5252;
  position: absolute;
  top: 100%;
  left: 1rem;
  font-size: 1.2rem;
}
.landing-direct .form .field.error,
.not-connected-services .form .field.error {
  margin-bottom: 2.7rem;
}
.landing-direct .form .field.error input,
.not-connected-services .form .field.error input {
  border-bottom: 0.1rem solid #FD5252;
}
.landing-direct .form input[type=password], .landing-direct .form input[type=text], .landing-direct .form input[type=tel], .landing-direct .form input[type=email], .landing-direct .form #dateOfBirth input,
.not-connected-services .form input[type=password],
.not-connected-services .form input[type=text],
.not-connected-services .form input[type=tel],
.not-connected-services .form input[type=email],
.not-connected-services .form #dateOfBirth input {
  font-size: initial;
  z-index: 2;
  border: none;
  border-bottom: 0.1rem solid #CCCCCC;
  margin-top: 1rem;
  margin-left: 1rem;
  border-radius: unset;
  padding: 0.5rem;
  background: none;
  font-family: "Titillium Web Regular";
  min-width: 0;
  width: calc(100% - 2rem);
}
.landing-direct .form input[type=password].input-user, .landing-direct .form input[type=password].input-email, .landing-direct .form input[type=password].input-phone, .landing-direct .form input[type=password].input-password, .landing-direct .form input[type=text].input-user, .landing-direct .form input[type=text].input-email, .landing-direct .form input[type=text].input-phone, .landing-direct .form input[type=text].input-password, .landing-direct .form input[type=tel].input-user, .landing-direct .form input[type=tel].input-email, .landing-direct .form input[type=tel].input-phone, .landing-direct .form input[type=tel].input-password, .landing-direct .form input[type=email].input-user, .landing-direct .form input[type=email].input-email, .landing-direct .form input[type=email].input-phone, .landing-direct .form input[type=email].input-password, .landing-direct .form #dateOfBirth input.input-user, .landing-direct .form #dateOfBirth input.input-email, .landing-direct .form #dateOfBirth input.input-phone, .landing-direct .form #dateOfBirth input.input-password,
.not-connected-services .form input[type=password].input-user,
.not-connected-services .form input[type=password].input-email,
.not-connected-services .form input[type=password].input-phone,
.not-connected-services .form input[type=password].input-password,
.not-connected-services .form input[type=text].input-user,
.not-connected-services .form input[type=text].input-email,
.not-connected-services .form input[type=text].input-phone,
.not-connected-services .form input[type=text].input-password,
.not-connected-services .form input[type=tel].input-user,
.not-connected-services .form input[type=tel].input-email,
.not-connected-services .form input[type=tel].input-phone,
.not-connected-services .form input[type=tel].input-password,
.not-connected-services .form input[type=email].input-user,
.not-connected-services .form input[type=email].input-email,
.not-connected-services .form input[type=email].input-phone,
.not-connected-services .form input[type=email].input-password,
.not-connected-services .form #dateOfBirth input.input-user,
.not-connected-services .form #dateOfBirth input.input-email,
.not-connected-services .form #dateOfBirth input.input-phone,
.not-connected-services .form #dateOfBirth input.input-password {
  padding-left: 4.2rem;
  background-size: 3.5rem 2.3rem;
  background-repeat: no-repeat;
  background-position: left center;
}
.landing-direct .form input[type=password].input-user + label, .landing-direct .form input[type=password].input-email + label, .landing-direct .form input[type=password].input-phone + label, .landing-direct .form input[type=password].input-password + label, .landing-direct .form input[type=text].input-user + label, .landing-direct .form input[type=text].input-email + label, .landing-direct .form input[type=text].input-phone + label, .landing-direct .form input[type=text].input-password + label, .landing-direct .form input[type=tel].input-user + label, .landing-direct .form input[type=tel].input-email + label, .landing-direct .form input[type=tel].input-phone + label, .landing-direct .form input[type=tel].input-password + label, .landing-direct .form input[type=email].input-user + label, .landing-direct .form input[type=email].input-email + label, .landing-direct .form input[type=email].input-phone + label, .landing-direct .form input[type=email].input-password + label, .landing-direct .form #dateOfBirth input.input-user + label, .landing-direct .form #dateOfBirth input.input-email + label, .landing-direct .form #dateOfBirth input.input-phone + label, .landing-direct .form #dateOfBirth input.input-password + label,
.not-connected-services .form input[type=password].input-user + label,
.not-connected-services .form input[type=password].input-email + label,
.not-connected-services .form input[type=password].input-phone + label,
.not-connected-services .form input[type=password].input-password + label,
.not-connected-services .form input[type=text].input-user + label,
.not-connected-services .form input[type=text].input-email + label,
.not-connected-services .form input[type=text].input-phone + label,
.not-connected-services .form input[type=text].input-password + label,
.not-connected-services .form input[type=tel].input-user + label,
.not-connected-services .form input[type=tel].input-email + label,
.not-connected-services .form input[type=tel].input-phone + label,
.not-connected-services .form input[type=tel].input-password + label,
.not-connected-services .form input[type=email].input-user + label,
.not-connected-services .form input[type=email].input-email + label,
.not-connected-services .form input[type=email].input-phone + label,
.not-connected-services .form input[type=email].input-password + label,
.not-connected-services .form #dateOfBirth input.input-user + label,
.not-connected-services .form #dateOfBirth input.input-email + label,
.not-connected-services .form #dateOfBirth input.input-phone + label,
.not-connected-services .form #dateOfBirth input.input-password + label {
  left: 5rem;
}
.landing-direct .form input[type=password].input-user, .landing-direct .form input[type=text].input-user, .landing-direct .form input[type=tel].input-user, .landing-direct .form input[type=email].input-user, .landing-direct .form #dateOfBirth input.input-user,
.not-connected-services .form input[type=password].input-user,
.not-connected-services .form input[type=text].input-user,
.not-connected-services .form input[type=tel].input-user,
.not-connected-services .form input[type=email].input-user,
.not-connected-services .form #dateOfBirth input.input-user {
  background-image: url("/public/images/icon-login-user.svg");
}
.landing-direct .form input[type=password].input-phone, .landing-direct .form input[type=text].input-phone, .landing-direct .form input[type=tel].input-phone, .landing-direct .form input[type=email].input-phone, .landing-direct .form #dateOfBirth input.input-phone,
.not-connected-services .form input[type=password].input-phone,
.not-connected-services .form input[type=text].input-phone,
.not-connected-services .form input[type=tel].input-phone,
.not-connected-services .form input[type=email].input-phone,
.not-connected-services .form #dateOfBirth input.input-phone {
  background-image: url("/public/images/icon-smartphone-light.svg");
}
.landing-direct .form input[type=password].input-email, .landing-direct .form input[type=text].input-email, .landing-direct .form input[type=tel].input-email, .landing-direct .form input[type=email].input-email, .landing-direct .form #dateOfBirth input.input-email,
.not-connected-services .form input[type=password].input-email,
.not-connected-services .form input[type=text].input-email,
.not-connected-services .form input[type=tel].input-email,
.not-connected-services .form input[type=email].input-email,
.not-connected-services .form #dateOfBirth input.input-email {
  background-image: url("/public/images/icon-login-mail.svg");
}
.landing-direct .form input[type=password].input-password, .landing-direct .form input[type=text].input-password, .landing-direct .form input[type=tel].input-password, .landing-direct .form input[type=email].input-password, .landing-direct .form #dateOfBirth input.input-password,
.not-connected-services .form input[type=password].input-password,
.not-connected-services .form input[type=text].input-password,
.not-connected-services .form input[type=tel].input-password,
.not-connected-services .form input[type=email].input-password,
.not-connected-services .form #dateOfBirth input.input-password {
  background-image: url("/public/images/icon-login-password.svg");
}
.landing-direct .form input[type=password] .top-label, .landing-direct .form input[type=text] .top-label, .landing-direct .form input[type=tel] .top-label, .landing-direct .form input[type=email] .top-label, .landing-direct .form #dateOfBirth input .top-label,
.not-connected-services .form input[type=password] .top-label,
.not-connected-services .form input[type=text] .top-label,
.not-connected-services .form input[type=tel] .top-label,
.not-connected-services .form input[type=email] .top-label,
.not-connected-services .form #dateOfBirth input .top-label {
  left: 1rem;
  -webkit-transform: translateY(-100%) scale(0.8);
          transform: translateY(-100%) scale(0.8);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.landing-direct .form input[type=password]:focus, .landing-direct .form input[type=password]:-webkit-autofill, .landing-direct .form input[type=text]:focus, .landing-direct .form input[type=text]:-webkit-autofill, .landing-direct .form input[type=tel]:focus, .landing-direct .form input[type=tel]:-webkit-autofill, .landing-direct .form input[type=email]:focus, .landing-direct .form input[type=email]:-webkit-autofill, .landing-direct .form #dateOfBirth input:focus, .landing-direct .form #dateOfBirth input:-webkit-autofill,
.not-connected-services .form input[type=password]:focus,
.not-connected-services .form input[type=password]:-webkit-autofill,
.not-connected-services .form input[type=text]:focus,
.not-connected-services .form input[type=text]:-webkit-autofill,
.not-connected-services .form input[type=tel]:focus,
.not-connected-services .form input[type=tel]:-webkit-autofill,
.not-connected-services .form input[type=email]:focus,
.not-connected-services .form input[type=email]:-webkit-autofill,
.not-connected-services .form #dateOfBirth input:focus,
.not-connected-services .form #dateOfBirth input:-webkit-autofill {
  outline: none;
}
.landing-direct .form input[type=password]:focus ~ .infobulle, .landing-direct .form input[type=password]:-webkit-autofill ~ .infobulle, .landing-direct .form input[type=text]:focus ~ .infobulle, .landing-direct .form input[type=text]:-webkit-autofill ~ .infobulle, .landing-direct .form input[type=tel]:focus ~ .infobulle, .landing-direct .form input[type=tel]:-webkit-autofill ~ .infobulle, .landing-direct .form input[type=email]:focus ~ .infobulle, .landing-direct .form input[type=email]:-webkit-autofill ~ .infobulle, .landing-direct .form #dateOfBirth input:focus ~ .infobulle, .landing-direct .form #dateOfBirth input:-webkit-autofill ~ .infobulle,
.not-connected-services .form input[type=password]:focus ~ .infobulle,
.not-connected-services .form input[type=password]:-webkit-autofill ~ .infobulle,
.not-connected-services .form input[type=text]:focus ~ .infobulle,
.not-connected-services .form input[type=text]:-webkit-autofill ~ .infobulle,
.not-connected-services .form input[type=tel]:focus ~ .infobulle,
.not-connected-services .form input[type=tel]:-webkit-autofill ~ .infobulle,
.not-connected-services .form input[type=email]:focus ~ .infobulle,
.not-connected-services .form input[type=email]:-webkit-autofill ~ .infobulle,
.not-connected-services .form #dateOfBirth input:focus ~ .infobulle,
.not-connected-services .form #dateOfBirth input:-webkit-autofill ~ .infobulle {
  display: inline-block;
}
.landing-direct .form input[type=password]:focus + label, .landing-direct .form input[type=password]:-webkit-autofill + label, .landing-direct .form input[type=text]:focus + label, .landing-direct .form input[type=text]:-webkit-autofill + label, .landing-direct .form input[type=tel]:focus + label, .landing-direct .form input[type=tel]:-webkit-autofill + label, .landing-direct .form input[type=email]:focus + label, .landing-direct .form input[type=email]:-webkit-autofill + label, .landing-direct .form #dateOfBirth input:focus + label, .landing-direct .form #dateOfBirth input:-webkit-autofill + label,
.not-connected-services .form input[type=password]:focus + label,
.not-connected-services .form input[type=password]:-webkit-autofill + label,
.not-connected-services .form input[type=text]:focus + label,
.not-connected-services .form input[type=text]:-webkit-autofill + label,
.not-connected-services .form input[type=tel]:focus + label,
.not-connected-services .form input[type=tel]:-webkit-autofill + label,
.not-connected-services .form input[type=email]:focus + label,
.not-connected-services .form input[type=email]:-webkit-autofill + label,
.not-connected-services .form #dateOfBirth input:focus + label,
.not-connected-services .form #dateOfBirth input:-webkit-autofill + label {
  z-index: 2;
  left: 1rem;
  -webkit-transform: translateY(-100%) scale(0.8);
          transform: translateY(-100%) scale(0.8);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.landing-direct .form input[type=password]:valid, .landing-direct .form input[type=text]:valid, .landing-direct .form input[type=tel]:valid, .landing-direct .form input[type=email]:valid, .landing-direct .form #dateOfBirth input:valid,
.not-connected-services .form input[type=password]:valid,
.not-connected-services .form input[type=text]:valid,
.not-connected-services .form input[type=tel]:valid,
.not-connected-services .form input[type=email]:valid,
.not-connected-services .form #dateOfBirth input:valid {
  outline: 0;
}
.landing-direct .form input[type=password]:valid + label, .landing-direct .form input[type=password]:not(.place-holder-shown) + label, .landing-direct .form input[type=text]:valid + label, .landing-direct .form input[type=text]:not(.place-holder-shown) + label, .landing-direct .form input[type=tel]:valid + label, .landing-direct .form input[type=tel]:not(.place-holder-shown) + label, .landing-direct .form input[type=email]:valid + label, .landing-direct .form input[type=email]:not(.place-holder-shown) + label, .landing-direct .form #dateOfBirth input:valid + label, .landing-direct .form #dateOfBirth input:not(.place-holder-shown) + label,
.not-connected-services .form input[type=password]:valid + label,
.not-connected-services .form input[type=password]:not(.place-holder-shown) + label,
.not-connected-services .form input[type=text]:valid + label,
.not-connected-services .form input[type=text]:not(.place-holder-shown) + label,
.not-connected-services .form input[type=tel]:valid + label,
.not-connected-services .form input[type=tel]:not(.place-holder-shown) + label,
.not-connected-services .form input[type=email]:valid + label,
.not-connected-services .form input[type=email]:not(.place-holder-shown) + label,
.not-connected-services .form #dateOfBirth input:valid + label,
.not-connected-services .form #dateOfBirth input:not(.place-holder-shown) + label {
  z-index: 2;
  left: 1rem;
  -webkit-transform: translateY(-100%) scale(0.8);
          transform: translateY(-100%) scale(0.8);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.landing-direct .form input[type=password]:invalid, .landing-direct .form input[type=text]:invalid, .landing-direct .form input[type=tel]:invalid, .landing-direct .form input[type=email]:invalid, .landing-direct .form #dateOfBirth input:invalid,
.not-connected-services .form input[type=password]:invalid,
.not-connected-services .form input[type=text]:invalid,
.not-connected-services .form input[type=tel]:invalid,
.not-connected-services .form input[type=email]:invalid,
.not-connected-services .form #dateOfBirth input:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.landing-direct .form #dateOfBirth,
.not-connected-services .form #dateOfBirth {
  z-index: 3;
}
.landing-direct .login-sso,
.not-connected-services .login-sso {
  text-align: center;
  padding-bottom: 2rem;
  width: 100%;
}
.landing-direct .login-sso h2,
.not-connected-services .login-sso h2 {
  font-family: "Titillium Web Regular";
  margin-top: 0;
}
.landing-direct .login-sso img,
.not-connected-services .login-sso img {
  max-width: 44rem;
  width: 100%;
}
.landing-direct .login-sso .separator,
.not-connected-services .login-sso .separator {
  padding: 2rem 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #354B5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.landing-direct .login-sso .separator:before, .landing-direct .login-sso .separator:after,
.not-connected-services .login-sso .separator:before,
.not-connected-services .login-sso .separator:after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 2px dashed #354B5C;
  -webkit-transform: scaleX(0.8);
          transform: scaleX(0.8);
}

.not-connected-page {
  scroll-behavior: smooth;
}
.not-connected-page__header {
  z-index: 4;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
  height: 7rem;
  width: 100%;
  padding: 0;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__header {
    height: 9rem;
  }
}
.not-connected-page__header > .wrapper {
  height: 100%;
}
.not-connected-page__header__content {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.not-connected-page__header-logo {
  width: 11rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__header-logo {
    width: 17rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__header-logo {
    margin-right: 6.5rem;
  }
}
.not-connected-page__header-logo .header__logo-client {
  max-height: 7rem;
  max-width: 23rem;
}
.not-connected-page__header-logo .header__logo-portal {
  max-height: 7rem;
  max-width: 23rem;
}
.not-connected-page__header__menu {
  display: none;
  width: 100%;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.not-connected-page__header__menu-item {
  color: #354B5C;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
}
.not-connected-page__header__menu-item:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.not-connected-page__header__button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 3.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1.6rem;
  text-decoration: none;
  border: 1px solid #354B5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Titillium Web SemiBold";
  color: #354b5c;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__header__button {
    height: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__header__button {
    margin-left: 6.5rem;
  }
}
.not-connected-page__header__button:after {
  content: "";
  display: block;
  height: 1rem;
  width: 0.6rem;
  margin-left: 0.7rem;
  margin-top: 0.3rem;
  background-image: url("/public/images/chevron_connexion.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.not-connected-page__header__button:hover {
  background-color: #F4F3F1;
}
.not-connected-page__welcome {
  height: 30rem;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome {
    height: auto;
  }
}
.not-connected-page__welcome-wrapper {
  position: relative;
  z-index: 3;
}
.not-connected-page__welcome-image-desktop, .not-connected-page__welcome-image-mobile {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  background-size: cover;
}
.not-connected-page__welcome-image-desktop {
  left: 30%;
  top: 0;
  background-image: url("/public/images/visuel_hors_co_desktop.jpg");
  display: none;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome-image-desktop {
    display: block;
  }
}
.not-connected-page__welcome-image-mobile {
  top: 50%;
  left: 0;
  background-image: url("/public/images/visuel_hors_co_mobile.jpg");
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome-image-mobile {
    display: none;
  }
}
.not-connected-page__welcome > .wrapper {
  position: relative;
  z-index: 3;
  height: 100%;
}
.not-connected-page__welcome-content {
  padding-top: 1.5rem;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome-content {
    padding-top: 2.5rem;
    padding-bottom: 8rem;
    width: 45%;
  }
}
.not-connected-page__welcome-button {
  width: auto;
  top: -8.5rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  margin-top: 6rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome-button {
    padding-left: 6rem;
    padding-right: 6rem;
    font-size: 1.5rem;
    line-height: 1.6rem;
    left: 0rem;
    top: 0rem;
  }
}
.not-connected-page__welcome-title {
  color: #354B5C;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome-title {
    font-size: 2.8rem;
    line-height: 3.2rem;
    margin-bottom: 1.5rem;
  }
}
.not-connected-page__welcome-intro {
  color: #354B5C;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__welcome-intro {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 4rem;
  }
}
.not-connected-page__welcome__propose-by {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome__propose-by {
    display: unset;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.not-connected-page__welcome__propose-by-text {
  color: #354B5C;
  font-family: "Caveat";
  margin-bottom: 3.5rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__welcome__propose-by-text {
    font-size: 2rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
  }
}
.not-connected-page__welcome__propose-by-logo {
  width: 16rem;
  height: auto;
  padding-left: 4rem;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome__propose-by-logo {
    width: 27rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__welcome__propose-by-logo {
    width: 30rem;
  }
}
.not-connected-page__keywords {
  width: 100%;
  background-color: #354B5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__keywords {
    height: 2rem;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.not-connected-page__keywords-keyword {
  color: white;
  text-transform: none;
  font-size: 1rem;
  line-height: 1rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__keywords-keyword {
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 0;
  }
}
.not-connected-page__keywords-keyword:not(:last-child) {
  border-right: 1px solid white;
}
.not-connected-page__msq {
  width: 100%;
}
.not-connected-page__msq-content {
  padding-top: 4rem;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__msq-content {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
.not-connected-page__msq-title {
  font-size: 2rem;
  line-height: 2.2rem;
  text-align: center;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__msq-title {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
.not-connected-page__msq-title:after {
  margin-top: 1rem;
  content: "";
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 9rem;
  height: 1px;
  background-color: #354B5C;
}
.not-connected-page__msq__themes {
  margin-top: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__msq__themes {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.not-connected-page__msq__themes-theme {
  width: calc(50% - 1.5rem);
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__msq__themes-theme {
    margin-bottom: 0;
    width: 25%;
  }
  .not-connected-page__msq__themes-theme:not(:first-child) {
    padding-left: 1.7rem;
  }
  .not-connected-page__msq__themes-theme:not(:last-child) {
    padding-right: 1.7rem;
  }
}
.not-connected-page__msq__themes-image {
  height: 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__msq__themes-image {
    height: 8rem;
  }
}
.not-connected-page__msq__themes-title {
  color: #354B5C;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__msq__themes-title {
    font-size: 2.2rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}
.not-connected-page__msq__themes-text {
  color: #354b5c;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__msq__themes-text {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}
.not-connected-page__pathways__pathway {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways__pathway {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
.not-connected-page__pathways__pathway:nth-child(odd) {
  background-color: #F4F3F1;
}
.not-connected-page__pathways__pathway:nth-child(odd) .not-connected-page__pathways-photo-brush {
  background-image: url("/public/images/brush_1.png");
}
.not-connected-page__pathways__pathway:nth-child(odd) .not-connected-page__pathways-quote {
  background-color: #354B5C;
  color: white;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways__pathway:nth-child(odd) .not-connected-page__pathways-photo {
    border-bottom-right-radius: 5rem;
    border-bottom-left-radius: unset;
  }
  .not-connected-page__pathways__pathway:nth-child(odd) .not-connected-page__pathways-photo-brush {
    right: 2.5rem;
    left: unset;
    bottom: 0;
  }
  .not-connected-page__pathways__pathway:nth-child(odd) .not-connected-page__pathways__pathway-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .not-connected-page__pathways__pathway:nth-child(odd) .not-connected-page__pathways-quote-author {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .not-connected-page__pathways__pathway:nth-child(odd) .not-connected-page__pathways-quote-author-photo {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
.not-connected-page__pathways__pathway-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.not-connected-page__pathways-photo {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 5rem;
  background-size: cover;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__pathways-photo {
    height: 80%;
    width: 80%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-photo {
    height: 100%;
    width: 100%;
  }
}
.not-connected-page__pathways-photo-brush {
  z-index: 1;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  right: 5rem;
  bottom: 0.8rem;
  background-image: url("/public/images/brush_2.png");
  background-size: cover;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__pathways-photo-brush {
    height: 83%;
    width: 80%;
    right: 3rem;
    bottom: 10.8rem;
    background-size: cover;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-photo-brush {
    height: 48.4rem;
    width: 63.6rem;
    left: 2.5rem;
    bottom: 0;
  }
}
.not-connected-page__pathways-photo-wrapper {
  display: none;
  position: relative;
  height: 45.9rem;
  width: 52.3rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-photo-wrapper {
    display: block;
  }
}
.not-connected-page__pathways-photo-mobile {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.not-connected-page__pathways-photo-mobile-wrapper {
  position: relative;
  width: calc(100% - 2rem);
  margin-left: auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-photo-mobile-wrapper {
    display: none;
  }
}
.not-connected-page__pathways-photo-mobile-wrapper:before {
  content: "";
  display: block;
  padding-top: 90%;
}
.not-connected-page__pathways-presentation {
  width: 100%;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-presentation {
    width: calc(100% - 57.3rem);
  }
}
.not-connected-page__pathways-title {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 1rem;
  font-weight: bold;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-title {
    font-size: 3.2rem;
    text-align: unset;
    margin-bottom: 1.6rem;
  }
}
.not-connected-page__pathways-response {
  font-size: 1.4rem;
  line-height: 1.9rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-response {
    font-size: 2rem;
    line-height: 2.6rem;
  }
}
.not-connected-page__pathways-intro {
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin-bottom: 2rem;
  text-align: center;
  font-style: italic;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-intro {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    text-align: left;
  }
}
.not-connected-page__pathways-intro:after {
  margin-top: 1rem;
  content: "";
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 6rem;
  height: 1px;
  background-color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-intro:after {
    display: none;
  }
}
.not-connected-page__pathways__list {
  margin-bottom: 2.5rem;
}
.not-connected-page__pathways__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.4rem;
  line-height: 1.9rem;
  margin-top: 1.5rem;
}
.not-connected-page__pathways__list-item:before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.9rem;
  margin-top: 0.6rem;
  background-image: url("/public/images/icon-check_parcours.svg");
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways__list-item:before {
    width: 1.7rem;
    height: 1.3rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways__list-item {
    font-size: 2rem;
    line-height: 2.6rem;
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways__list {
    margin-bottom: 4.5rem;
  }
}
.not-connected-page__pathways-quote {
  position: relative;
  width: 100%;
  background-color: #F4F3F1;
  padding: 1rem 2rem;
  font-size: 1.8rem;
  line-height: 1.6rem;
  font-family: "Caveat";
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-quote {
    border-radius: 0.5rem;
    padding: 2.5rem;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 2.1rem;
    font-family: "Caveat";
  }
}
.not-connected-page__pathways-quote:before {
  position: absolute;
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  top: -0.5rem;
  left: 0.8rem;
  background-image: url("/public/images/icon-quote.svg");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-quote:before {
    width: 2.3rem;
    height: 2.2rem;
    top: -0.9rem;
  }
}
.not-connected-page__pathways-quote:after {
  position: absolute;
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  bottom: -0.5rem;
  background-image: url("/public/images/icon-quote.svg");
  background-repeat: no-repeat;
  right: 0.8rem;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-quote:after {
    width: 2.3rem;
    height: 2.2rem;
    bottom: -0.9rem;
  }
}
.not-connected-page__pathways-quote-author {
  margin-top: 1rem;
  height: 4.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-quote-author {
    margin-top: 2rem;
    height: 7.7rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.not-connected-page__pathways-quote-author-text {
  font-family: "Caveat";
  font-size: 1.4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-quote-author-text {
    font-size: 2.2rem;
  }
}
.not-connected-page__pathways-quote-author-photo {
  height: 100%;
  background-size: 100% auto;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-quote-author-photo {
    -webkit-transform: unset;
            transform: unset;
  }
}
.not-connected-page__pathways-quote-author-photo.nurse {
  width: 5rem;
  background-image: url("/public/images/nurse_2.png");
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-quote-author-photo.nurse {
    width: 8.3rem;
  }
}
.not-connected-page__pathways-quote-author-photo.coach {
  width: 7.8rem;
  background-image: url("/public/images/coach_1.png");
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-quote-author-photo.coach {
    width: 9.8rem;
  }
}
.not-connected-page__pathways-quote-author-photo.mary {
  width: 6rem;
  background-image: url("/public/images/mary_3.png");
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__pathways-quote-author-photo.mary {
    width: 9.3rem;
  }
}
.not-connected-page__services {
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #354b5c;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
}
.not-connected-page__services > .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.not-connected-page__services-title {
  color: white;
  font-size: 2rem;
  line-height: 2.2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services-title {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}
.not-connected-page__services-title:after {
  margin-top: 1rem;
  content: "";
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 9rem;
  height: 1px;
  background-color: white;
}
.not-connected-page__services-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services-content {
    margin-top: 7rem;
  }
}
.not-connected-page__services__service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .not-connected-page__services__service:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.not-connected-page__services__service:not(:first-child) {
  margin-top: 3rem;
}
.not-connected-page__services__service-presentation {
  position: relative;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #354b5c;
  padding: 5rem 3rem 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service-presentation {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 15%;
    border-radius: 0.5rem;
  }
}
.not-connected-page__services__service-presentation-wrapper {
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service-presentation-wrapper {
    position: relative;
    width: 40%;
  }
  .not-connected-page__services__service-presentation-wrapper:before {
    content: "";
    display: block;
    padding-top: 90%;
  }
}
.not-connected-page__services__service-type {
  position: absolute;
  left: 1rem;
  top: 1rem;
  font-family: "Caveat";
  font-weight: bold;
  padding: 0.5rem 2rem;
  background-size: 100% 100%;
  background-image: url("/public/images/brush_title.png");
  font-size: 1.4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service-type {
    font-size: 2.4rem;
    padding: 1rem 3rem;
  }
}
.not-connected-page__services__service-title {
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service-title {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
}
.not-connected-page__services__service-text {
  text-align: center;
  font-size: 1.2rem;
  line-height: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service-text {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}
.not-connected-page__services__service-button {
  position: absolute;
  bottom: 1rem;
  width: auto;
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service-button {
    bottom: 3rem;
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: 1.5rem;
    line-height: 1.6rem;
  }
}
.not-connected-page__services__service-photo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service-photo {
    border-radius: 0.5rem;
  }
}
.not-connected-page__services__service-photo-wrapper {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service-photo-wrapper {
    width: calc(60% - 3rem);
  }
}
.not-connected-page__services__service-photo-wrapper:before {
  content: "";
  display: block;
  padding-top: 65%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service-photo-wrapper:before {
    content: unset;
  }
}
.not-connected-page__services__service-photo .card__ribbon, .not-connected-page__services__service-photo .card__ribbon-new {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-bottom: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 8rem;
  position: absolute;
  left: -1.8rem;
  top: 1rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.6rem;
  line-height: 0.8rem;
  color: #fff;
  text-transform: none;
  z-index: 1;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__services__service-photo .card__ribbon, .not-connected-page__services__service-photo .card__ribbon-new {
    height: 3rem;
    width: 12.5rem;
    left: -3.2rem;
    top: 1.8rem;
    font-size: 1rem;
    line-height: 1.1rem;
    padding-bottom: 0.6rem;
  }
}
.not-connected-page__services__service-photo .card__ribbon:before, .not-connected-page__services__service-photo .card__ribbon-new:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/public/images/icon-ribbon.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.not-connected-page__services__service-photo .card__ribbon .card__ribbon-text,
.not-connected-page__services__service-photo .card__ribbon .card__ribbon-text-new, .not-connected-page__services__service-photo .card__ribbon-new .card__ribbon-text,
.not-connected-page__services__service-photo .card__ribbon-new .card__ribbon-text-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__services__service-photo .card__ribbon .card__ribbon-text,
.not-connected-page__services__service-photo .card__ribbon .card__ribbon-text-new, .not-connected-page__services__service-photo .card__ribbon-new .card__ribbon-text,
.not-connected-page__services__service-photo .card__ribbon-new .card__ribbon-text-new {
    font-size: 1.1rem;
  }
}
.not-connected-page__services__service-photo .card__ribbon-new:before, .not-connected-page__services__service-photo .card__ribbon-new-new:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/public/images/icon-ribbon-dark.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.not-connected-page__engagements {
  width: 100%;
}
.not-connected-page__engagements-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__engagements-content {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
.not-connected-page__engagements-title {
  color: #354b5c;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__engagements-title {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}
.not-connected-page__engagements-title:after {
  margin-top: 1rem;
  content: "";
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 9rem;
  height: 1px;
  background-color: #354b5c;
}
.not-connected-page__engagements-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding-top: 2rem;
  padding-bottom: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@supports (-ms-flow-from: thingy) {
  .not-connected-page__engagements-list {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__engagements-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.not-connected-page__engagements-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.not-connected-page__engagements-item:not(:first-child) {
  margin-top: 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__engagements-item:not(:first-child) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__engagements-item {
    width: 25%;
  }
}
.not-connected-page__engagements-illustration {
  position: relative;
  background-image: url("/public/images/round_brush.svg");
  width: 10rem;
  height: 10rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__engagements-illustration {
    width: 17rem;
    height: 17rem;
  }
}
.not-connected-page__engagements-illustration-number {
  z-index: 2;
  position: absolute;
  background-color: #738A9B;
  color: white;
  border-radius: 50%;
  font-family: "Caveat";
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
  width: 1.5rem;
  height: 1.5rem;
  padding-right: 0.3rem;
  left: 0.5rem;
  top: 1.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__engagements-illustration-number {
    font-size: 2.2rem;
    width: 2.7rem;
    height: 2.7rem;
    padding-right: 0.5rem;
    left: 0.5rem;
    top: 2.5rem;
  }
}
.not-connected-page__engagements-illustration-image {
  z-index: 1;
  position: absolute;
  top: 2.5rem;
  left: 2rem;
  right: 2.5rem;
  bottom: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.not-connected-page__engagements-text {
  text-align: center;
  color: #354B5C;
  font-style: italic;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__engagements-text {
    margin-top: 2rem;
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
}

.monespace-page.not-connected-page__welcome .not-connected-page__welcome-button {
  margin-top: 8rem;
}
@media only screen and (min-width: 640px) {
  .monespace-page.not-connected-page__welcome .not-connected-page__welcome-button {
    margin-top: 0;
  }
}
.monespace-page.not-connected-page__welcome .not-connected-page__welcome-content {
  margin-top: 4rem;
}
@media only screen and (min-width: 640px) {
  .monespace-page.not-connected-page__welcome .not-connected-page__welcome-content {
    margin-top: 1.5rem;
  }
}

.monespace-header.not-connected-page__header .not-connected-page__header-logo {
  margin-right: unset;
}

.not-connected-page-b2b {
  scroll-behavior: smooth;
}
.not-connected-page-b2b__header {
  z-index: 4;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
  height: 7rem;
  width: 100%;
  padding: 0;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__header {
    height: 9rem;
  }
}
.not-connected-page-b2b__header > .wrapper {
  height: 100%;
}
.not-connected-page-b2b__header__content {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.not-connected-page-b2b__header-logo {
  width: 11rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__header-logo {
    width: 17rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__header-logo {
    margin-right: 6.5rem;
  }
}
.not-connected-page-b2b__header__menu {
  display: none;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.not-connected-page-b2b__header__menu-item {
  color: #354B5C;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
}
.not-connected-page-b2b__header__menu-item:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.not-connected-page-b2b__header__button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 3.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1.6rem;
  text-decoration: none;
  border: 1px solid #354B5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Titillium Web SemiBold";
  color: #354b5c;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__header__button {
    height: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__header__button {
    margin-left: 6.5rem;
  }
}
.not-connected-page-b2b__header__button:after {
  content: "";
  display: block;
  height: 1rem;
  width: 0.6rem;
  margin-left: 0.7rem;
  margin-top: 0.3rem;
  background-image: url("/public/images/chevron_connexion.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.not-connected-page-b2b__header__button:hover {
  background-color: #F4F3F1;
}
.not-connected-page-b2b__welcome {
  height: 17rem;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__welcome {
    height: 25rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__welcome {
    height: 45rem;
  }
}
.not-connected-page-b2b__welcome:before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url("/public/images/bandeau_publique.jpg");
  background-size: cover;
}
.not-connected-page-b2b__welcome > .wrapper {
  position: relative;
  z-index: 3;
  height: 100%;
}
.not-connected-page-b2b__welcome-content {
  position: absolute;
  padding-top: 1.2rem;
  padding-right: 3.2rem;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-shadow: 2px 2px 2px #0000006b;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__welcome-content {
    padding-top: 9rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__welcome-content {
    padding-top: 19.3rem;
  }
}
.not-connected-page-b2b__welcome-title {
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__welcome-title {
    font-size: 2.8rem;
    line-height: 3.2rem;
    margin-bottom: 2rem;
  }
}
.not-connected-page-b2b__welcome-intro {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 2rem;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__welcome-intro {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 4rem;
    margin-left: 25rem;
    margin-right: 25rem;
  }
}
.not-connected-page-b2b__portals {
  width: 85vw;
  position: absolute;
  z-index: 4;
  background-color: #f9f9f9;
  margin-top: 0rem;
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  top: 99999px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-shadow: 0rem 1.8rem 2.6rem 0rem rgba(0, 0, 0, 0.2);
          box-shadow: 0rem 1.8rem 2.6rem 0rem rgba(0, 0, 0, 0.2);
  right: 0;
  border-radius: 0.5%;
  padding: 3rem;
  left: auto;
  max-height: calc(100vh - 9rem);
  overflow: auto;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__portals {
    width: 48rem;
  }
}
.not-connected-page-b2b__portals-title {
  color: #354B5C;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__portals-title {
    font-size: 2rem;
  }
}
.not-connected-page-b2b__portals-portal {
  width: 50%;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__portals-portal {
    width: 33%;
  }
}
.not-connected-page-b2b__portals-portal a {
  width: 100%;
  text-align: center;
}
.not-connected-page-b2b__portals-portal-image {
  max-width: 12rem;
  max-height: 3rem;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__portals-portal-image {
    max-width: 12rem;
    max-height: 4rem;
  }
}
.not-connected-page-b2b__msq {
  width: 100%;
}
.not-connected-page-b2b__msq-content {
  padding-top: 4rem;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__msq-content {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
.not-connected-page-b2b__msq-pretitle {
  font-size: 1.5rem;
  line-height: 2.7rem;
  text-align: center;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__msq-pretitle {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}
.not-connected-page-b2b__msq-title {
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__msq-title {
    font-size: 3.2rem;
    line-height: 3.2rem;
    margin-bottom: 4rem;
  }
}
.not-connected-page-b2b__msq-title:after {
  content: "";
  margin-top: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 9rem;
  height: 1px;
  background-color: #354B5C;
}
.not-connected-page-b2b__msq__themes {
  background-image: url("/public/images/brush_4.png");
  margin-top: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__msq__themes {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    background-repeat: no-repeat;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.not-connected-page-b2b__msq__themes-theme {
  width: calc(50% - 1.5rem);
  margin-bottom: 2rem;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__msq__themes-theme {
    margin-bottom: 0;
    width: 22.7%;
    padding-top: 5rem;
    padding-left: 2rem;
  }
  .not-connected-page-b2b__msq__themes-theme:not(:first-child) {
    padding-left: 1.7rem;
  }
  .not-connected-page-b2b__msq__themes-theme:not(:last-child) {
    padding-right: 1.7rem;
  }
}
.not-connected-page-b2b__msq__themes-image {
  height: 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__msq__themes-image {
    height: 8rem;
  }
}
.not-connected-page-b2b__msq__themes-title {
  color: #354B5C;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__msq__themes-title {
    font-size: 2.2rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}
.not-connected-page-b2b__msq__themes-text {
  color: #354b5c;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__msq__themes-text {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}
.not-connected-page-b2b__pathways__pathway {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways__pathway {
    padding-top: 10rem;
    padding-bottom: 3rem;
  }
}
.not-connected-page-b2b__pathways__pathway:nth-child(odd) {
  background-color: #fff;
}
.not-connected-page-b2b__pathways__pathway:nth-child(odd) .not-connected-page__pathways-photo-brush {
  background-image: url("/public/images/brush_1.png");
}
.not-connected-page-b2b__pathways__pathway:nth-child(odd) .not-connected-page-b2b__pathways-quote {
  background-color: #F4F3F1;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways__pathway:nth-child(odd) .not-connected-page-b2b__pathways-photo {
    border-bottom-right-radius: 5rem;
    border-bottom-left-radius: unset;
  }
  .not-connected-page-b2b__pathways__pathway:nth-child(odd) .not-connected-page-b2b__pathways-photo-brush {
    right: 2.5rem;
    left: unset;
    bottom: 0;
  }
  .not-connected-page-b2b__pathways__pathway:nth-child(odd) .not-connected-page-b2b__pathways__pathway-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .not-connected-page-b2b__pathways__pathway:nth-child(odd) .not-connected-page-b2b__pathways-quote-author {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.not-connected-page-b2b__pathways__pathway-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.not-connected-page-b2b__pathways-photo {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 5rem;
  background-size: cover;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__pathways-photo {
    height: 80%;
    width: 80%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-photo {
    height: 100%;
    width: 100%;
  }
}
.not-connected-page-b2b__pathways-photo-brush {
  z-index: 1;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  right: 5rem;
  bottom: 0.8rem;
  background-image: url("/public/images/brush_2.png");
  background-size: cover;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__pathways-photo-brush {
    height: 83%;
    width: 80%;
    right: 3rem;
    bottom: 10.8rem;
    background-size: cover;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-photo-brush {
    height: 48.4rem;
    width: 63.6rem;
    left: 2.5rem;
    bottom: 0;
  }
}
.not-connected-page-b2b__pathways-photo-wrapper {
  display: none;
  position: relative;
  height: 45.9rem;
  width: 52.3rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-photo-wrapper {
    display: block;
  }
}
.not-connected-page-b2b__pathways-photo-mobile {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.not-connected-page-b2b__pathways-photo-mobile-wrapper {
  position: relative;
  width: calc(100% - 2rem);
  margin-left: auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-photo-mobile-wrapper {
    display: none;
  }
}
.not-connected-page-b2b__pathways-photo-mobile-wrapper:before {
  content: "";
  display: block;
  padding-top: 90%;
}
.not-connected-page-b2b__pathways-presentation {
  width: 100%;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-presentation {
    width: calc(100% - 57.3rem);
  }
}
.not-connected-page-b2b__pathways-title {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 1rem;
  font-weight: bold;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-title {
    font-size: 3.2rem;
    text-align: unset;
    margin-bottom: 1.6rem;
  }
}
.not-connected-page-b2b__pathways-response {
  font-size: 1.4rem;
  line-height: 1.9rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-response {
    font-size: 2rem;
    line-height: 2.6rem;
  }
}
.not-connected-page-b2b__pathways-intro {
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin-bottom: 2rem;
  text-align: center;
  font-style: italic;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-intro {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    text-align: left;
  }
}
.not-connected-page-b2b__pathways-intro:after {
  margin-top: 1rem;
  content: "";
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 6rem;
  height: 1px;
  background-color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-intro:after {
    display: none;
  }
}
.not-connected-page-b2b__pathways__list {
  margin-bottom: 2.5rem;
}
.not-connected-page-b2b__pathways__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 1.4rem;
  line-height: 1.9rem;
  margin-top: 1.5rem;
}
.not-connected-page-b2b__pathways__list-item:before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.9rem;
  margin-top: 0.6rem;
  background-image: url("/public/images/icon-check_parcours.svg");
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways__list-item:before {
    width: 1.7rem;
    height: 1.3rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways__list-item {
    font-size: 2rem;
    line-height: 2.6rem;
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways__list {
    margin-bottom: 4.5rem;
  }
}
.not-connected-page-b2b__pathways-quote {
  position: relative;
  width: 100%;
  background-color: #F4F3F1;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: "Titillium Web Regular";
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-quote {
    border-radius: 0.5rem;
    padding: 2.5rem;
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
}
.not-connected-page-b2b__pathways-quote:before {
  position: absolute;
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  top: -0.5rem;
  left: 0.8rem;
  background-image: url("/public/images/icon-quote.svg");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-quote:before {
    width: 2.3rem;
    height: 2.2rem;
    top: -0.9rem;
  }
}
.not-connected-page-b2b__pathways-quote:after {
  position: absolute;
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  bottom: -0.5rem;
  background-image: url("/public/images/icon-quote.svg");
  background-repeat: no-repeat;
  right: 0.8rem;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-quote:after {
    width: 2.3rem;
    height: 2.2rem;
    bottom: -0.9rem;
  }
}
.not-connected-page-b2b__pathways-quote-author {
  margin-top: 2rem;
  height: 4.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-quote-author {
    margin-top: 1rem;
    height: 10.3rem;
  }
}
.not-connected-page-b2b__pathways-quote-author-text {
  font-family: "Caveat";
  font-size: 1.4rem;
  padding-top: 5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-quote-author-text {
    font-size: 2.2rem;
    padding-top: 8rem;
    padding-right: 3rem;
  }
}
.not-connected-page-b2b__pathways-quote-author-photo {
  height: 100%;
  background-size: 100% auto;
}
.not-connected-page-b2b__pathways-quote-author-photo.nurse {
  -webkit-transform: scale(-2.1, 2.1);
          transform: scale(-2.1, 2.1);
  width: 3.8rem;
  background-image: url("/public/images/nurse_2.png");
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-quote-author-photo.nurse {
    -webkit-transform: scale(-1.4, 1.4);
            transform: scale(-1.4, 1.4);
    width: 8.6rem;
  }
}
.not-connected-page-b2b__pathways-quote-author-photo.coach {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  width: 5rem;
  background-image: url("/public/images/coach_1.png");
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-quote-author-photo.coach {
    height: 73%;
    width: 8.6rem;
  }
}
.not-connected-page-b2b__pathways-quote-intro {
  padding-bottom: 4rem;
}
.not-connected-page-b2b__pathways-quote-intro-quote {
  margin: 0 auto;
  width: 90%;
  position: relative;
  color: #354B5C;
  text-align: center;
  padding: 1rem 2rem;
  font-family: "Titillium Web Regular";
  -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-quote-intro-quote {
    width: 50%;
    font-size: 1.8rem;
    line-height: 1.6rem;
    padding: 2.5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
}
.not-connected-page-b2b__pathways-quote-intro-quote:before {
  content: "Le +";
  position: absolute;
  font-family: "Caveat";
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.5rem;
  height: 5rem;
  top: -1.5rem;
  left: -2.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.5rem;
  font-weight: bold;
  padding-left: 0.5rem;
  background-image: url("/public/images/brush_3.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__pathways-quote-intro-quote:before {
    width: 5.3rem;
    height: 6.3rem;
    top: -2.9rem;
    font-size: 2.8rem;
    padding-left: 1rem;
    left: -1.2rem;
  }
}
.not-connected-page-b2b__services {
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #354b5c;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
}
.not-connected-page-b2b__services > .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.not-connected-page-b2b__services-title {
  color: white;
  font-size: 2rem;
  line-height: 2.2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services-title {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}
.not-connected-page-b2b__services-title:after {
  margin-top: 1rem;
  content: "";
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 9rem;
  height: 1px;
  background-color: white;
}
.not-connected-page-b2b__services-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services-content {
    margin-top: 7rem;
  }
}
.not-connected-page-b2b__services__service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .not-connected-page-b2b__services__service:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.not-connected-page-b2b__services__service:not(:first-child) {
  margin-top: 3rem;
}
.not-connected-page-b2b__services__service-presentation {
  position: relative;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #354b5c;
  padding: 5rem 3rem 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service-presentation {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 15%;
    border-radius: 0.5rem;
  }
}
.not-connected-page-b2b__services__service-presentation-wrapper {
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service-presentation-wrapper {
    position: relative;
    width: 40%;
  }
  .not-connected-page-b2b__services__service-presentation-wrapper:before {
    content: "";
    display: block;
    padding-top: 90%;
  }
}
.not-connected-page-b2b__services__service-type {
  position: absolute;
  left: 1rem;
  top: 1rem;
  font-family: "Caveat";
  font-weight: bold;
  padding: 0.5rem 2rem;
  background-size: 100% 100%;
  background-image: url("/public/images/brush_title.png");
  font-size: 1.4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service-type {
    font-size: 2.4rem;
    padding: 1rem 3rem;
  }
}
.not-connected-page-b2b__services__service-title {
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service-title {
    font-size: 2.8rem;
    line-height: 3.2rem;
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}
.not-connected-page-b2b__services__service-text {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service-text {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 3.5rem;
  }
}
.not-connected-page-b2b__services__service-button {
  width: auto;
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service-button {
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: 1.5rem;
    line-height: 1.6rem;
  }
}
.not-connected-page-b2b__services__service-photo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service-photo {
    border-radius: 0.5rem;
  }
}
.not-connected-page-b2b__services__service-photo-wrapper {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service-photo-wrapper {
    width: calc(60% - 3rem);
  }
}
.not-connected-page-b2b__services__service-photo-wrapper:before {
  content: "";
  display: block;
  padding-top: 65%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service-photo-wrapper:before {
    content: unset;
  }
}
.not-connected-page-b2b__services__service-photo .card__ribbon, .not-connected-page-b2b__services__service-photo .card__ribbon-new {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-bottom: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 8rem;
  position: absolute;
  left: -1.8rem;
  top: 1rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.6rem;
  line-height: 0.8rem;
  color: #fff;
  text-transform: none;
  z-index: 1;
}
@media only screen and (min-width: 640px) {
  .not-connected-page-b2b__services__service-photo .card__ribbon, .not-connected-page-b2b__services__service-photo .card__ribbon-new {
    height: 3rem;
    width: 12.5rem;
    left: -3.2rem;
    top: 1.8rem;
    font-size: 1rem;
    line-height: 1.1rem;
    padding-bottom: 0.6rem;
  }
}
.not-connected-page-b2b__services__service-photo .card__ribbon:before, .not-connected-page-b2b__services__service-photo .card__ribbon-new:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/public/images/icon-ribbon.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.not-connected-page-b2b__services__service-photo .card__ribbon .card__ribbon-text,
.not-connected-page-b2b__services__service-photo .card__ribbon .card__ribbon-text-new, .not-connected-page-b2b__services__service-photo .card__ribbon-new .card__ribbon-text,
.not-connected-page-b2b__services__service-photo .card__ribbon-new .card__ribbon-text-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__services__service-photo .card__ribbon .card__ribbon-text,
.not-connected-page-b2b__services__service-photo .card__ribbon .card__ribbon-text-new, .not-connected-page-b2b__services__service-photo .card__ribbon-new .card__ribbon-text,
.not-connected-page-b2b__services__service-photo .card__ribbon-new .card__ribbon-text-new {
    font-size: 1.1rem;
  }
}
.not-connected-page-b2b__services__service-photo .card__ribbon-new:before, .not-connected-page-b2b__services__service-photo .card__ribbon-new-new:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/public/images/icon-ribbon-dark.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.not-connected-page-b2b__engagements {
  width: 100%;
}
.not-connected-page-b2b__engagements-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__engagements-content {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
.not-connected-page-b2b__engagements-title {
  color: #354b5c;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__engagements-title {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}
.not-connected-page-b2b__engagements-title:after {
  margin-top: 1rem;
  content: "";
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 9rem;
  height: 1px;
  background-color: #354b5c;
}
.not-connected-page-b2b__engagements-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding-top: 2rem;
  padding-bottom: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@supports (-ms-flow-from: thingy) {
  .not-connected-page-b2b__engagements-list {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__engagements-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.not-connected-page-b2b__engagements-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.not-connected-page-b2b__engagements-item:not(:first-child) {
  margin-top: 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__engagements-item:not(:first-child) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__engagements-item {
    width: 25%;
  }
}
.not-connected-page-b2b__engagements-illustration {
  position: relative;
  background-image: url("/public/images/round_brush.svg");
  width: 10rem;
  height: 10rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__engagements-illustration {
    width: 17rem;
    height: 17rem;
  }
}
.not-connected-page-b2b__engagements-illustration-number {
  z-index: 2;
  position: absolute;
  background-color: #738A9B;
  color: white;
  border-radius: 50%;
  font-family: "Caveat";
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
  width: 1.5rem;
  height: 1.5rem;
  padding-right: 0.3rem;
  left: 0.5rem;
  top: 1.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__engagements-illustration-number {
    font-size: 2.2rem;
    width: 2.7rem;
    height: 2.7rem;
    padding-right: 0.5rem;
    left: 0.5rem;
    top: 2.5rem;
  }
}
.not-connected-page-b2b__engagements-illustration-image {
  z-index: 1;
  position: absolute;
  top: 2.5rem;
  left: 2rem;
  right: 2.5rem;
  bottom: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.not-connected-page-b2b__engagements-text {
  text-align: center;
  color: #354B5C;
  font-style: italic;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__engagements-text {
    margin-top: 2rem;
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
}
.not-connected-page-b2b__askpresentation {
  width: 100%;
  background-image: url("/public/images/bandeau_ask_presentation.jpg");
  background-size: cover;
}
.not-connected-page-b2b__askpresentation-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 15rem;
  padding-bottom: 15rem;
}
.not-connected-page-b2b__askpresentation-content {
  color: #FFFFFF;
  font-size: 2rem;
  line-height: 2.2rem;
  text-align: center;
  padding-top: 0rem;
  padding-bottom: 8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__askpresentation-content {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__askpresentation-content {
    padding-top: 2rem;
    padding-bottom: 10rem;
  }
}
.not-connected-page-b2b__askpresentation .button {
  width: 16rem;
}
.not-connected-page-b2b__imapresentation {
  width: 100%;
  background-color: #F4F3F1;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__imapresentation {
    background-image: url("/public/images/bandeau_ima_presentation.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 15rem;
  }
}
.not-connected-page-b2b__imapresentation-wrapper {
  max-width: 900px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.not-connected-page-b2b__imapresentation-content {
  font-size: 1.7rem;
  line-height: 2.7rem;
  color: #354B5C;
  padding-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__imapresentation-content {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__imapresentation-content {
    padding-top: 7rem;
  }
}
.not-connected-page-b2b__imapresentation-content div {
  text-align: center;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__imapresentation-content div {
    padding-bottom: 4rem;
  }
}
.not-connected-page-b2b__imapresentation-title {
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: center;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__imapresentation-title {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
.not-connected-page-b2b__imapresentation-title:after {
  content: "";
  margin-top: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 9rem;
  height: 1px;
  background-color: #354B5C;
}
.not-connected-page-b2b__imapresentation .button {
  width: 16rem;
}
.not-connected-page-b2b__button {
  width: 16rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  font-size: 1.5rem;
  line-height: 1.6rem;
  border-radius: 9rem;
  background-color: #FD5252;
  color: #fff;
  border: 1px solid #EF4344;
}
.not-connected-page-b2b__button:after {
  content: "";
  display: block;
  height: 1rem;
  width: 0.6rem;
  margin-left: 0.7rem;
  margin-top: 0.3rem;
  background-image: url("/public/images/chevron_connexion_white.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.not-connected-page-b2b__button:hover {
  background-color: #ffffff;
  color: #FD5252;
}
.not-connected-page-b2b__button:hover:after {
  content: "";
  display: block;
  height: 1rem;
  width: 0.6rem;
  margin-left: 0.7rem;
  margin-top: 0.3rem;
  background-image: url("/public/images/chevron_connexion.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.not-connected-page-b2b__triangle:before {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  margin: 0 auto;
  left: 21rem;
  right: 0;
  width: 0rem;
  height: 0rem;
  border-style: solid;
  border-width: 1.5rem 0.5rem 0 2.5rem;
  border-color: #F4F3F1 transparent transparent transparent;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__triangle:before {
    left: 41rem;
  }
}
.not-connected-page-b2b__triangle-coach:before {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  margin: 0 auto;
  right: 24rem;
  width: 0rem;
  height: 0rem;
  border-style: solid;
  border-width: 1.5rem 2.5rem 0 0.5rem;
  border-color: #F4F3F1 transparent transparent transparent;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page-b2b__triangle-coach:before {
    right: 46rem;
  }
}

.dropdown.open .not-connected-page-b2b__portals {
  top: calc(100% + 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.richtext-center {
  margin: 0 auto;
}
.richtext-items {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 640px) {
  .richtext-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.richtext-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.richtext-item img,
.richtext-item video,
.richtext-item iframe {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media only screen and (min-width: 640px) {
  .richtext-item img,
.richtext-item video,
.richtext-item iframe {
    display: inline;
    margin-left: unset;
    margin-right: unset;
  }
}
.richtext-item:last-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 0;
}
.richtext-item:first-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0;
}

.assistance__bandeau {
  position: relative;
  width: 100%;
  background-color: #f4f3f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.assistance__bandeau:before {
  content: "";
  position: absolute;
  background-position: center;
  background-size: cover;
  background-image: url("/public/images/bottom-decoration.svg");
  width: 100%;
  height: 3rem;
  left: 0;
  top: -1.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assistance__bandeau {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 38.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.assistance__bandeau__coach {
  width: 37rem;
  height: 34rem;
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assistance__bandeau__coach {
    margin-right: 4.5rem;
  }
}
.assistance__bandeau__coach-avatar {
  z-index: 2;
  position: absolute;
  bottom: 0;
  height: 32.5rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
.assistance__bandeau__coach-avatar.nurse {
  background-image: url("/public/images/nurse_for_assistance.png");
  width: 10.4rem;
  left: 0;
}
.assistance__bandeau__coach-avatar.coach {
  background-image: url("/public/images/coach_for_assistance.png");
  width: 14.7rem;
  left: 0;
}
.assistance__bandeau__coach-blabla {
  z-index: 1;
  position: absolute;
  width: 32rem;
  height: 32rem;
  top: 0;
  right: 0;
  padding-left: 7rem;
  padding-right: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/public/images/round_brush_dark.svg") no-repeat;
  background-size: 100%;
  color: #354B5C;
  font-size: 3rem;
  line-height: 3rem;
  font-style: italic;
  font-family: "Caveat";
  font-weight: bold;
}
.assistance__bandeau__coach-blabla.coach {
  padding-left: 9rem;
}
.assistance__bandeau__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 36rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assistance__bandeau__action {
    margin-left: 4.5rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.assistance__bandeau__action > span {
  text-align: center;
  font-size: 2.2rem;
  line-height: 3.4rem;
  color: #354B5C;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assistance__bandeau__action > span {
    text-align: right;
  }
}
.assistance__bandeau__action .button {
  margin-top: 3rem;
  width: auto;
  padding: 1.9rem 3rem;
}

.errorpage {
  border: solid 1px #354B5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem;
}
@media only screen and (min-width: 640px) {
  .errorpage {
    padding: 5rem;
  }
}
.errorpage img {
  margin-bottom: 2rem;
  height: 14.6rem;
  width: 14.4rem;
}
@media only screen and (min-width: 640px) {
  .errorpage img {
    margin-bottom: 4rem;
    height: 21.9rem;
    width: 21.6rem;
  }
}
.errorpage-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-bottom: 1rem;
  color: #354B5C;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .errorpage-message {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin-bottom: 2rem;
  }
}
.errorpage-title {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
  font-weight: bold;
  color: #354B5C;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .errorpage-title {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-bottom: 3rem;
  }
}
.errorpage .button {
  margin-top: 2rem;
  width: 30rem;
  padding-left: 4rem;
  padding-right: 4rem;
}
.errorpage-trace {
  white-space: pre-wrap;
  word-break: break-word;
  border: solid 1px #354B5C;
  padding: 1rem;
  margin-top: 3rem;
  font-size: 1.5rem;
  line-height: 1.7rem;
  font-family: monospace;
}

.assessment-chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  background: white;
}
.assessment-chat .scroller {
  overflow: auto;
  width: 100%;
}
.assessment-chat_history {
  padding: 1rem 1rem 0.5rem;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}
.assessment-chat_history_question {
  position: relative;
  min-height: 6rem;
}
.assessment-chat_history_question:before {
  top: -0.5rem;
  left: 0;
  content: " ";
  display: block;
  position: absolute;
  width: 6rem;
  height: 6rem;
  background-image: url("/public/images/assessment-chat/avatar.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.assessment-chat_history_question_value {
  position: relative;
  background-color: white;
  border-radius: 1rem;
  margin-right: 1.6rem;
  margin-left: 7.6rem;
  margin-top: 1rem;
  line-height: 1.3;
  padding: 1.2rem 2rem;
  word-wrap: break-word;
  text-align: flex-start;
  color: #354B5C;
  border: solid 1px #cccccc;
}
@supports (-ms-flow-from: thingy) {
  .assessment-chat_history_question_value {
    text-align: left;
  }
}
.assessment-chat_history_answer {
  position: relative;
  min-height: 6rem;
  margin-bottom: 2rem;
}
.assessment-chat_history_answer:before {
  top: 1rem;
  right: 0;
  content: " ";
  display: block;
  position: absolute;
  width: 4rem;
  height: 4rem;
  background-image: url("/public/images/assessment-chat/user2.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.assessment-chat_history_answer .choices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 3.5rem;
}
.assessment-chat_history_answer .choices .choice {
  position: relative;
  background-color: #cccccc;
  border-radius: 1rem;
  margin-right: 1.6rem;
  margin-top: 1rem;
  line-height: 1.3;
  padding: 1.2rem 2rem;
  word-wrap: break-word;
  text-align: flex-start;
  color: white;
}
.assessment-chat_history_answer .choices .selected {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  background: #f16458;
}
.assessment-chat_footer {
  background: #354B5C;
  width: 100%;
  padding: 0 0.5rem;
}
.assessment-chat_footer_current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding-left: 6rem;
  min-height: 5rem;
}
.assessment-chat_footer_current:before {
  top: 0.5rem;
  left: 0;
  content: " ";
  display: block;
  position: absolute;
  width: 4rem;
  height: 4rem;
  background-image: url("/public/images/assessment-chat/user1.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.assessment-chat_footer_current input {
  min-width: unset;
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-family: "Titillium Web Regular";
}
.assessment-chat_footer_current input:required {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.assessment-chat_footer_current textarea {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.assessment-chat_footer_current .DayPickerInput, .assessment-chat_footer_current .DayPickerInput input {
  width: 100%;
}
.assessment-chat_footer_current .cell-number-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0.2rem auto;
}
.assessment-chat_footer_current_address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.assessment-chat_footer_current_address input {
  margin: 0.1rem 0.2rem;
}
.assessment-chat_footer_current_choices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.assessment-chat_footer_current_choices .choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 1rem;
  min-width: 10rem;
  margin-bottom: 0.2rem;
  margin-top: 0.2rem;
  border: solid 1px #4b5965;
  background-color: #fff;
  color: #354B5C;
  height: 3rem;
  border-radius: 4.4rem;
  padding: 0 1rem;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 640px) {
  .assessment-chat_footer_current_choices .choice {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    height: 4rem;
    text-overflow: unset;
    white-space: unset;
  }
}
.assessment-chat_footer_current_choices .choice.multi {
  border-radius: 0.4rem;
}
.assessment-chat_footer_current_choices .choice.selected {
  background-color: #f16458;
  color: #fff;
}
.assessment-chat_footer_current_choices .choice.selected:hover {
  background-color: #f16458;
  color: #fff;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment-chat_footer_current_choices .choice:hover {
    background-color: #ffbbaa;
    color: #354B5C;
  }
}
.assessment-chat_footer_current_send {
  margin-left: 2rem;
  position: relative;
  cursor: pointer;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  background-color: #f16458;
  -webkit-box-shadow: 4px 3px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 4px 3px 10px 0 rgba(0, 0, 0, 0.2);
  border: 0;
  border-radius: 50px;
}
.assessment-chat_footer_current_send img {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 2rem;
  height: 2rem;
}
.assessment-chat_footer_current_send.disable {
  cursor: unset;
  background-color: #cccccc;
}
.assessment-chat_footer_current .errorMessage {
  margin-left: 0.5rem;
  font-size: 1.5rem;
  color: #FD5252;
}

.assessment-chat-summary {
  width: 90%;
  margin: 0 auto;
  padding: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  color: #354B5C;
}
.assessment-chat-summary a {
  color: #354B5C;
}
.assessment-chat-summary .with-separator {
  border-bottom: solid 1px #354B5C;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment-chat-summary .with-separator {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.assessment-chat-summary .button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 3rem;
  padding-left: 3rem;
}
@supports (-ms-flow-from: thingy) {
  .assessment-chat-summary .button {
    width: 20rem;
  }
}
.assessment-chat-summary_checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 2rem;
}
.assessment-chat-summary_checkbox input[type=checkbox] {
  opacity: unset;
  cursor: pointer;
  padding: 0;
  vertical-align: bottom;
  margin: 0.7rem 0 0;
  height: 1.3rem;
  width: 1.3rem;
  min-width: unset;
}
.assessment-chat-summary_checkbox_label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  padding-left: 2rem;
}
.assessment-chat-summary_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assessment-chat-summary_header_title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-family: "Titillium Web Bold";
  font-size: 1.6rem;
  text-align: left;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment-chat-summary_header_title {
    font-size: 2.6rem;
  }
}
.assessment-chat-summary_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assessment-chat-summary_data_label {
  color: #354B5C;
  text-transform: uppercase;
  margin-right: 1rem;
  text-align: left;
  white-space: nowrap;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment-chat-summary_data_label {
    margin-right: 2rem;
  }
}
.assessment-chat-summary_data_value {
  font-family: "Titillium Web Bold";
}
.assessment-chat-summary_section {
  overflow-y: auto;
}
.assessment-chat-summary_section_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.assessment-chat-summary_section_item_label {
  color: #354B5C;
  text-transform: uppercase;
  margin-right: 1rem;
  text-align: left;
  white-space: nowrap;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment-chat-summary_section_item_label {
    margin-right: 2rem;
  }
}
.assessment-chat-summary_section_item_value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Titillium Web Bold";
  margin-right: 1rem;
}
.assessment-chat-summary_section_item_value span {
  text-align: left;
}
.assessment-chat-summary_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assessment-chat-summary_footer .button {
  margin-right: 2rem;
}
.assessment-chat-summary_footer a {
  color: #86939d;
  text-transform: none;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 300;
}

/* DayPicker styles */
.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 1em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.DayPicker-Months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 1em 1em 0;
  border-spacing: 0;
  border-collapse: collapse;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;
  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC");
}

.DayPicker-NavButton--next {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==");
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > select {
  font-size: 1.1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .DayPicker-Caption > select {
    font-size: 1.4rem;
  }
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.4rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .DayPicker-Caption > div {
    font-size: 1.7rem;
  }
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.2em 0.4em;
  color: #8B9898;
  text-align: center;
  font-size: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .DayPicker-Weekday {
    font-size: 1.5rem;
  }
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.2em 0.4em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-size: 1.3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .DayPicker-Day {
    font-size: 1.5rem;
  }
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.2em 0.4em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75rem;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #86939d;
  font-size: 0.875rem;
  cursor: pointer;
}

/* Default modifiers */
.DayPicker-Day--today {
  color: #FD5252;
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}

.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
  /* background-color: #eff1f1; */
}

/* Example modifiers */
.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;
  background-color: #86939d;
  color: #F0F8FF;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #86939d;
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}

/* DayPickerInput */
.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;
  background: white;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.refund-request-wrapper {
  color: #354B5C;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.refund-request-wrapper .refund-request .hidden {
  display: none;
}
.refund-request-wrapper .refund-request .steps {
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .refund-request-wrapper .refund-request .steps {
    width: 50%;
  }
}
.refund-request-wrapper .refund-request .steps .step:not(:first-child):before {
  content: "";
  position: absolute;
  top: 1.99rem;
  height: 0.2rem;
  left: calc(-50%);
  width: calc(100%);
  background-color: #f4f3f1;
}
.refund-request-wrapper .refund-request .steps .step {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  height: 6rem;
  padding-top: 4rem;
  font-weight: bold;
  margin-top: 3rem;
}
.refund-request-wrapper .refund-request .steps .step:after {
  content: "";
  position: absolute;
  height: 3.4rem;
  width: 3.4rem;
  background-color: #f4f3f1;
  border-radius: 50%;
  top: 4px;
  z-index: 1;
  left: calc(50% - 1.7rem);
}
.refund-request-wrapper .refund-request .steps .step.active:before {
  background-color: #FD5252;
  z-index: 2;
}
.refund-request-wrapper .refund-request .steps .step.active:after {
  background-color: #FD5252;
}
.refund-request-wrapper .refund-request .steps .step.current:after {
  top: 0;
  border: 4px solid #FFEEEE;
}
.refund-request-wrapper .refund-request .frame {
  border-top: solid 1px #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 1rem;
}
.refund-request-wrapper .refund-request .frame.no-border {
  border-top: none;
}
.refund-request-wrapper .refund-request .frame h2 {
  margin: 0;
  font-size: 3.1rem;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .frame {
    margin: 3rem 1rem;
  }
  .refund-request-wrapper .refund-request .frame.summary {
    padding: 0 15rem 1rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .refund-request-wrapper .refund-request .frame {
    padding: 0 25rem 4rem;
  }
}
.refund-request-wrapper .refund-request .frame .alert {
  background: #EF4344;
  color: white;
  padding: 10px;
  border-radius: 16px;
}
.refund-request-wrapper .refund-request .frame .btn-content {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.refund-request-wrapper .refund-request .frame .btn-content button {
  border: none;
  outline: 2px solid #D2D2D2;
  background: transparent;
  border-radius: 0.5rem;
  padding: 2rem;
  color: #354B5C;
  font-size: 1.6rem;
}
.refund-request-wrapper .refund-request .frame .btn-content button:hover, .refund-request-wrapper .refund-request .frame .btn-content button.active {
  background-color: #FFE6F0;
  color: #283C50;
  cursor: pointer;
  outline: 2px solid #FD5252;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .refund-request-wrapper .refund-request .frame .btn-content button:not(:last-child) {
    margin-right: 1.5rem;
  }
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .frame .btn-content button:not(:last-child) {
    margin-right: 1rem;
  }
}
.refund-request-wrapper .refund-request .frame .finished {
  margin-top: 3rem;
  content: "";
  width: 14rem;
  height: 14rem;
  background-image: url("/public/images/emma_with_round.png");
  background-repeat: no-repeat;
  background-size: 14rem;
  display: block;
}
.refund-request-wrapper .refund-request .frame .finished:before {
  content: "";
  width: 8.5rem;
  height: 4.8rem;
  position: absolute;
  background-image: url("/public/images/icon-round-check-brush.svg");
  background-size: 3.8rem;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
}
.refund-request-wrapper .refund-request .frame .proofs-ctn {
  margin-top: 4rem;
}
.refund-request-wrapper .refund-request .frame .title {
  margin-top: 4rem;
  margin-bottom: 1.5rem;
  font-weight: bold;
  text-align: left;
  font-size: 1.8rem;
}
.refund-request-wrapper .refund-request .frame .title.title-proof {
  margin-top: 2rem;
}
.refund-request-wrapper .refund-request .frame .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.refund-request-wrapper .refund-request .frame .field.content-centered {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.refund-request-wrapper .refund-request .frame .field.error input, .refund-request-wrapper .refund-request .frame .field.error textarea {
  outline: 1px solid #FD5252;
}
.refund-request-wrapper .refund-request .frame .field.error .radio-group .radio {
  outline: 1px solid #FD5252;
}
.refund-request-wrapper .refund-request .frame .field.error .field-error-message {
  display: block;
  font-size: small;
  color: #FD5252;
  margin-top: 1rem;
}
.refund-request-wrapper .refund-request .frame .field .error-message {
  display: none;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .frame .field {
    width: unset;
  }
}
.refund-request-wrapper .refund-request .frame .field .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.refund-request-wrapper .refund-request .frame .field .radio-group.twocols {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.refund-request-wrapper .refund-request .frame .field .radio-group.twocols div {
  -webkit-box-flex: 0;
      -ms-flex: 0 45%;
          flex: 0 45%;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .frame .field .radio-group.twocols div {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
}
.refund-request-wrapper .refund-request .frame .field .radio-group.twocols .twocols-subtitle {
  font-size: 1.2rem;
  line-height: 0.8rem;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .frame .field .radio-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.refund-request-wrapper .refund-request .frame .field .radio-group.one-col {
  display: inline;
}
.refund-request-wrapper .refund-request .frame .field .radio-group.one-col .radio {
  margin: 1rem 0 !important;
}
.refund-request-wrapper .refund-request .frame .field .radio-group.content-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: 1px solid #5B6E83;
  border-radius: 1rem;
  padding: 2rem;
  min-width: 10rem;
  cursor: pointer;
  margin-bottom: 1rem;
  font-size: 16px;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .frame .field .radio-group .radio {
    margin: 0 1rem;
  }
  .refund-request-wrapper .refund-request .frame .field .radio-group .radio:first-of-type {
    margin-left: 0;
  }
  .refund-request-wrapper .refund-request .frame .field .radio-group .radio:last-of-type {
    margin-right: 0;
  }
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio img {
  width: 5rem;
  height: 5rem;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio img.selected {
  display: none;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio img.not-selected {
  display: block;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio:hover {
  outline: 2px solid #EF4344;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio:hover img.selected {
  display: none;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio:hover img.not-selected {
  display: block;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio.active {
  outline: 2px solid #FD5252;
  background-color: #FFEEEE;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio.active img.selected {
  display: none;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio.active img.not-selected {
  display: block;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio .title {
  margin-block: 0;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 1rem;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund:hover, .refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund.active {
  color: #354B5C;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund:hover .content-btn-icon, .refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund.active .content-btn-icon {
  background-color: #FFFFFF;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund.unactionnable {
  outline: 1px solid #5B6E83;
  background-color: #F3F3F8;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund.unactionnable:hover, .refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund.unactionnable.active {
  color: #354B5C;
  cursor: default;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund.unactionnable:hover .content-btn-icon, .refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund.unactionnable.active .content-btn-icon {
  background: none;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund .content-btn-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund .content-btn-text .title {
  margin-block: 0;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund .content-btn-icon {
  width: 7rem;
  height: 7rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1rem;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .content-btn-refund .content-btn-icon img {
  width: 3rem;
  height: 3rem;
  margin: 0;
}
.refund-request-wrapper .refund-request .frame .field .type-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.refund-request-wrapper .refund-request .frame .field .type-field:after {
  position: absolute;
  right: 2rem;
  font-weight: bold;
}
.refund-request-wrapper .refund-request .frame .field .type-field.amount:after {
  content: "€";
}
.refund-request-wrapper .refund-request .frame .field .type-field.hour:after {
  content: "heure(s)";
}
.refund-request-wrapper .refund-request .frame .field .type-field.km:after {
  content: "Km";
}
.refund-request-wrapper .refund-request .frame .field .type-field.day:after {
  content: "Jour(s)";
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .frame .field textarea {
    min-width: 57rem;
  }
}
.refund-request-wrapper .refund-request .frame .field input, .refund-request-wrapper .refund-request .frame .field textarea {
  padding: 3rem;
  width: unset;
  border-radius: 1rem;
  outline: 1px solid #5B6E83;
  font-family: "Titillium Web Regular";
  line-height: normal;
}
.refund-request-wrapper .refund-request .frame .field input::-webkit-input-placeholder, .refund-request-wrapper .refund-request .frame .field textarea::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: medium;
  opacity: 1;
  /* Firefox */
  color: #5B6E83;
}
.refund-request-wrapper .refund-request .frame .field input::-moz-placeholder, .refund-request-wrapper .refund-request .frame .field textarea::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: medium;
  opacity: 1;
  /* Firefox */
  color: #5B6E83;
}
.refund-request-wrapper .refund-request .frame .field input:-ms-input-placeholder, .refund-request-wrapper .refund-request .frame .field textarea:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: medium;
  opacity: 1;
  /* Firefox */
  color: #5B6E83;
}
.refund-request-wrapper .refund-request .frame .field input::-ms-input-placeholder, .refund-request-wrapper .refund-request .frame .field textarea::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: medium;
  opacity: 1;
  /* Firefox */
  color: #5B6E83;
}
.refund-request-wrapper .refund-request .frame .field input::placeholder, .refund-request-wrapper .refund-request .frame .field textarea::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: medium;
  opacity: 1;
  /* Firefox */
  color: #5B6E83;
}
.refund-request-wrapper .refund-request .frame .field input:-ms-input-placeholder, .refund-request-wrapper .refund-request .frame .field textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: small;
  color: #5B6E83;
}
.refund-request-wrapper .refund-request .frame .field input::-ms-input-placeholder, .refund-request-wrapper .refund-request .frame .field textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: small;
  color: #5B6E83;
}
.refund-request-wrapper .refund-request .frame .previous {
  position: absolute;
  text-align: left;
  left: 0;
  margin-block: 10px;
  margin-left: 10px;
}
.refund-request-wrapper .refund-request .frame .previous a {
  text-decoration: none;
  color: #DF4D3A;
}
.refund-request-wrapper .refund-request .summary {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.refund-request-wrapper .refund-request .summary ul {
  text-align: left;
  padding-left: 1rem;
  margin: 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .refund-request-wrapper .refund-request .summary {
    padding: 0 2rem 2rem;
  }
}
.refund-request-wrapper .refund-request .summary-title {
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-family: "Titillium Web Bold";
  font-size: 1.6rem;
  text-align: left;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .refund-request-wrapper .refund-request .summary-title {
    margin-top: 3rem;
    font-size: 2.6rem;
  }
}
.refund-request-wrapper .refund-request .summary .separator {
  width: 100%;
  border-bottom: solid 1px #354B5C;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .refund-request-wrapper .refund-request .summary .separator {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.refund-request-wrapper .refund-request .summary .fields {
  width: 100%;
}
.refund-request-wrapper .refund-request .summary .item-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0.5rem 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.refund-request-wrapper .refund-request .summary .item-summary.lines {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  word-break: break-all;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .summary .item-summary.lines {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (max-width: 480px) {
  .refund-request-wrapper .refund-request .summary .item-summary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.refund-request-wrapper .refund-request .summary .item-summary .label {
  text-transform: uppercase;
  margin-right: 1rem;
  text-align: left;
  white-space: nowrap;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .refund-request-wrapper .refund-request .summary .item-summary .label {
    margin-right: 2rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
  }
}
.refund-request-wrapper .refund-request .summary .item-summary .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Titillium Web Bold";
  margin-right: 1rem;
  font-size: 19px;
}
.refund-request-wrapper .refund-request .summary .item-summary .value span {
  text-align: left;
}
.refund-request-wrapper .refund-request .summary ul {
  padding-left: 0;
}
.refund-request-wrapper .refund-request .summary ul li {
  list-style: none;
}
.refund-request-wrapper .refund-request .summary .footer-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 5px;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .refund-request-wrapper .refund-request .summary .footer-actions.footer-summary {
    position: absolute;
    bottom: -6.5rem;
  }
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .summary .footer-actions.footer-summary {
    position: absolute;
    bottom: -5rem;
  }
}
@media only screen and (max-width: 480px) {
  .refund-request-wrapper .refund-request .summary .footer-actions.footer-summary {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    bottom: 1rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .refund-request-wrapper .refund-request .summary .footer-actions.footer-summary .button {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .summary .footer-actions.footer-summary .button {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.refund-request-wrapper .refund-request .summary .footer-actions.footer-summary .button.white {
  border-color: #354B5C;
  border-width: 1px;
  border-style: solid;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .summary .footer-actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    row-gap: unset;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .refund-request-wrapper .refund-request .summary .footer-actions .button, .refund-request-wrapper .refund-request .summary .footer-actions a {
    margin-left: 2rem;
    border-radius: 1rem;
  }
}
.refund-request-wrapper .refund-request .summary .footer-actions .button, .refund-request-wrapper .refund-request .summary .footer-actions a {
  border-radius: 1rem;
}
.refund-request-wrapper .refund-request .summary .footer-actions a {
  text-transform: none;
  text-decoration: none;
  outline: 1px solid #354B5C;
  width: 100%;
  padding: 0.8rem;
  color: #354B5C;
  font-family: "Titillium Web SemiBold";
  font-size: 1.5rem;
}
.refund-request-wrapper .refund-request .button-group {
  width: 100%;
  text-align: right;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
  gap: 1rem;
  border-radius: 1rem;
}
.refund-request-wrapper .refund-request .button-group .button {
  border-radius: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .refund-request-wrapper .refund-request .button-group {
    position: absolute;
    bottom: -6.5rem;
  }
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .button-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    position: absolute;
    bottom: -5rem;
  }
}
@media only screen and (max-width: 480px) {
  .refund-request-wrapper .refund-request .button-group {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    bottom: 1rem;
    margin-top: 2.5rem;
  }
}
.refund-request-wrapper .refund-request .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  right: 0;
  margin-top: 16px;
  width: 100%;
}
.refund-request-wrapper .refund-request .buttons .button {
  margin: 0 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  width: auto;
}
.refund-request-wrapper .refund-request .finished-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.refund-request-wrapper .refund-request .finished-buttons a {
  margin-top: 1rem;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .finished-buttons {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .refund-request-wrapper .refund-request .finished-buttons a {
    margin-top: 0;
  }
}
.refund-request-wrapper .refund-request .wrapper-btn {
  display: -ms-grid;
  display: grid;
  gap: 3rem 4rem;
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .wrapper-btn {
    gap: 3rem 8rem;
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund.active .btn-icon-refund {
  background-color: #FD5252;
  -webkit-box-shadow: 0px 0px 0px 4px rgba(253, 82, 82, 0.25);
          box-shadow: 0px 0px 0px 4px rgba(253, 82, 82, 0.25);
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund.active .btn-icon-refund .blue {
  display: none;
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund.active .btn-icon-refund .white {
  display: block;
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund .btn-icon-refund {
  width: 80px;
  height: 80px;
  background-color: #F5F5F3;
  border-radius: 9999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 0px 4px #F5F5F3;
          box-shadow: 0px 0px 0px 4px #F5F5F3;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund .btn-icon-refund {
    width: 110px;
    height: 110px;
  }
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund .btn-icon-refund:hover {
  background-color: #FD5252;
  -webkit-box-shadow: 0px 0px 0px 4px rgba(253, 82, 82, 0.25);
          box-shadow: 0px 0px 0px 4px rgba(253, 82, 82, 0.25);
  cursor: pointer;
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund .btn-icon-refund:hover img {
  fill: white;
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund .btn-icon-refund img {
  width: 50% !important;
  margin: initial !important;
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund .btn-icon-refund .white {
  display: none;
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund .btn-icon-refund .blue {
  display: block;
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund .btn-icon-refund:hover .blue {
  display: none;
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund .btn-icon-refund:hover .white {
  display: block;
}
.refund-request-wrapper .refund-request .wrapper-btn .content-btn-icon-refund span {
  margin-top: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.refund-request-wrapper .refund-request .stepper-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.refund-request-wrapper .refund-request .stepper-line p {
  margin-bottom: 10px;
}
.refund-request-wrapper .refund-request .stepper-line span {
  color: #DF4D3A;
  height: 12px;
  margin-inline: 5%;
}
.refund-request-wrapper .refund-request .sublink {
  text-decoration: none;
  text-align: left;
  color: #354B5C;
}
.refund-request-wrapper .refund-request .summary-title {
  text-align: center;
}
.refund-request-wrapper .drd-error-btn {
  border-radius: 1rem;
}
.refund-request-wrapper .drd-error-btn .button {
  border-radius: 1rem;
}

.upload-area .error {
  text-align: left;
  color: #FD5252;
}
.upload-area .dzu-dropzone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.upload-area .dzu-input, .upload-area .dzu-submitButtonContainer {
  display: none;
}
.upload-area .dzu-dropzoneActive .input {
  border: 2px dashed green;
  background-color: lightgreen;
}
.upload-area .dzu-dropzoneActive .input.error {
  border: 2px dashed red;
  background-color: lightcoral;
}
.upload-area .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4rem 2rem;
  width: unset;
  border: 2px dashed #354B5C;
  border-radius: 1rem;
  cursor: pointer;
  color: #354B5C;
  margin-bottom: 1rem;
}
.upload-area .input.error {
  border: 2px dashed red;
}
@media only screen and (min-width: 640px) {
  .upload-area .input {
    min-width: 40rem;
  }
}
.upload-area .input .input-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  margin-bottom: 1rem;
}
.upload-area .input .input-title:before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: url("/public/images/ajout-pj.svg");
  background-repeat: no-repeat;
  display: block;
}
.upload-area .input .input-details {
  font-family: "Caveat";
}
.upload-area .item {
  position: relative;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #354B5C;
  padding-bottom: 0.2rem;
}
.upload-area .item.error {
  color: #FD5252;
}
.upload-area .item:before {
  content: "";
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
  background: url("/public/images/pj.svg");
  background-repeat: no-repeat;
  display: block;
}
.upload-area .item .slider {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  height: 0.4rem;
  overflow-x: hidden;
}
.upload-area .item .slider .line {
  position: absolute;
  opacity: 0.4;
  background: #FD5252;
  width: 150%;
  height: 5px;
}
.upload-area .item .slider .subline {
  position: absolute;
  background: #FD5252;
  height: 5px;
}
.upload-area .item .slider .inc {
  -webkit-animation: increase 2s infinite;
          animation: increase 2s infinite;
}
.upload-area .item .slider .dec {
  -webkit-animation: decrease 2s 0.5s infinite;
          animation: decrease 2s 0.5s infinite;
}
@-webkit-keyframes increase {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@keyframes increase {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@-webkit-keyframes decrease {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}
@keyframes decrease {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}
.upload-area .item .label {
  font-weight: bold;
  padding: 0 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 14rem;
}
@media only screen and (min-width: 640px) {
  .upload-area .item .label {
    max-width: 24rem;
  }
}
.upload-area .item .size {
  white-space: nowrap;
  font-size: small;
  padding: 0 0.5rem;
}
.upload-area .item .size:before {
  content: "(";
}
.upload-area .item .size:after {
  content: ")";
}
.upload-area .item .delete {
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
  background: url("/public/images/supp-pj.svg");
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
}
.upload-area .item .delete:hover {
  background: url("/public/images/supp-pj-hover.svg");
}

.assistance-request-covid-wrapper {
  color: #354B5C;
  max-width: 800px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.assistance-request-covid-wrapper form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assistance-request-covid-wrapper .confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assistance-request-covid-wrapper .confirm .button {
  margin-top: 2rem;
}
.assistance-request-covid-wrapper button:disabled {
  cursor: not-allowed;
  background-color: #A7B0B8;
}
.assistance-request-covid-wrapper b {
  color: #354B5C;
}
.assistance-request-covid-wrapper h2 {
  text-align: center;
  margin: 0 0 1rem 0;
}
.assistance-request-covid-wrapper h2:after {
  margin-top: 1rem;
  content: "";
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 2rem;
  height: 1px;
  background-color: #354B5C;
}
.assistance-request-covid-wrapper .input-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 640px) {
  .assistance-request-covid-wrapper .input-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.assistance-request-covid-wrapper .input-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F8F8F8;
  margin: 1rem;
  padding: 2rem;
  border-top: 3px solid #354B5C;
}
@media only screen and (min-width: 640px) {
  .assistance-request-covid-wrapper .input-group {
    width: 60%;
  }
}
.assistance-request-covid-wrapper .formError {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1rem;
  background-color: #FD5252;
  color: white;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
}
.assistance-request-covid-wrapper .formError:before {
  content: "";
  position: absolute;
  left: 0.4rem;
  top: 0.6rem;
  width: 2.2rem;
  height: 2.2rem;
  background: url("/public/images/icon-alert.svg") no-repeat;
}
.assistance-request-covid-wrapper input,
.assistance-request-covid-wrapper .designed-select {
  width: 100%;
  color: #354B5C;
  font-size: 1.3rem;
  height: 3.5rem;
  margin-top: 1rem;
  border: 0.1rem solid #CCCCCC;
  padding: 1.5rem 0.5rem 0.5rem 0.5rem;
  background: white;
  line-height: 1.15;
  border-radius: 0.5rem;
}
.assistance-request-covid-wrapper input:focus,
.assistance-request-covid-wrapper .designed-select:focus {
  outline: none;
}
.assistance-request-covid-wrapper input.on-error,
.assistance-request-covid-wrapper .designed-select.on-error {
  color: #FD5252;
  border: 0.1rem solid #FD5252;
}
.assistance-request-covid-wrapper input:invalid,
.assistance-request-covid-wrapper .designed-select:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.assistance-request-covid-wrapper .read-only input {
  border-radius: 0rem;
  border: none;
  border-bottom: 0.1rem solid #CCCCCC;
  background: transparent;
}
.assistance-request-covid-wrapper .submitted input:invalid {
  color: #FD5252;
  border: 0.1rem solid #FD5252;
}
.assistance-request-covid-wrapper input:-webkit-autofill,
.assistance-request-covid-wrapper input:-webkit-autofill:hover,
.assistance-request-covid-wrapper input:-webkit-autofill:focus,
.assistance-request-covid-wrapper input:-webkit-autofill:active,
.assistance-request-covid-wrapper .designed-select:-webkit-autofill,
.assistance-request-covid-wrapper .designed-select:-webkit-autofill:hover,
.assistance-request-covid-wrapper .designed-select:-webkit-autofill:focus,
.assistance-request-covid-wrapper .designed-select:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}
.assistance-request-covid-wrapper input:not(:focus).place-holder-shown,
.assistance-request-covid-wrapper .designed-select:not(:focus).place-holder-shown {
  color: transparent;
}
.assistance-request-covid-wrapper input:focus + label,
.assistance-request-covid-wrapper input:not(.place-holder-shown) + label,
.assistance-request-covid-wrapper .designed-select:focus + label,
.assistance-request-covid-wrapper .designed-select:not(.place-holder-shown) + label {
  left: 0.5rem;
  -webkit-transform: translateY(-0.5rem) scale(0.8);
          transform: translateY(-0.5rem) scale(0.8);
}
.assistance-request-covid-wrapper .designed-select:not(:-moz-read-only).on-error + label,
.assistance-request-covid-wrapper input:not(:-moz-read-only).on-error + label {
  color: #FD5252;
}
.assistance-request-covid-wrapper .designed-select:not(:read-only).on-error + label,
.assistance-request-covid-wrapper input:not(:read-only).on-error + label {
  color: #FD5252;
}
.assistance-request-covid-wrapper label {
  cursor: text;
  font-size: 1.3rem;
  color: #86939d;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  position: absolute;
  left: 1rem;
  top: 1.5rem;
  -webkit-transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.assistance-request-covid-wrapper .input-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
}
.assistance-request-covid-wrapper .DayPickerInput {
  width: 100%;
}
.assistance-request-covid-wrapper .error {
  font-size: small;
  color: #FD5252;
}
.assistance-request-covid-wrapper .note {
  padding-top: 2rem;
  font-size: small;
}
.assistance-request-covid-wrapper .note a {
  text-decoration: underline;
  cursor: pointer;
}

@media only screen and (max-width: 480px) {
  .is-hidden-mobile {
    display: none !important;
  }
}

@media only screen and (max-width: 1025px) {
  .is-hidden-tablet {
    display: none !important;
  }
}

@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .is-hidden-desktop {
    display: none !important;
  }
}

.tooltip {
  position: relative;
  display: inline-block;
  font-family: "Titillium Web SemiBold";
  cursor: pointer;
}

.tooltiptext::before {
  content: "";
  position: absolute;
  left: -1rem;
  bottom: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 1rem 1rem;
  border-color: transparent transparent #49c0d5 transparent;
  z-index: 9;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .tooltiptext::before {
    bottom: 2rem;
  }
}

/* Tooltip text */
.tooltiptext {
  visibility: hidden;
  position: absolute;
  width: 16rem;
  height: auto;
  background-color: #49c0d5;
  border-radius: 0.5rem;
  padding: 1rem;
  color: #fff;
  z-index: 9;
  text-align: left;
}
@media only screen and (min-width: 640px) {
  .tooltiptext {
    width: 25rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .tooltiptext {
    bottom: -1rem;
    right: -33rem;
    width: 35rem;
    padding: 2rem;
    text-align: unset;
  }
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.circle-big {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 30px auto 25px auto;
}

.circle-big svg {
  width: 220px;
  height: 220px;
}

.circle-big .bg {
  fill: none;
  stroke-width: 20px;
  stroke: #F5F6F7;
}

.circle-big .progress-animate,
.circle-big .progress {
  fill: none;
  stroke-width: 20px;
  stroke: #49c0d5;
  stroke-linecap: round;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.circle-big .progress-animate {
  -webkit-animation: big 2s ease-in-out;
          animation: big 2s ease-in-out;
}

.circle-big .text {
  position: absolute;
  color: #354B5C;
  width: 50%;
  font-size: 2.1rem;
  text-align: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 5rem;
}

@-webkit-keyframes big {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 580;
  }
}

@keyframes big {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 580;
  }
}
.character {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  height: 45rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .character {
    height: 100%;
  }
}
.character > .top-dialog {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Caveat";
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 3rem;
  color: #354B5C;
  width: 18rem;
  height: 10rem;
  text-align: center;
}
.character > .top-dialog:after {
  content: "";
  position: absolute;
  bottom: -1rem;
  background-image: url("/public/images/bubble-long.svg");
  background-repeat: no-repeat;
  height: 4rem;
  width: 12rem;
  left: 0;
  right: 0;
  margin: auto;
}
.character > .emma {
  background-image: url("/public/images/emma.png");
  background-repeat: no-repeat;
  background-size: 15rem;
  background-position-x: 6rem;
  background-position-y: 3rem;
  min-width: 22rem;
  width: 22rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.character > .emma:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("/public/images/round_brush.svg");
  background-size: 23rem 23rem;
  background-repeat: no-repeat;
  z-index: -1;
}

.interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: -11rem;
}
.interaction-text {
  font-size: 2rem;
  text-align: center;
  color: #354B5C;
  width: 65%;
  margin-bottom: 1rem;
}
.interaction-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.3rem 1.3rem 1.3rem 4rem;
}
.interaction-button:before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2.5rem;
  left: 0;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone.svg");
}

.panel {
  border-radius: 0.5rem;
  -webkit-box-shadow: 0.2rem 0.2rem 1rem #354B5C33;
          box-shadow: 0.2rem 0.2rem 1rem #354B5C33;
  width: 100%;
  overflow: hidden;
}
.panel > .panel-header {
  position: relative;
  width: 100%;
  color: #FFF;
  line-height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
}
.panel > .panel-header:before {
  position: absolute;
  content: "";
  background: url("/public/images/panel-header.png");
  background-size: cover;
  width: 100%;
  height: 6rem;
  z-index: 0;
}
.panel > .panel-header > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 1rem 2rem;
  z-index: 1;
}
.panel > .panel-header > span:nth-child(1) {
  text-align: left;
}
.panel > .panel-header > span:nth-child(2) {
  text-align: right;
}
.panel > .panel-content {
  padding: 1rem 0;
  background-color: white;
}
@media only screen and (min-width: 640px) {
  .panel > .panel-content {
    padding: 2rem;
  }
}

.spacing-table {
  color: #354B5C;
  font-size: 1.8rem;
}
.spacing-table-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 2rem;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
  .spacing-table-title {
    margin: 1rem 0 2rem 0;
  }
}
.spacing-table-title > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.spacing-table-title > *:nth-child(1) {
  width: 50%;
  text-align: left;
}
.spacing-table-title > *:nth-child(2) {
  width: 50%;
  text-align: right;
}
.spacing-table-group {
  border-bottom: 1px solid #F5F6F7;
  margin: 1rem 0;
}
.spacing-table-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 2rem;
}
@media only screen and (min-width: 640px) {
  .spacing-table-line {
    margin: 2rem 0;
  }
}
.spacing-table-line > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.spacing-table-line > *:nth-child(1) {
  max-width: 50%;
  text-align: left;
}
.spacing-table-line > *:nth-child(2) {
  max-width: 50%;
  text-align: right;
}

.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  transition: all 0s;
}
.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

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

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.carousel-container {
  position: relative;
}
@supports (-ms-flow-from: thingy) {
  .carousel-container {
    height: 35rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .carousel-container {
    padding: 0 6rem;
  }
}
.carousel-container.white {
  color: #FFFFFF;
}
.carousel-container.white .carousel-control {
  border: solid 1px #fff;
  position: absolute;
}
.carousel-container.white .carousel-control-prev {
  background: url("/public/images/slider-prev-white.svg") no-repeat 1.6rem 50%;
  background-size: 1.4rem;
}
.carousel-container.white .carousel-control-next {
  background: url("/public/images/slider-next-white.svg") no-repeat 1.9rem 50%;
  background-size: 1.4rem;
}
.carousel-container .carousel-control {
  content: "";
  opacity: 0.75;
  width: 5rem;
  height: 5rem;
  display: block;
  border: solid 1px #354B5C;
  border-radius: 99rem;
  top: calc(50% - 3.5rem);
  position: absolute;
}
.carousel-container .carousel-control-prev {
  background: url("/public/images/slider-prev-dark.svg") no-repeat 1.6rem 50%;
  background-size: 1.4rem;
  left: 0.5rem;
}
.carousel-container .carousel-control-next {
  background: url("/public/images/slider-next-dark.svg") no-repeat 1.9rem 50%;
  background-size: 1.4rem;
  right: 0.5rem;
}

.testimonials-carousel-container {
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .testimonials-carousel-container {
    padding: 0 6rem;
  }
}
.testimonials-carousel-container .testimonial-carousel-control {
  content: "";
  opacity: 0.75;
  width: 5rem;
  height: 5rem;
  display: block;
  border: solid 0.1rem #354B5C;
  border-radius: 99rem;
  top: calc(40% - 3.5rem);
  position: absolute;
}
.testimonials-carousel-container .testimonial-carousel-control-prev {
  background: url("/public/images/slider-prev-blue.svg") no-repeat 1.6rem 50%;
  background-size: 1.4rem;
  left: 0.5rem;
}
.testimonials-carousel-container .testimonial-carousel-control-next {
  background: url("/public/images/slider-next-blue.svg") no-repeat 1.9rem 50%;
  background-size: 1.4rem;
  right: 0.5rem;
}

.slidermsq.welcome {
  height: 33rem;
}
.slidermsq.welcome .slidermsq__slide-content {
  height: 33rem;
}
.slidermsq-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0;
}
@media only screen and (min-width: 640px) {
  .slidermsq-wrapper {
    padding: 0 2rem;
  }
}
.slidermsq-wrapper .tns-ovh {
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.slidermsq-wrapper .tns-controls.white button[data-controls=prev],
.slidermsq-wrapper .tns-controls.white button[data-controls=next] {
  border-color: white;
}
.slidermsq-wrapper .tns-controls.white button[data-controls=prev] {
  background: url("/public/images/slider-prev-white.svg") no-repeat 1.6rem 50%;
  background-size: 1.4rem;
}
.slidermsq-wrapper .tns-controls.white button[data-controls=next] {
  background: url("/public/images/slider-next-white.svg") no-repeat 1.9rem 50%;
  background-size: 1.4rem;
}
.slidermsq-wrapper .tns-controls button[data-controls=prev],
.slidermsq-wrapper .tns-controls button[data-controls=next] {
  margin: 0;
  z-index: 2;
  content: "";
  opacity: 0.75;
  width: 5rem;
  height: 5rem;
  display: block;
  border: solid 1px #354B5C;
  border-radius: 99rem;
  top: calc(50% - 3.5rem);
  position: absolute;
  color: transparent;
}
.slidermsq-wrapper .tns-controls button[data-controls=prev] {
  background: url("/public/images/slider-prev-dark.svg") no-repeat 1.6rem 50%;
  background-size: 1.4rem;
  left: 6rem;
}
@media only screen and (min-width: 640px) {
  .slidermsq-wrapper .tns-controls button[data-controls=prev] {
    left: 1rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slidermsq-wrapper .tns-controls button[data-controls=prev] {
    left: 6rem;
  }
}
.slidermsq-wrapper .tns-controls button[data-controls=next] {
  background: url("/public/images/slider-next-dark.svg") no-repeat 1.9rem 50%;
  background-size: 1.4rem;
  right: 6rem;
}
@media only screen and (min-width: 640px) {
  .slidermsq-wrapper .tns-controls button[data-controls=next] {
    right: 1rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slidermsq-wrapper .tns-controls button[data-controls=next] {
    right: 6rem;
  }
}
.slidermsq-wrapper .tns-nav {
  z-index: 2;
  position: absolute;
  bottom: 2.5rem;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slidermsq-wrapper .tns-nav.white button {
  border-color: white;
}
.slidermsq-wrapper .tns-nav.white button.tns-nav-active {
  background: white;
}
.slidermsq-wrapper .tns-nav.envelope {
  margin-bottom: 25rem;
}
@media only screen and (min-width: 640px) {
  .slidermsq-wrapper .tns-nav.envelope {
    margin-bottom: 6rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slidermsq-wrapper .tns-nav.envelope {
    margin-bottom: 0;
  }
}
.slidermsq-wrapper .tns-nav button {
  width: 1rem;
  height: 1rem;
  background: none;
  border: 1px solid #354B5C;
  border-radius: 50%;
  padding: 0;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  -webkit-transition: background-color ease-in-out 0.2s;
  transition: background-color ease-in-out 0.2s;
}
.slidermsq-wrapper .tns-nav button.tns-nav-active {
  background: #354B5C;
}
.slidermsq-wrapper .banner_bg {
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: none;
}
@media only screen and (min-width: 640px) {
  .slidermsq-wrapper .banner_bg {
    display: unset;
  }
}
.slidermsq-wrapper .banner_bg-mobile {
  bottom: 0;
}
@media only screen and (min-width: 640px) {
  .slidermsq-wrapper .banner_bg-mobile {
    display: none;
  }
}
.slidermsq-wrapper .banner_bg .banner_gradient {
  height: 100%;
  width: 100%;
  background: linear-gradient(100deg, #354B5C, transparent);
}
.slidermsq-spacer.envelope {
  margin-bottom: 12rem;
}
@media only screen and (min-width: 640px) {
  .slidermsq-spacer.envelope {
    margin-bottom: 30rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slidermsq-spacer.envelope {
    margin-bottom: 10rem;
  }
}
.slidermsq__slide {
  position: relative;
  z-index: 1;
}
.slidermsq__slide:after {
  z-index: 3;
  content: "";
  background-image: url("/public/images/bottom-decoration.svg");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: -1.5rem;
}
.slidermsq__slide.advices .slidermsq__slide-image-background-pattern {
  background: url("/public/images/pattern_3.jpg");
}
.slidermsq__slide.gourmet_therapy .slidermsq__slide-image-background-pattern {
  background: url("/public/images/pattern_2.jpg");
}
.slidermsq__slide.gourmet_therapy .slidermsq__slide-title {
  color: white;
}
.slidermsq__slide.gourmet_therapy .slidermsq__slide-text {
  color: white;
}
.slidermsq__slide-image-background {
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.slidermsq__slide-image-background-pattern {
  z-index: 2;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  bottom: 0;
  background: url("/public/images/pattern_1.jpg");
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-image-background-pattern {
    width: 45%;
    top: -100%;
    bottom: -100%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-image-background-pattern.large-pattern {
    width: 57%;
  }
}
.slidermsq__slide-image-background-article {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50%;
  background-size: cover;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-image-background-article {
    bottom: 0;
    left: 40%;
  }
}
.slidermsq__slide-content {
  position: relative;
  z-index: 5;
  padding: 0 2rem;
  height: 50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-content {
    display: block;
    height: 33rem;
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 8rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slidermsq__slide-content {
    padding: 0 12rem;
  }
}
.slidermsq__slide-left-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: 50%;
  padding: 2rem 0;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-left-panel {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40%;
    height: 100%;
    padding: 0;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slidermsq__slide-left-panel {
    width: 40rem;
  }
}
.slidermsq__slide-title {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 2.4rem;
  color: #354B5C;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-title {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}
.slidermsq__slide-text {
  color: #354B5C;
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-text {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}
.slidermsq__slide-text p {
  margin: 0;
}
.slidermsq__slide-interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slidermsq__slide-interaction .button {
  text-transform: none;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  width: auto;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-interaction .button {
    padding: 1rem 2rem;
    font-size: 1.5rem;
  }
}
.slidermsq__slide-label {
  -ms-flex-item-align: start;
      align-self: flex-start;
  text-transform: uppercase;
  padding: 0.6rem 0.8rem;
  font-size: 1rem;
  line-height: 1rem;
  color: white;
  background-color: #354b5c;
  margin-bottom: 1.7rem;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-label {
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-top: 4.5rem;
  }
}
.slidermsq__slide.welcome, .slidermsq__slide.envelope {
  max-height: 45rem;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide.welcome, .slidermsq__slide.envelope {
    max-height: unset;
  }
}
.slidermsq__slide.welcome .slidermsq__slide-content, .slidermsq__slide.envelope .slidermsq__slide-content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slidermsq__slide.welcome .slidermsq__slide-content, .slidermsq__slide.envelope .slidermsq__slide-content {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.slidermsq__slide.welcome .slidermsq__slide-title, .slidermsq__slide.envelope .slidermsq__slide-title {
  font-weight: unset;
  color: #FFF;
}
.slidermsq__slide.welcome .slidermsq__slide-text, .slidermsq__slide.envelope .slidermsq__slide-text {
  color: #FFF;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide.welcome .slidermsq__slide-left-panel, .slidermsq__slide.envelope .slidermsq__slide-left-panel {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slidermsq__slide.welcome .slidermsq__slide-left-panel, .slidermsq__slide.envelope .slidermsq__slide-left-panel {
    width: 30rem;
  }
}
.slidermsq__slide-panel {
  z-index: 4;
  position: absolute;
  top: 25rem;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-panel {
    top: 28rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slidermsq__slide-panel {
    top: 4rem;
  }
}
.slidermsq__slide-panel .panel {
  width: calc(100% - 4rem);
  max-width: 45rem;
  margin: 0 2rem;
}
@media only screen and (min-width: 640px) {
  .slidermsq__slide-panel .panel {
    margin: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .slidermsq__slide-panel .panel {
    margin: 0 calc((100% - 1200px) / 2 + 2rem) 0 auto;
  }
}
@media all and (min-width: 1025px) and (max-width: 1200px) {
  .slidermsq__slide-panel .panel {
    margin-right: 2rem;
  }
}
.slidermsq__slide-panel .panel-header {
  height: 5rem;
}
.slidermsq__slide-panel .panel-content {
  height: 27rem;
}

.darkish-bottom.slidermsq .slidermsq__slide:after {
  background-color: #354B5C;
}

#landing {
  background-color: #fff;
  max-width: 1200px;
  margin: 0 auto 15rem;
  font-size: 14px;
  font-family: "Manrope", sans-serif;
}
@media only screen and (min-width: 640px) {
  #landing {
    margin: 0 auto 8rem;
  }
}
#landing.popinRemainingDays {
  padding: 0;
  margin: 2rem 0 0;
}
#landing.popin-error-addTrip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
  margin: 2rem 5rem 0;
}
@media only screen and (max-width: 480px) {
  #landing.popin-error-addTrip {
    margin: 2rem 1rem 0;
  }
}
#landing.popin-error-addTrip .popin-error-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#landing.popin-error-addTrip .popin-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  width: 70%;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#landing.popin-error-addTrip .MuiChip-root {
  position: absolute;
  margin: 1rem 5.3rem;
  z-index: 1;
}
#landing.popin-error-addTrip .wrapper_message-information {
  margin-bottom: -1rem;
}
#landing.popin-error-addTrip .wrapper_message-information .content_message-information div ul {
  margin-top: 1rem;
}
@media only screen and (max-width: 480px) {
  #landing.popin-error-addTrip .wrapper_message-information .content_message-information div ul {
    padding-left: 1.5rem;
  }
}
#landing.popin-error-addTrip .wrapper_message-information .content_message-information div ul li {
  margin-left: 0;
}
#landing.popin-error-addTrip .wrapper_message-information .content_message-information div ul li ul {
  margin-left: -2.5rem;
}
@media only screen and (max-width: 480px) {
  #landing.popin-error-addTrip .wrapper_message-information .content_message-information div ul li ul {
    margin-left: -1.5rem;
  }
}
#landing.popin-error-addTrip .wrapper_message-information .content_message-information div ul li ul li {
  margin-top: -0.5rem;
}
#landing.popin-error-addTrip .wrapper_message-information .content_message-information div li {
  margin-left: -2rem;
}
@media only screen and (max-width: 480px) {
  #landing.cae .card-wrapper.summary .b-border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 480px) {
  #landing.cae .card-wrapper.summary .b-border h2 {
    max-width: 50%;
  }
}
#landing.cae .card-wrapper.summary .wrapper-content {
  padding: 3rem 0 1rem;
}
#landing.cae .hero-banner {
  padding: 25px 20px 85px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 640px) {
  #landing.cae .hero-banner {
    background-position: center;
  }
}
@media only screen and (max-width: 480px) {
  #landing.cae .hero-banner {
    padding: 2rem 2rem 3rem;
  }
  #landing.cae .hero-banner.hidden-mobile {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  #landing.cae .hero-banner.reduce-title h1 {
    font-size: 2rem;
    width: 60%;
    line-height: 3rem;
  }
  #landing.cae .hero-banner.reduce-title-80 h1 {
    width: 80%;
  }
}
@media only screen and (max-width: 480px) {
  #landing.cae .hero-banner.reduce-title.error {
    height: 40rem;
  }
}
@media only screen and (min-width: 640px) {
  #landing.cae .hero-banner {
    padding: 30px 40px 130px;
  }
}
#landing.cae .container_landing {
  margin-top: -8rem;
}
@media only screen and (min-width: 640px) {
  #landing.cae .container_landing {
    margin-top: -12rem;
  }
}
@media only screen and (max-width: 480px) {
  #landing.cae .container_landing {
    margin-top: -3rem;
  }
}
#landing.cae .container_landing .wrapper_message-information {
  margin: 0 auto 3rem;
}
@media only screen and (max-width: 480px) {
  #landing.cae .container_landing .wrapper_message-information {
    width: calc(100% - 40px);
    padding-bottom: 60px;
  }
}
#landing.cae .container_landing.error {
  width: 100%;
  gap: 0;
}
#landing.cae .container_landing.error .wrapper_message-information {
  width: 97%;
  padding-bottom: 1.5rem;
}
@media only screen and (max-width: 480px) {
  #landing.cae .container_landing.error .wrapper_message-information {
    width: calc(100% - 40px);
  }
}
@media only screen and (max-width: 480px) {
  #landing.cae .container_landing.error {
    gap: 3rem;
    margin-top: -21rem;
  }
}
#landing.cae .md-flex .folder_wrapper {
  margin: -7rem auto 0;
}
@media only screen and (min-width: 640px) {
  #landing.cae .md-flex .folder_wrapper {
    margin: -12rem auto 0;
  }
}
@media only screen and (max-width: 480px) {
  #landing.cae .md-flex .folder_wrapper {
    margin: -3rem auto 0;
  }
}
#landing.cae .mt-0 {
  margin-top: 0;
}
#landing.dad .hero-banner {
  font-family: "Titillium Web Regular";
}
#landing.dad .hero-banner .container-fluid h1 {
  font-size: 36px;
  margin-bottom: 2rem;
}
#landing.dad .hero-banner .container-fluid h2 {
  font-size: 26px;
  margin-bottom: 12px;
  margin-top: 23px;
}
#landing.dad .hero-banner .container-fluid p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 26px;
}
#landing.dad .hero-banner .container-fluid p:last-child {
  font-size: 14px;
  width: 60%;
}
#landing.dad a {
  margin-bottom: 16px;
}
#landing.dad a.primary {
  border-radius: 25px;
}
#landing .hero-banner {
  color: white;
  padding: 55px 20px;
  position: relative;
}
@media only screen and (min-width: 640px) {
  #landing .hero-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 1200px;
    padding: 40px 20px 90px;
  }
}
#landing .hero-banner .bg-herobanner {
  position: absolute;
  width: 1000%;
  height: 100%;
  left: -500rem;
  top: 0;
  background: #344f64;
  z-index: -1;
}
#landing .hero-banner .container-fluid, #landing .hero-banner .container {
  margin: 0;
}
@media only screen and (min-width: 640px) {
  #landing .hero-banner .container-fluid, #landing .hero-banner .container {
    width: 74%;
  }
}
#landing .hero-banner .container-fluid h1, #landing .hero-banner .container h1 {
  font-size: 2.8rem;
  line-height: 3.8rem;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  #landing .hero-banner .container-fluid h1, #landing .hero-banner .container h1 {
    font-size: 3.5rem;
    line-height: 5.625rem;
  }
}
#landing .hero-banner .container-fluid h2, #landing .hero-banner .container h2 {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  font-weight: initial;
}
#landing .hero-banner .container-fluid h2 b, #landing .hero-banner .container h2 b {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}
#landing .hero-banner .container-fluid p, #landing .hero-banner .container p {
  font-size: 1.5rem;
  line-height: 26px;
}
#landing .hero-banner .container-fluid.left, #landing .hero-banner .container.left {
  text-align: left;
}
@media only screen and (min-width: 640px) {
  #landing .hero-banner .container-fluid.left, #landing .hero-banner .container.left {
    padding-left: 6rem;
  }
}
#landing .hero-banner::after {
  content: "";
  background-image: url("/public/images/bottom-decoration.svg");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: -1.5rem;
  left: 0;
}
@media only screen and (min-width: 640px) {
  #landing .no-margin .card-wrapper {
    margin: 0px auto 0;
  }
}
@media only screen and (min-width: 640px) {
  #landing .no-margin .card-wrapper.no-border {
    margin: 0px auto 0;
  }
}
#landing .card-wrapper {
  border-top: 4px solid #49C0D5;
  background: #fff;
  width: calc(100% - 40px);
  padding: 30px 20px;
  margin: -40px auto 0;
  -webkit-box-shadow: 0 10px 40px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px 1px rgba(0, 0, 0, 0.1);
  color: #354B5C;
  border-radius: 6px;
}
#landing .card-wrapper.wrapper.error-landing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#landing .card-wrapper.wrapper.error-landing:first-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
#landing .card-wrapper.wrapper.error-landing .bloc {
  width: 54%;
}
@media only screen and (max-width: 480px) {
  #landing .card-wrapper.wrapper.error-landing .bloc {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
#landing .card-wrapper.wrapper.error-landing .content-button {
  margin-top: -1rem;
}
@media only screen and (max-width: 480px) {
  #landing .card-wrapper.wrapper.error-landing .content-button {
    margin-top: 0;
  }
}
#landing .card-wrapper.wrapper.summary .content-button {
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  #landing .card-wrapper.wrapper.summary:first-child {
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
    padding: 0 !important;
    margin-top: -12rem;
  }
  #landing .card-wrapper.wrapper.summary:first-child::after {
    bottom: 230px;
    left: -64px;
  }
  #landing .card-wrapper.wrapper.summary:first-child.drd {
    margin-top: -4rem;
  }
  #landing .card-wrapper.wrapper.summary:first-child.drd::after {
    bottom: -23px;
    left: -64px;
  }
}
@media only screen and (max-width: 480px) {
  #landing .card-wrapper.wrapper.summary:first-child {
    margin-top: -8rem;
  }
}
@media only screen and (max-width: 480px) and (max-width: 480px) {
  #landing .card-wrapper.wrapper.summary:first-child {
    margin-top: -3rem;
  }
}
@media only screen and (min-width: 640px) {
  #landing .card-wrapper {
    margin: -55px auto 0;
    position: relative;
  }
  #landing .card-wrapper:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    padding: 30px 70px;
  }
  #landing .card-wrapper:first-child::after {
    content: "";
    background-image: url("/public/images/landing/debout@4x.png");
    width: 125px;
    height: 363px;
    position: absolute;
    background-position: center;
    background-size: cover;
    bottom: -20px;
    left: -75px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  #landing .card-wrapper:first-child.iframe::after {
    content: none;
  }
  #landing .card-wrapper:first-child .bloc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
  }
  #landing .card-wrapper:first-child .bloc .bloc-image {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #landing .card-wrapper:first-child .bloc .bloc-content {
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  #landing .card-wrapper:last-child {
    padding: 30px;
  }
}
#landing .card-wrapper.smaller-bloc .bloc {
  padding: 0;
  margin-bottom: 2rem;
  color: #344F64;
  font-weight: 700;
  line-height: 24px;
}
#landing .card-wrapper.smaller-bloc .bloc p {
  font-weight: 700;
}
#landing .card-wrapper.smaller-bloc .bloc h4 {
  margin-bottom: 0;
}
#landing .card-wrapper.smaller-bloc .bloc .bloc-image img {
  max-width: initial;
}
#landing .card-wrapper.no-border {
  border-top: 0;
  width: 100%;
  margin: 0 auto;
  background: initial;
}
@media only screen and (min-width: 640px) {
  #landing .card-wrapper.no-border {
    background: #fff;
    margin: -55px auto 0;
  }
}
#landing .card-wrapper.no-border .bloc {
  background-color: #fff;
  text-align: center;
}
#landing .card-wrapper h3 {
  font-size: 2.375rem;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-weight: initial;
  margin: 0;
}
#landing .card-wrapper h3::after {
  content: "";
  height: 4px;
  width: 6.25rem;
  background-color: #354B5C;
  display: block;
  margin: 1rem auto 3rem;
}
#landing .card-wrapper .bloc {
  background-color: #F5F6F7;
  padding: 2.375rem 2.625rem;
  margin-bottom: 4rem;
}
#landing .card-wrapper .bloc h4 {
  font-size: 1.625rem;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 0;
}
#landing .card-wrapper .bloc p {
  font-size: 1.5rem;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  margin: 0;
}
#landing .card-wrapper .bloc .bloc-image img {
  width: calc(100% - 20rem);
  max-width: 90px;
}
@media only screen and (min-width: 640px) {
  #landing .card-wrapper .bloc .bloc-image img {
    width: auto;
    margin-bottom: inherit;
  }
}
#landing .card-wrapper .content-button {
  text-align: center;
  margin-top: 2rem;
}
#landing .card-wrapper .content-button .primary {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  #landing .card-wrapper .content-button .primary {
    display: inline-block;
  }
}
#landing .card-wrapper .content-button .secondary {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  #landing .card-wrapper .content-button .secondary {
    display: inline-block;
  }
}
#landing .card-wrapper.summary {
  border: 1px solid rgba(53, 75, 92, 0.4);
  border-top: 4px solid #49C0D5;
  text-align: center;
  padding: 0;
  position: relative;
}
#landing .card-wrapper.summary.no-border-summary {
  border: none;
  border-top: 4px solid #49C0D5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#landing .card-wrapper.summary.no-border-summary.frame {
  border: none;
}
#landing .card-wrapper.summary img {
  width: 7rem;
  margin: 2.375rem 0 1.25rem;
}
#landing .card-wrapper.summary img.refund-summary-img {
  width: 10rem;
}
#landing .card-wrapper.summary img.content-btn-icon {
  margin: 0;
}
#landing .card-wrapper.summary h2 {
  margin: 0;
  margin-bottom: 37px;
}
#landing .card-wrapper.summary h2.frame-title {
  margin: 0;
  font-size: 3rem;
  line-height: 3.3rem;
  font-family: "Manrope";
}
#landing .card-wrapper.summary .b-border {
  border-bottom: 1px solid rgba(53, 75, 92, 0.4);
}
#landing .card-wrapper.summary .b-border .title {
  max-width: 80%;
}
#landing .card-wrapper.summary .wrapper-content .w-small {
  width: 25%;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) {
  #landing .card-wrapper.summary .wrapper-content {
    padding: 5rem 0 5.5rem;
  }
}
#landing .card-wrapper.summary .wrapper-content .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#landing .card-wrapper.summary .wrapper-content .flex-column.cae {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary {
  text-align: left;
  padding: 0 20rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .content-button > a {
  border-radius: 8px;
}
@media only screen and (max-width: 1025px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary {
    padding: 0 12rem;
  }
}
@media only screen and (max-width: 1025px) and (max-width: 809px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary {
    padding-right: 4rem;
    padding-left: 8rem;
  }
}
@media only screen and (max-width: 1025px) and (max-width: 809px) and (min-width: 640px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .content-button {
    padding-right: 4rem;
  }
}
@media only screen and (max-width: 480px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary {
    padding: 0 2rem;
  }
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.next-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice {
  background: #F3F3F8;
  border: 1px solid rgba(53, 75, 92, 0.4);
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content {
  padding-top: 1rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content > h2 {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #283C50;
  margin-bottom: 1rem;
  padding-top: 3rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content .group {
  padding-right: 4rem;
}
@media only screen and (max-width: 480px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content .group {
    padding-right: 0;
  }
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content .group > p {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
  color: #283C50;
  margin-top: -0.8rem;
  margin-bottom: 1rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content .cae-dash {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0.1rem;
  height: 8rem;
  border: 1px dashed #283C50;
  margin-left: 0.7rem;
  margin-top: -4.5rem;
  margin-bottom: -1.5rem;
}
@media only screen and (max-width: 689px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content .cae-dash {
    height: 12rem;
    margin-top: -7.5rem;
  }
}
@media only screen and (max-width: 519px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content .cae-dash {
    height: 14rem;
    margin-top: -10.5rem;
  }
}
@media only screen and (max-width: 480px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content .cae-dash {
    height: 12rem;
    margin-top: -7.5rem;
  }
}
@media only screen and (max-width: 480px) and (max-width: 399px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content .cae-dash {
    height: 14rem;
    margin-top: -10.5rem;
  }
}
@media only screen and (max-width: 480px) and (max-width: 335px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content .cae-dash {
    height: 18rem;
    margin-top: -13.5rem;
  }
}
@media only screen and (max-width: 480px) and (max-width: 310px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary.advice .cae-content .cae-dash {
    height: 20rem;
    margin-top: -16.5rem;
  }
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content > h2 {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #283C50;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 480px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content > h2 {
    margin-left: -1rem;
  }
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .group .cae-border {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 15.91px;
  min-width: 15.91px;
  height: 16px;
  background: #FFFFFF;
  border: 3px solid #283C50;
  border-radius: 15px;
}
@media only screen and (max-width: 480px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .group .cae-border {
    z-index: 1;
  }
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .group p {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  color: #283C50;
  margin-top: -0.5rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 480px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .group p {
    font-size: 17px;
  }
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .cae-dash {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0.1rem;
  height: 8rem;
  border: 1px dashed #283C50;
  margin-left: 0.7rem;
  margin-top: -5rem;
  margin-bottom: -1.5rem;
}
@media only screen and (max-width: 600px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .cae-dash {
    height: 12rem;
    margin-top: -7.5rem;
  }
}
@media only screen and (max-width: 494px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .cae-dash {
    height: 14rem;
    margin-top: -10rem;
  }
}
@media only screen and (max-width: 480px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .cae-dash {
    height: 10rem;
    margin-top: -5.5rem;
  }
}
@media only screen and (max-width: 480px) and (max-width: 460px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .cae-dash {
    height: 12rem;
    margin-top: -7.5rem;
  }
}
@media only screen and (max-width: 480px) and (max-width: 368px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .cae-dash {
    height: 14rem;
    margin-top: -10rem;
  }
}
@media only screen and (max-width: 480px) and (max-width: 311px) {
  #landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .cae-content .cae-dash {
    height: 17rem;
    margin-top: -14rem;
  }
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .wrapper_message-information-cae .wrapper_message-information {
  margin-top: -1rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .wrapper_message-information-cae .wrapper_message-information .content_message-information {
  margin-top: -0.45rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .wrapper_message-information-cae .wrapper_message-information .content_message-information div p:first-child {
  font-family: "Manrope" !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 17px !important;
  line-height: 30px !important;
  color: #283C50 !important;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .wrapper_message-information-cae .wrapper_message-information .content_message-information div p:last-child {
  font-family: "Manrope" !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  color: #283C50;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .faq {
  padding-top: 2rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .faq > p {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
  padding-bottom: 2rem;
  margin-top: -2rem;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-summary .faq > p > a {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #FD5252;
  -webkit-text-decoration-color: #FD5252;
          text-decoration-color: #FD5252;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-login {
  padding: 0 2rem 4rem;
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-login > p {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
}
#landing .card-wrapper.summary .wrapper-content .flex-column .cae-login > a .content-button {
  border-radius: 8px;
}
#landing .card-wrapper.summary .wrapper-content .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  #landing .card-wrapper.summary .wrapper-content .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (min-width: 640px) {
  #landing .card-wrapper.summary .wrapper-content .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#landing .card-wrapper.summary .wrapper-content .flex > div {
  padding: 0;
  margin: -3rem 3rem 3rem;
}
@media only screen and (min-width: 640px) {
  #landing .card-wrapper.summary .wrapper-content .flex > div {
    width: 50%;
    text-align: center;
    padding: 0 5rem;
    margin: 0;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  #landing .card-wrapper.summary .wrapper-content .flex > div {
    padding: 0 2rem;
    margin: 0;
    text-align: center;
  }
}
#landing .card-wrapper.summary .wrapper-content .flex > div:first-child {
  padding: 0 0 3rem;
  border-right: none;
  border-bottom: 2px solid #F4F3F1;
  margin: 1rem 3rem 3rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  #landing .card-wrapper.summary .wrapper-content .flex > div:first-child {
    padding: 0 10rem;
    border-right: 2px solid #F4F3F1;
    border-bottom: none;
    margin: 0;
  }
}
@media only screen and (min-width: 640px) {
  #landing .card-wrapper.summary .wrapper-content .flex > div:first-child {
    padding-left: 6rem;
    padding-right: 3rem;
    border-right: 2px solid #F4F3F1;
    border-bottom: none;
    margin: 0;
  }
}
#landing .container_landing {
  margin-top: -60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
@media only screen and (max-width: 480px) {
  #landing .container_landing.drd-container {
    gap: 6rem;
  }
}
#landing .primary {
  background-color: #FD5252;
  border: none;
  border-radius: 50px;
  padding: 11px 30px 12px;
  text-decoration: none;
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
}
#landing .secondary {
  background-color: #384E5E;
  border-radius: 50px;
  padding: 11px 30px 12px;
  text-decoration: none;
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  display: inline-block;
  border: none;
}
#landing .md-wrapper {
  position: relative;
}
@media only screen and (min-width: 640px) {
  #landing .md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
  }
  #landing .md-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #landing .md-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
  }
}
#landing iframe {
  width: 100%;
  height: 60rem;
}
#landing .wrapper_message-information {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #5B6E83;
  padding: 18px;
  gap: 18px;
  border-radius: 8px;
}
@media only screen and (max-width: 480px) {
  #landing .wrapper_message-information {
    position: relative;
  }
}
#landing .wrapper_message-information.mb-separate {
  margin-bottom: 2rem;
}
#landing .wrapper_message-information.mt-separate {
  margin-block: 2rem 0.5rem;
}
#landing .wrapper_message-information.separate {
  margin-block: 0.5rem 0.5rem;
}
#landing .wrapper_message-information.contrasted {
  color: #1565C0;
}
@media only screen and (min-width: 640px) {
  #landing .wrapper_message-information {
    width: 100%;
    margin: auto;
  }
}
#landing .wrapper_message-information a {
  text-decoration: underline;
  margin-top: 10px;
}
#landing .wrapper_message-information.information {
  background-color: #DCF0FF;
}
#landing .wrapper_message-information.alert {
  background-color: #FDEBD0;
  color: #BF3210;
}
#landing .wrapper_message-information.error {
  background-color: rgba(225, 50, 0, 0.2);
}
#landing .wrapper_message-information.error.landing {
  background-color: #F9D6CC;
}
#landing .wrapper_message-information.error.landing.drd-information {
  margin-inline: 20px;
  width: auto;
}
#landing .wrapper_message-information.success {
  background-color: #00C37820;
}
#landing .wrapper_message-information .content_picto {
  line-height: 0;
}
#landing .wrapper_message-information .content_picto img {
  width: 20px;
  height: 20px;
  margin-top: 0;
}
#landing .wrapper_message-information h2 {
  font-size: 17px;
  color: #283C50;
  margin: 0;
  line-height: inherit;
}
#landing .wrapper_message-information p {
  margin: 0;
}
#landing .wrapper_message-information ul {
  margin: 0;
  padding-left: 2.5rem;
}
#landing .wrapper_message-information ul li {
  list-style-type: disc;
}
#landing .wrapper_message-information button {
  margin-top: 1rem;
  color: #fff;
  background-color: #FD5252;
  border-radius: 0.5rem;
  padding: 10px 16px;
  border: none;
}
@media only screen and (max-width: 480px) {
  #landing .wrapper_message-information button {
    position: absolute;
    left: 18px;
    width: calc(100% - 36px);
    margin: auto;
    bottom: 1rem;
  }
}
#landing .wrapper_message-information button:hover {
  cursor: pointer;
}
#landing .folder_wrapper {
  border-top: 4px solid #49C0D5;
  background: #fff;
  width: calc(100% - 40px);
  padding: 30px 0 0;
  margin: -40px auto 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #354B5C;
  border-radius: 6px;
  position: relative;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper {
    width: 100%;
  }
}
#landing .folder_wrapper.tall {
  margin: -40px auto 15rem;
}
#landing .folder_wrapper.tall .content-button {
  bottom: -14.5rem;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper.tall {
    margin: -40px auto 15rem;
  }
  #landing .folder_wrapper.tall .content-button {
    bottom: -5rem;
  }
}
#landing .folder_wrapper .wrapper_step {
  border-bottom: 1px solid #C8CDD7;
  padding-bottom: 30px;
}
#landing .folder_wrapper .wrapper_step .steps {
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  #landing .folder_wrapper .wrapper_step .steps {
    width: 50%;
  }
}
#landing .folder_wrapper .wrapper_step .steps .step:not(:first-child):before {
  content: "";
  position: absolute;
  top: 1.99rem;
  height: 0.2rem;
  left: calc(-50%);
  width: calc(100%);
  background-color: #879BAF;
}
#landing .folder_wrapper .wrapper_step .steps .step {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  height: 6rem;
  padding-top: 4rem;
  font-weight: bold;
  color: #879BAF;
}
#landing .folder_wrapper .wrapper_step .steps .step.one:after {
  content: "1";
}
#landing .folder_wrapper .wrapper_step .steps .step.two:after {
  content: "2";
}
#landing .folder_wrapper .wrapper_step .steps .step.three:after {
  content: "3";
}
#landing .folder_wrapper .wrapper_step .steps .step.recap:after {
  content: url("/public/images/landing/vector.svg");
}
#landing .folder_wrapper .wrapper_step .steps .step:after {
  content: "";
  position: absolute;
  height: 3.4rem;
  width: 3.4rem;
  background-color: #fff;
  border: 1px solid #879BAF;
  border-radius: 50%;
  top: 4px;
  z-index: 1;
  left: calc(50% - 1.7rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #879BAF;
  z-index: 4;
}
#landing .folder_wrapper .wrapper_step .steps .step.active {
  color: #FD5252;
}
#landing .folder_wrapper .wrapper_step .steps .step.active:before {
  background-color: #FD5252;
  z-index: 2;
}
#landing .folder_wrapper .wrapper_step .steps .step.active:after {
  background-color: #FD5252;
  color: #fff;
  line-height: 1px;
  border: 1px solid #FD5252;
}
#landing .folder_wrapper .wrapper_step .steps .step.current {
  color: #FD5252;
}
#landing .folder_wrapper .wrapper_step .steps .step.current:after {
  top: 0;
  border: 4px solid #FFEEEE;
  color: #fff;
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref {
  padding: 20px 16px;
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref:not(:first-child) {
  border-top: 1px solid #C8CDD7;
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref {
    padding: 34px 200px;
  }
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref.no-border {
  border-bottom: none;
  border-top: none;
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref.no-padding-bottom {
  padding-bottom: 0;
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref.no-padding-top {
  padding-top: 0;
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref.no-padding-top .error {
  color: red;
  display: block;
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .mb-separate {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .place-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 1.6rem;
  }
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .container_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 2rem;
  }
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  color: #283C50;
  margin-bottom: 2.5rem;
  margin-top: 2rem;
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-title.no-margin-top {
  margin-top: 0;
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-title.small-mb {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-title {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-title img {
    width: 4rem;
  }
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-title span {
  font-size: 17px;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-title span {
    font-size: 24px;
  }
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-title span.size-lg {
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-title span.size-lg {
    font-size: 30px;
  }
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .recap-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-address-form {
  background-color: #F3F3F8;
  margin-bottom: 3rem;
  border-radius: 8px;
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-address-form {
    margin-bottom: 1.6rem;
  }
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .content-address-form .content-input {
    width: 100%;
  }
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
  font-size: 17px;
  line-height: 30px;
  font-weight: 700;
  gap: 0.25rem;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .grid {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    font-size: 20px;
    line-height: 27.32px;
  }
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .grid .label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .grid .label {
    font-size: 17px;
    line-height: 30px;
    font-weight: 600;
  }
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .grid .label:not(:first-child) {
  margin-top: 1rem;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .grid .label:not(:first-child) {
    margin-top: 0;
  }
}
#landing .folder_wrapper .wrapper_folder-ref .content-folder-ref .contact_wrapper {
  background-color: #F3F3F8;
  border-radius: 10px;
  padding: 5px 25px;
}
#landing .folder_wrapper .wrapper_folder-ref .children-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
#landing .folder_wrapper button.link {
  padding: 7px 16px;
  color: #FD5252;
  background-color: #fff;
  font-size: 17px;
  font-weight: 30px;
  text-decoration: underline;
  border: none;
}
#landing .folder_wrapper button.tertiary {
  padding: 7px 16px;
  border: 1px solid #FD5252;
  border-radius: 8px;
  color: #FD5252;
  background-color: #fff;
  font-size: 17px;
  line-height: 30px;
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper button.tertiary {
    width: 100%;
  }
}
#landing .folder_wrapper button.tertiary:disabled {
  opacity: 0.4;
  pointer-events: none;
}
#landing .folder_wrapper button.tertiary.blue {
  border: 1px solid #879BAF;
  color: #283C50;
  padding: 7px 28px;
}
#landing .folder_wrapper button:hover {
  cursor: pointer;
}
#landing .folder_wrapper button.large {
  width: 100%;
}
#landing .folder_wrapper .wrapper_button-checkbox {
  background-color: #F8F8FB;
  border: 2px solid #F8F8FB;
  border-radius: 8px;
  padding: 6.5px 41.5px;
  text-align: center;
  border: none;
  color: #283C50;
  position: relative;
}
#landing .folder_wrapper .wrapper_button-checkbox.tertiary.blue.active {
  border: 2px solid;
  border-color: #19559B;
  background-color: #DCF0FF;
}
#landing .folder_wrapper .wrapper_button-checkbox.tertiary.blue.active:before {
  content: "";
  background-image: url("/public/images/landing/pictos/picto-check.png");
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  background-size: cover;
  top: -8px;
  right: 0;
}
#landing .folder_wrapper .wrapper_editable-bloc {
  background-color: #F3F3F8;
  border-radius: 10px;
  padding: 22px 25px;
  margin-bottom: 16px;
  line-height: 30px;
  position: relative;
}
#landing .folder_wrapper .wrapper_editable-bloc hr {
  border-top: 1px solid #283C50;
  margin: 15px -24px 15px -25px;
}
#landing .folder_wrapper .wrapper_editable-bloc .flex {
  margin-bottom: 1rem;
}
#landing .folder_wrapper .wrapper_editable-bloc p {
  margin: 0;
  line-height: initial;
  font-weight: 500;
  font-size: 17px;
}
#landing .folder_wrapper .wrapper_editable-bloc span {
  color: #283C50;
  font-size: 17px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper .wrapper_editable-bloc .title {
    word-spacing: 100vh;
    line-height: 23px;
  }
}
#landing .folder_wrapper .wrapper_editable-bloc .bolder {
  font-weight: 700;
  font-size: 17px;
}
#landing .folder_wrapper .wrapper_editable-bloc .secondary-info {
  color: #5b6e83;
  margin: 0;
}
#landing .folder_wrapper .wrapper_editable-bloc .actions {
  position: absolute;
  padding: 13px 16px;
  border-bottom: 1px solid #5B6E83;
  border-left: 1px solid #5B6E83;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #F3F3F8;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .wrapper_editable-bloc .actions {
    padding: 18px 19px;
  }
}
#landing .folder_wrapper .wrapper_editable-bloc .actions img:hover {
  cursor: pointer;
}
#landing .folder_wrapper .wrapper_editable-bloc.row {
  padding: 0 0 0 25px;
}
#landing .folder_wrapper .wrapper_editable-bloc.row .flex {
  margin-bottom: 0;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#landing .folder_wrapper .wrapper_editable-bloc.row .actions {
  position: relative;
  padding: 13px 27px;
  border-bottom: none;
  border-bottom-left-radius: 0;
}
#landing .folder_wrapper .wrapper_editable-bloc .addressTitle {
  overflow: hidden;
  text-overflow: ellipsis;
}
#landing .folder_wrapper .wrapper_editable-bloc .addressTitle {
  overflow: hidden;
  text-overflow: ellipsis;
}
#landing .folder_wrapper .wrapper_editable-bloc .inline {
  font-size: 17px;
}
#landing .folder_wrapper .wrapper_editable-bloc.editable-trip-block:hover {
  cursor: pointer;
}
#landing .folder_wrapper .wrapper_editable-bloc.editable-trip-block:after {
  content: "";
  position: absolute;
  right: 2rem;
  top: calc(50% - 1rem);
  height: 1.5rem;
  width: 2rem;
  background-image: url("/public/images/icon-chevron-right.svg");
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  #landing .folder_wrapper .wrapper_editable-bloc .addressTitle .inline,
#landing .folder_wrapper .wrapper_editable-bloc .addressValue .inline {
    display: inline;
    margin-left: 5px;
  }
}
#landing .folder_wrapper .planning-block {
  margin-top: 1.5rem;
}
#landing .folder_wrapper .planning-block:not(:last-child) {
  margin-bottom: 1.5rem;
}
#landing .folder_wrapper .planning-block .planning-block-title {
  margin-bottom: 1rem;
}
#landing .folder_wrapper .planning-block .warning-message {
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #BF3210;
}
#landing .folder_wrapper .flex .pre-icon {
  position: relative;
  color: #283C50;
  background-color: #F3F3F8;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position: center;
}
#landing .folder_wrapper .flex:not(:last-child) .pre-icon::after {
  content: "|";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#landing .folder_wrapper .fmd-good {
  background-image: url("/public/images/ico-fmd-good.svg");
}
#landing .folder_wrapper .flag-fill {
  background-image: url("/public/images/ico-flag-fill.svg");
}
#landing .folder_wrapper a {
  color: #FD5252;
}
#landing .folder_wrapper a:hover {
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper a.faq-link {
    display: block;
    text-decoration: underline;
    font-size: 17px;
    line-height: 30px;
  }
}
#landing .folder_wrapper .bolder {
  font-weight: 700;
  font-size: 17px;
}
#landing .folder_wrapper .bolder.text-lg {
  font-size: 17px;
  line-height: 30px;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .bolder.text-lg {
    font-size: 20px;
    line-height: 27px;
  }
}
#landing .folder_wrapper .address-text {
  font-weight: normal;
  font-size: 14px;
}
#landing .folder_wrapper .content-button {
  width: 100%;
  text-align: right;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
  gap: 1rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  #landing .folder_wrapper .content-button {
    position: absolute;
    bottom: -6.5rem;
  }
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .content-button {
    position: absolute;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    bottom: -5rem;
  }
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper .content-button {
    padding: 10px;
  }
}
#landing .folder_wrapper .content-button a {
  color: #fff;
  background: #FD5252;
  border: 1px solid #FD5252;
  padding: 7px 16px;
  border-radius: 8px;
  text-decoration: none;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .content-button a {
    width: auto;
    text-align: initial;
  }
}
#landing .folder_wrapper .content-button a.secondary {
  color: #FD5252;
  background: transparent;
}
#landing .folder_wrapper .content-button a.tertiary {
  color: #FD5252;
  border: none;
  background: transparent;
  text-decoration: underline;
}
#landing .folder_wrapper .content-button a.quaternary {
  color: #FD5252;
  background: transparent;
}
@media only screen and (min-width: 640px) {
  #landing .folder_wrapper .previous {
    position: absolute;
    width: 200px;
    text-align: center;
    left: 0;
  }
}
#landing .folder_wrapper .previous a {
  text-decoration: none;
}
#landing .folder_wrapper .info-block .multiple-info-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper .info-block .multiple-info-block {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 1rem;
  }
}
#landing .folder_wrapper .info-block .info-block-title {
  margin-top: 0;
  margin-bottom: 1rem;
}
#landing .folder_wrapper .info-block .secondary-info {
  color: #5b6e83;
  margin: 0;
}
@media only screen and (max-width: 480px) {
  #landing .folder_wrapper .cae-sticky {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    bottom: 0 !important;
    background-color: white;
    border-top: 2px solid #ccc;
    margin: 0;
    padding: 10px;
    z-index: 2;
  }
}
#landing .remaining-days_wrapper {
  background: #F3F3F8;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 640px) {
  #landing .remaining-days_wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
  }
}
#landing .remaining-days_wrapper h2 {
  font-size: 16px;
}
#landing .remaining-days_wrapper .remaining-days_picto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#landing .remaining-days_wrapper .remaining-days_picto img {
  width: 5rem;
}
@media only screen and (min-width: 640px) {
  #landing .remaining-days_wrapper .remaining-days_picto img {
    width: inherit;
  }
}
#landing .remaining-days_wrapper .remaining-days_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 600;
  place-items: center;
}
#landing .remaining-days_wrapper .remaining-days_content p {
  margin-bottom: 0;
}
#landing .remaining-days_wrapper .remaining-days_content span {
  color: #DF4D3A;
}
#landing .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.4rem;
  margin-bottom: 3rem;
}
#landing .hours {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#landing .hours:after {
  position: absolute;
  right: 2rem;
  content: "heure(s)";
  font-weight: bold;
}
#landing .content-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 80%;
  gap: 1rem;
  padding: 2rem 2rem;
}
#landing .content-input.trips-step {
  padding: 1rem 0;
}
#landing .content-input.trips-step > div {
  margin-bottom: 0;
}
#landing .content-input select {
  border: 0.1rem solid #cccccc;
  height: 4rem;
  width: 100%;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  border-radius: 0.5rem;
  padding: 0 2rem;
  color: #354B5C;
  min-width: 100%;
}
#landing .content-input .formError {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 1.5rem;
  color: #FD5252;
  padding: 0.2rem 3.5rem;
}
#landing .content-input .formError:before {
  content: "";
  position: absolute;
  left: 0.7rem;
  top: 0.2rem;
  width: 100%;
  height: 100%;
  background: url("/public/images/landing/pictos/information-red.svg") no-repeat;
}
#landing .content-input .btn-switch-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#landing .content-input .btn-switch-content.disabled {
  opacity: 0.5;
}
#landing .content-input .btn-switch-content.disabled:hover {
  cursor: default;
}
#landing .content-input .btn-switch-content:hover {
  cursor: pointer;
}
#landing .content-input .select-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  #landing .content-input .select-content {
    width: 80%;
  }
}
#landing .content-input .select-content .MuiFormControl-root {
  border: 0.1rem solid #cccccc;
  border-bottom: none;
  padding-left: 30px;
}
#landing .content-input .select-content .MuiFormControl-root .MuiSelect-select {
  font-size: 17px;
}
#landing .content-input .select-content .MuiFormControl-root .MuiInputLabel-root {
  left: 30px;
  line-height: 2.3em;
}
#landing .content-input .select-content .MuiFormControl-root .MuiFilledInput-root {
  border: none;
}
#landing .content-input .select-content .MuiFormControl-root::after {
  content: "";
  background-image: url(/public/images/landing/pictos/pine.svg);
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 10px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#landing .content-input .select-content .MuiFormControl-root:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#landing .content-input .select-content .MuiFormControl-root:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: 0.1rem solid #cccccc;
}
#landing .content-input .select-content .MuiFormControl-root:last-of-type::after {
  content: "";
  background-image: url(/public/images/landing/pictos/flag.svg);
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  #landing .container_button.align-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
#landing .content-trip {
  margin-top: 2rem;
}
#landing .content-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
#landing .content-date .dialog-sheet {
  background-color: white;
  z-index: 10;
}
@media only screen and (max-width: 480px) {
  #landing .content-date .dialog-sheet {
    position: fixed !important;
    -webkit-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
    inset: 50% auto auto 50% !important;
  }
}
#landing .content-date .dialog-sheet .close_calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  padding: 0 2rem 0 1rem;
}
@media only screen and (max-width: 480px) {
  #landing .content-date .dialog-sheet .close_calendar {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#landing .content-date .dialog-sheet .close_calendar .close_calendar_button {
  margin-top: 1rem;
  margin-bottom: 2rem;
  background-color: #FD5252;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 1.2rem 2rem;
  cursor: pointer;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -ms-flex-line-pack: end;
      align-content: end;
}
@media only screen and (max-width: 480px) {
  #landing .content-date .dialog-sheet .close_calendar .close_calendar_button {
    width: 80%;
  }
}
#landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-week-day {
  color: #283C50;
}
@media only screen and (max-width: 480px) {
  #landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-week-day {
    font-size: 14px;
    height: 12vw;
    width: 12vw;
  }
}
#landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-header-values {
  font-weight: bold;
  font-size: large;
  color: #283C50;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  #landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-day {
    width: 50px;
  }
  #landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-day span {
    left: 20px;
  }
}
@media only screen and (max-width: 480px) {
  #landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-day {
    height: 12vw;
    width: 12vw;
  }
  #landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-day span {
    font-size: 14px;
  }
}
#landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover {
  background-color: #283C50;
}
#landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-day.rmdp-today span {
  background-color: #547597b8;
}
#landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-day.rmdp-selected span {
  background-color: #344F64;
  color: white;
}
#landing .content-date .dialog-sheet .rmdp-wrapper .rmdp-day.rmdp-selected span:not(.highlight) {
  background-color: #344F64;
  color: white;
}
#landing .content-date .trip_date {
  width: 100%;
}
#landing .content-date .selected-date_wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #879BAF;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  #landing .content-date .selected-date_wrapper {
    width: 100%;
  }
}
#landing .content-date .selected-date_wrapper:hover {
  cursor: pointer;
}
#landing .content-date .selected-date_wrapper .day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #879BAF;
  width: auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  #landing .content-date .selected-date_wrapper .day {
    width: 200px;
  }
}
#landing .content-date .selected-date_wrapper .day span {
  padding: 1rem;
}
#landing .content-date .selected-date_wrapper button {
  padding: 7px 16px;
  border: 2px solid #F8F8FB;
  border-radius: 8px;
  color: #283C50;
  background-color: #fff;
  font-size: 17px;
  line-height: 25px;
  text-align: center;
}
@media (max-width: 768px) {
  #landing .content-date .selected-date_wrapper button {
    width: 100%;
  }
}
#landing .content-date .flag_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1rem;
}
#landing .content-date .flag_wrapper .flag {
  padding: 0.3rem 1.25rem;
  background-color: #344F64;
  color: white;
  border-radius: 80px;
}
#landing .content-date .flag_wrapper .flag button {
  background: none;
  border: none;
  padding: 0;
  color: white;
  margin-left: 1rem;
}
#landing .content-selected-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1rem;
}
#landing .content-selected-child p {
  margin: 0;
}
#landing .content-selected-child .selected-child {
  margin-top: 1rem;
  margin-bottom: 1rem !important;
}
@media only screen and (max-width: 480px) {
  #landing .content-selected-child .selected-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#landing .content-selected-child .children-info-message {
  color: #283C50;
  font-weight: bold;
}
@media only screen and (min-width: 480px) {
  #landing .mobile-only-display {
    display: none !important;
  }
}
@media only screen and (max-width: 480px) {
  #landing .mobile-only-hide {
    display: none !important;
  }
}

.hour {
  margin-top: 20px;
  margin-bottom: 10px;
}
.hour .MuiFormControl-root::after {
  content: "";
  position: absolute;
  background-image: url(/public/images/landing/pictos/clock.svg);
  width: 16px;
  height: 16px;
  right: 10px;
  -webkit-transform: none;
          transform: none;
  border-bottom: none;
  left: auto;
  bottom: auto;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.hour .hour-label {
  margin-bottom: 10px;
}

.MuiFormControl-root {
  margin: 0 !important;
}
.MuiFormControl-root .MuiInputLabel-root {
  font-size: 12px;
}
.MuiFormControl-root .MuiFilledInput-root {
  background: transparent;
  border: 0.1rem solid #cccccc;
  border-radius: 8px;
}
.MuiFormControl-root .MuiFilledInput-root::after, .MuiFormControl-root .MuiFilledInput-root::before {
  content: none;
}
.MuiFormControl-root .MuiFilledInput-root:hover {
  background-color: transparent;
}
.MuiFormControl-root .MuiFilledInput-root input.MuiFilledInput-input {
  padding-top: 17px;
  padding-bottom: 10px;
  padding-right: 0;
  font-size: 17px;
  z-index: 1;
  -webkit-appearance: none;
}
.MuiFormControl-root .MuiFilledInput-root input::-webkit-calendar-picker-indicator {
  background: transparent;
}

.folder_wrapper_popin {
  margin-top: 1.5rem;
  margin-bottom: -6rem;
}
.folder_wrapper_popin .wrapper_editable-bloc_popin {
  background-color: #F3F3F8;
  border-radius: 8px;
  padding: 22px 25px;
  margin-bottom: 24px;
  line-height: 30px;
  position: relative;
}
.folder_wrapper_popin .wrapper_editable-bloc_popin hr {
  border-top: 1px solid #283C50;
  margin: 15px -24px 15px -25px;
}
.folder_wrapper_popin .wrapper_editable-bloc_popin .flex {
  margin-bottom: 1rem !important;
}
.folder_wrapper_popin .wrapper_editable-bloc_popin p {
  margin: 0;
  line-height: initial;
}
.folder_wrapper_popin .wrapper_editable-bloc_popin .actions {
  position: absolute;
  padding: 18px 19px;
  border-bottom: 1px solid #5B6E83;
  border-left: 1px solid #5B6E83;
  border-bottom-left-radius: 10px;
  background-color: #F3F3F8;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.folder_wrapper_popin .wrapper_editable-bloc_popin .actions img:hover {
  cursor: pointer;
}
.folder_wrapper_popin .wrapper_editable-bloc_popin.row {
  padding: 0 0 0 25px;
}
.folder_wrapper_popin .wrapper_editable-bloc_popin.row .flex {
  margin-bottom: 0;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.folder_wrapper_popin .wrapper_editable-bloc_popin.row .actions {
  position: relative;
  padding: 13px 27px;
  border-bottom: none;
  border-bottom-left-radius: 0;
}
.folder_wrapper_popin .flex .MuiChip-root {
  margin-top: -0.5rem;
}
.folder_wrapper_popin .flex .pre-icon {
  position: relative;
  color: #283C50;
  background-color: #F3F3F8;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position: center;
}
.folder_wrapper_popin .flex:not(:last-child) .pre-icon::after {
  content: "|";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.folder_wrapper_popin .fmd-good {
  background-image: url("/public/images/ico-fmd-good.svg");
}
.folder_wrapper_popin .flag-fill {
  background-image: url("/public/images/ico-flag-fill.svg");
}

.green-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1rem auto;
}
.green-number span {
  color: #76b82a;
  font-weight: 700;
  font-size: 2rem;
  padding: 7px 17px 7px 7px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(161, 161, 161, 0.75) inset;
          box-shadow: 0px 0px 8px 0px rgba(161, 161, 161, 0.75) inset;
  clip-path: inset(-5px 0px -5px -5px);
}
.green-number.drd-green-number span {
  font-size: 1.5rem;
}
.green-number::after {
  content: "";
  background: url(/public/images/custom-green-number.png);
  width: 132px;
  height: 43px;
  display: block;
  background-size: cover;
  margin-left: -12px;
  z-index: 1;
}

.link-green-number {
  color: #76b82a;
  font-weight: 700;
  text-decoration: none;
}

.wrapper_editable-subbloc .trip-margin {
  margin-top: 1rem;
}
.wrapper_editable-subbloc .gap-1 {
  gap: 1rem;
}
.wrapper_editable-subbloc .hidden-desktop {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 640px) {
  .wrapper_editable-subbloc .hidden-desktop {
    display: none;
  }
}
.wrapper_editable-subbloc .hidden-mobile {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: none;
}
@media only screen and (min-width: 640px) {
  .wrapper_editable-subbloc .hidden-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 640px) {
  .wrapper_editable-subbloc p {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 310px;
            flex: 0 1 310px;
  }
}
.wrapper_editable-subbloc p span {
  white-space: nowrap;
}
.wrapper_editable-subbloc .wrapper_editable-subbloc_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 3rem);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 480px) {
  .wrapper_editable-subbloc .wrapper_editable-subbloc_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.wrapper_editable-subbloc .passenger-chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}

.wrapper_editable-bloc_popin .hidden-desktop {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: none;
}
@media only screen and (min-width: 640px) {
  .wrapper_editable-bloc_popin .hidden-desktop {
    display: none;
  }
}
.wrapper_editable-bloc_popin .hidden-mobile {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 640px) {
  .wrapper_editable-bloc_popin .hidden-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.wrapper_editable-bloc_popin .wrapper_editable-subbloc_content {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 640px) {
  .wrapper_editable-bloc_popin .wrapper_editable-subbloc_content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .wrapper_editable-bloc_popin .wrapper_editable-subbloc_content p {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 260px;
            flex: 0 1 260px;
  }
}

.popin-action b {
  color: #344F64;
  font-family: "Manrope", sans-serif;
}
@media only screen and (min-width: 640px) {
  .popin-action b {
    margin-left: 2rem;
  }
  .popin-action b.no-margin-left {
    margin-left: 0;
  }
}
.popin-action .MuiBox-root {
  width: calc(100% - 30px);
  font-family: "Manrope", sans-serif;
  max-height: calc(100% - 30px);
  overflow: auto;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .popin-action .MuiBox-root {
    width: 50%;
  }
}
.popin-action .MuiBox-root .container_button-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 3rem 0 1rem;
}
@media only screen and (max-width: 480px) {
  .popin-action .MuiBox-root .container_button-modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.popin-action .MuiBox-root .container_button-modal button {
  border: 1px solid #FD5252;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  color: #FD5252;
  line-height: normal;
  vertical-align: text-bottom;
  text-transform: none;
  font-size: 1.4rem;
}
@media only screen and (max-width: 480px) {
  .popin-action .MuiBox-root .container_button-modal button {
    width: 100%;
    font-size: 17px;
  }
}
.popin-action .MuiBox-root .container_button-modal button:last-child {
  background-color: #FD5252;
  color: white;
}
.popin-action .MuiBox-root .container_button-modal button.primary {
  background-color: unset;
  color: #FD5252;
}
.popin-action .MuiBox-root .container_button-modal button.tertiary {
  border: none;
}
.popin-action .MuiBox-root .container_button-modal button.tertiary:hover {
  background-color: white;
}
.popin-action .modal_details_background {
  background: #F3F3F8;
  padding: 2rem;
  border-radius: 8px;
  margin-bottom: 2rem;
}
.popin-action .modal_detail_address_depart {
  font-weight: bold;
  color: #283C50;
  font-family: "Manrope", sans-serif;
}
.popin-action .modal_details_address {
  color: #5B6E83;
  font-family: "Manrope", sans-serif;
}

.full-width {
  width: 100%;
}

.no-mt {
  margin-top: 0 !important;
  height: 40px;
}

.input-phone input {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-width: 0 !important;
}

/* CSS variables. */
:root {
  --PhoneInput-color--focus: #03b2cb;
  --PhoneInputInternationalIconPhone-opacity: 0.8;
  --PhoneInputInternationalIconGlobe-opacity: 0.65;
  --PhoneInputCountrySelect-marginRight: 0.35em;
  --PhoneInputCountrySelectArrow-width: 0.3em;
  --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
  --PhoneInputCountrySelectArrow-borderWidth: 1px;
  --PhoneInputCountrySelectArrow-opacity: 0.45;
  --PhoneInputCountrySelectArrow-color: inherit;
  --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountrySelectArrow-transform: rotate(45deg);
  --PhoneInputCountryFlag-aspectRatio: 1.5;
  --PhoneInputCountryFlag-height: 1em;
  --PhoneInputCountryFlag-borderWidth: 1px;
  --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
  --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
  /* This is done to stretch the contents of this component. */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.PhoneInputInput {
  /* The phone number input stretches to fill all empty space */
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* The phone number input should shrink
     to make room for the extension input */
  min-width: 0;
}

.PhoneInputCountryIcon {
  width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
  height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
  width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
  /* Removed `background-color` because when an `<img/>` was still loading
     it would show a dark gray rectangle. */
  /* For some reason the `<img/>` is not stretched to 100% width and height
     and sometime there can be seen white pixels of the background at top and bottom. */
  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
  /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
  /* For some reason the `<img/>` is not stretched to 100% width and height
     and sometime there can be seen white pixels of the background at top and bottom,
     so an additional "inset" border is added. */
  -webkit-box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
          box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
  /* Fixes weird vertical space above the flag icon. */
  /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
  display: block;
  /* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
     Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
  width: 100%;
  height: 100%;
}

.PhoneInputInternationalIconPhone {
  opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
  opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */
.PhoneInputCountry {
  position: relative;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
  cursor: default;
}

.PhoneInputCountrySelectArrow {
  display: block;
  content: "";
  width: var(--PhoneInputCountrySelectArrow-width);
  height: var(--PhoneInputCountrySelectArrow-width);
  margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
  border-style: solid;
  border-color: var(--PhoneInputCountrySelectArrow-color);
  border-top-width: 0;
  border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  border-left-width: 0;
  border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  -webkit-transform: var(--PhoneInputCountrySelectArrow-transform);
          transform: var(--PhoneInputCountrySelectArrow-transform);
  opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
  -webkit-box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
          box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.react-tel-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.react-tel-input .flag {
  width: 16px;
  height: 11px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=);
}

.react-tel-input .ad {
  background-position: -16px 0;
}

.react-tel-input .ae {
  background-position: -32px 0;
}

.react-tel-input .af {
  background-position: -48px 0;
}

.react-tel-input .ag {
  background-position: -64px 0;
}

.react-tel-input .ai {
  background-position: -80px 0;
}

.react-tel-input .al {
  background-position: -96px 0;
}

.react-tel-input .am {
  background-position: -112px 0;
}

.react-tel-input .ao {
  background-position: -128px 0;
}

.react-tel-input .ar {
  background-position: -144px 0;
}

.react-tel-input .as {
  background-position: -160px 0;
}

.react-tel-input .at {
  background-position: -176px 0;
}

.react-tel-input .au {
  background-position: -192px 0;
}

.react-tel-input .aw {
  background-position: -208px 0;
}

.react-tel-input .az {
  background-position: -224px 0;
}

.react-tel-input .ba {
  background-position: -240px 0;
}

.react-tel-input .bb {
  background-position: 0 -11px;
}

.react-tel-input .bd {
  background-position: -16px -11px;
}

.react-tel-input .be {
  background-position: -32px -11px;
}

.react-tel-input .bf {
  background-position: -48px -11px;
}

.react-tel-input .bg {
  background-position: -64px -11px;
}

.react-tel-input .bh {
  background-position: -80px -11px;
}

.react-tel-input .bi {
  background-position: -96px -11px;
}

.react-tel-input .bj {
  background-position: -112px -11px;
}

.react-tel-input .bm {
  background-position: -128px -11px;
}

.react-tel-input .bn {
  background-position: -144px -11px;
}

.react-tel-input .bo {
  background-position: -160px -11px;
}

.react-tel-input .br {
  background-position: -176px -11px;
}

.react-tel-input .bs {
  background-position: -192px -11px;
}

.react-tel-input .bt {
  background-position: -208px -11px;
}

.react-tel-input .bw {
  background-position: -224px -11px;
}

.react-tel-input .by {
  background-position: -240px -11px;
}

.react-tel-input .bz {
  background-position: 0 -22px;
}

.react-tel-input .ca {
  background-position: -16px -22px;
}

.react-tel-input .cd {
  background-position: -32px -22px;
}

.react-tel-input .cf {
  background-position: -48px -22px;
}

.react-tel-input .cg {
  background-position: -64px -22px;
}

.react-tel-input .ch {
  background-position: -80px -22px;
}

.react-tel-input .ci {
  background-position: -96px -22px;
}

.react-tel-input .ck {
  background-position: -112px -22px;
}

.react-tel-input .cl {
  background-position: -128px -22px;
}

.react-tel-input .cm {
  background-position: -144px -22px;
}

.react-tel-input .cn {
  background-position: -160px -22px;
}

.react-tel-input .co {
  background-position: -176px -22px;
}

.react-tel-input .cr {
  background-position: -192px -22px;
}

.react-tel-input .cu {
  background-position: -208px -22px;
}

.react-tel-input .cv {
  background-position: -224px -22px;
}

.react-tel-input .cw {
  background-position: -240px -22px;
}

.react-tel-input .cy {
  background-position: 0 -33px;
}

.react-tel-input .cz {
  background-position: -16px -33px;
}

.react-tel-input .de {
  background-position: -32px -33px;
}

.react-tel-input .dj {
  background-position: -48px -33px;
}

.react-tel-input .dk {
  background-position: -64px -33px;
}

.react-tel-input .dm {
  background-position: -80px -33px;
}

.react-tel-input .do {
  background-position: -96px -33px;
}

.react-tel-input .dz {
  background-position: -112px -33px;
}

.react-tel-input .ec {
  background-position: -128px -33px;
}

.react-tel-input .ee {
  background-position: -144px -33px;
}

.react-tel-input .eg {
  background-position: -160px -33px;
}

.react-tel-input .er {
  background-position: -176px -33px;
}

.react-tel-input .es {
  background-position: -192px -33px;
}

.react-tel-input .et {
  background-position: -208px -33px;
}

.react-tel-input .fi {
  background-position: -224px -33px;
}

.react-tel-input .fj {
  background-position: -240px -33px;
}

.react-tel-input .fk {
  background-position: 0 -44px;
}

.react-tel-input .fm {
  background-position: -16px -44px;
}

.react-tel-input .fo {
  background-position: -32px -44px;
}

.react-tel-input .fr, .react-tel-input .bl, .react-tel-input .mf {
  background-position: -48px -44px;
}

.react-tel-input .ga {
  background-position: -64px -44px;
}

.react-tel-input .gb {
  background-position: -80px -44px;
}

.react-tel-input .gd {
  background-position: -96px -44px;
}

.react-tel-input .ge {
  background-position: -112px -44px;
}

.react-tel-input .gf {
  background-position: -128px -44px;
}

.react-tel-input .gh {
  background-position: -144px -44px;
}

.react-tel-input .gi {
  background-position: -160px -44px;
}

.react-tel-input .gl {
  background-position: -176px -44px;
}

.react-tel-input .gm {
  background-position: -192px -44px;
}

.react-tel-input .gn {
  background-position: -208px -44px;
}

.react-tel-input .gp {
  background-position: -224px -44px;
}

.react-tel-input .gq {
  background-position: -240px -44px;
}

.react-tel-input .gr {
  background-position: 0 -55px;
}

.react-tel-input .gt {
  background-position: -16px -55px;
}

.react-tel-input .gu {
  background-position: -32px -55px;
}

.react-tel-input .gw {
  background-position: -48px -55px;
}

.react-tel-input .gy {
  background-position: -64px -55px;
}

.react-tel-input .hk {
  background-position: -80px -55px;
}

.react-tel-input .hn {
  background-position: -96px -55px;
}

.react-tel-input .hr {
  background-position: -112px -55px;
}

.react-tel-input .ht {
  background-position: -128px -55px;
}

.react-tel-input .hu {
  background-position: -144px -55px;
}

.react-tel-input .id {
  background-position: -160px -55px;
}

.react-tel-input .ie {
  background-position: -176px -55px;
}

.react-tel-input .il {
  background-position: -192px -55px;
}

.react-tel-input .in {
  background-position: -208px -55px;
}

.react-tel-input .io {
  background-position: -224px -55px;
}

.react-tel-input .iq {
  background-position: -240px -55px;
}

.react-tel-input .ir {
  background-position: 0 -66px;
}

.react-tel-input .is {
  background-position: -16px -66px;
}

.react-tel-input .it {
  background-position: -32px -66px;
}

.react-tel-input .je {
  background-position: -144px -154px;
}

.react-tel-input .jm {
  background-position: -48px -66px;
}

.react-tel-input .jo {
  background-position: -64px -66px;
}

.react-tel-input .jp {
  background-position: -80px -66px;
}

.react-tel-input .ke {
  background-position: -96px -66px;
}

.react-tel-input .kg {
  background-position: -112px -66px;
}

.react-tel-input .kh {
  background-position: -128px -66px;
}

.react-tel-input .ki {
  background-position: -144px -66px;
}

.react-tel-input .xk {
  background-position: -128px -154px;
}

.react-tel-input .km {
  background-position: -160px -66px;
}

.react-tel-input .kn {
  background-position: -176px -66px;
}

.react-tel-input .kp {
  background-position: -192px -66px;
}

.react-tel-input .kr {
  background-position: -208px -66px;
}

.react-tel-input .kw {
  background-position: -224px -66px;
}

.react-tel-input .ky {
  background-position: -240px -66px;
}

.react-tel-input .kz {
  background-position: 0 -77px;
}

.react-tel-input .la {
  background-position: -16px -77px;
}

.react-tel-input .lb {
  background-position: -32px -77px;
}

.react-tel-input .lc {
  background-position: -48px -77px;
}

.react-tel-input .li {
  background-position: -64px -77px;
}

.react-tel-input .lk {
  background-position: -80px -77px;
}

.react-tel-input .lr {
  background-position: -96px -77px;
}

.react-tel-input .ls {
  background-position: -112px -77px;
}

.react-tel-input .lt {
  background-position: -128px -77px;
}

.react-tel-input .lu {
  background-position: -144px -77px;
}

.react-tel-input .lv {
  background-position: -160px -77px;
}

.react-tel-input .ly {
  background-position: -176px -77px;
}

.react-tel-input .ma {
  background-position: -192px -77px;
}

.react-tel-input .mc {
  background-position: -208px -77px;
}

.react-tel-input .md {
  background-position: -224px -77px;
}

.react-tel-input .me {
  background-position: -112px -154px;
  height: 12px;
}

.react-tel-input .mg {
  background-position: 0 -88px;
}

.react-tel-input .mh {
  background-position: -16px -88px;
}

.react-tel-input .mk {
  background-position: -32px -88px;
}

.react-tel-input .ml {
  background-position: -48px -88px;
}

.react-tel-input .mm {
  background-position: -64px -88px;
}

.react-tel-input .mn {
  background-position: -80px -88px;
}

.react-tel-input .mo {
  background-position: -96px -88px;
}

.react-tel-input .mp {
  background-position: -112px -88px;
}

.react-tel-input .mq {
  background-position: -128px -88px;
}

.react-tel-input .mr {
  background-position: -144px -88px;
}

.react-tel-input .ms {
  background-position: -160px -88px;
}

.react-tel-input .mt {
  background-position: -176px -88px;
}

.react-tel-input .mu {
  background-position: -192px -88px;
}

.react-tel-input .mv {
  background-position: -208px -88px;
}

.react-tel-input .mw {
  background-position: -224px -88px;
}

.react-tel-input .mx {
  background-position: -240px -88px;
}

.react-tel-input .my {
  background-position: 0 -99px;
}

.react-tel-input .mz {
  background-position: -16px -99px;
}

.react-tel-input .na {
  background-position: -32px -99px;
}

.react-tel-input .nc {
  background-position: -48px -99px;
}

.react-tel-input .ne {
  background-position: -64px -99px;
}

.react-tel-input .nf {
  background-position: -80px -99px;
}

.react-tel-input .ng {
  background-position: -96px -99px;
}

.react-tel-input .ni {
  background-position: -112px -99px;
}

.react-tel-input .nl, .react-tel-input .bq {
  background-position: -128px -99px;
}

.react-tel-input .no {
  background-position: -144px -99px;
}

.react-tel-input .np {
  background-position: -160px -99px;
}

.react-tel-input .nr {
  background-position: -176px -99px;
}

.react-tel-input .nu {
  background-position: -192px -99px;
}

.react-tel-input .nz {
  background-position: -208px -99px;
}

.react-tel-input .om {
  background-position: -224px -99px;
}

.react-tel-input .pa {
  background-position: -240px -99px;
}

.react-tel-input .pe {
  background-position: 0 -110px;
}

.react-tel-input .pf {
  background-position: -16px -110px;
}

.react-tel-input .pg {
  background-position: -32px -110px;
}

.react-tel-input .ph {
  background-position: -48px -110px;
}

.react-tel-input .pk {
  background-position: -64px -110px;
}

.react-tel-input .pl {
  background-position: -80px -110px;
}

.react-tel-input .pm {
  background-position: -96px -110px;
}

.react-tel-input .pr {
  background-position: -112px -110px;
}

.react-tel-input .ps {
  background-position: -128px -110px;
}

.react-tel-input .pt {
  background-position: -144px -110px;
}

.react-tel-input .pw {
  background-position: -160px -110px;
}

.react-tel-input .py {
  background-position: -176px -110px;
}

.react-tel-input .qa {
  background-position: -192px -110px;
}

.react-tel-input .re {
  background-position: -208px -110px;
}

.react-tel-input .ro {
  background-position: -224px -110px;
}

.react-tel-input .rs {
  background-position: -240px -110px;
}

.react-tel-input .ru {
  background-position: 0 -121px;
}

.react-tel-input .rw {
  background-position: -16px -121px;
}

.react-tel-input .sa {
  background-position: -32px -121px;
}

.react-tel-input .sb {
  background-position: -48px -121px;
}

.react-tel-input .sc {
  background-position: -64px -121px;
}

.react-tel-input .sd {
  background-position: -80px -121px;
}

.react-tel-input .se {
  background-position: -96px -121px;
}

.react-tel-input .sg {
  background-position: -112px -121px;
}

.react-tel-input .sh {
  background-position: -128px -121px;
}

.react-tel-input .si {
  background-position: -144px -121px;
}

.react-tel-input .sk {
  background-position: -160px -121px;
}

.react-tel-input .sl {
  background-position: -176px -121px;
}

.react-tel-input .sm {
  background-position: -192px -121px;
}

.react-tel-input .sn {
  background-position: -208px -121px;
}

.react-tel-input .so {
  background-position: -224px -121px;
}

.react-tel-input .sr {
  background-position: -240px -121px;
}

.react-tel-input .ss {
  background-position: 0 -132px;
}

.react-tel-input .st {
  background-position: -16px -132px;
}

.react-tel-input .sv {
  background-position: -32px -132px;
}

.react-tel-input .sx {
  background-position: -48px -132px;
}

.react-tel-input .sy {
  background-position: -64px -132px;
}

.react-tel-input .sz {
  background-position: -80px -132px;
}

.react-tel-input .tc {
  background-position: -96px -132px;
}

.react-tel-input .td {
  background-position: -112px -132px;
}

.react-tel-input .tg {
  background-position: -128px -132px;
}

.react-tel-input .th {
  background-position: -144px -132px;
}

.react-tel-input .tj {
  background-position: -160px -132px;
}

.react-tel-input .tk {
  background-position: -176px -132px;
}

.react-tel-input .tl {
  background-position: -192px -132px;
}

.react-tel-input .tm {
  background-position: -208px -132px;
}

.react-tel-input .tn {
  background-position: -224px -132px;
}

.react-tel-input .to {
  background-position: -240px -132px;
}

.react-tel-input .tr {
  background-position: 0 -143px;
}

.react-tel-input .tt {
  background-position: -16px -143px;
}

.react-tel-input .tv {
  background-position: -32px -143px;
}

.react-tel-input .tw {
  background-position: -48px -143px;
}

.react-tel-input .tz {
  background-position: -64px -143px;
}

.react-tel-input .ua {
  background-position: -80px -143px;
}

.react-tel-input .ug {
  background-position: -96px -143px;
}

.react-tel-input .us {
  background-position: -112px -143px;
}

.react-tel-input .uy {
  background-position: -128px -143px;
}

.react-tel-input .uz {
  background-position: -144px -143px;
}

.react-tel-input .va {
  background-position: -160px -143px;
}

.react-tel-input .vc {
  background-position: -176px -143px;
}

.react-tel-input .ve {
  background-position: -192px -143px;
}

.react-tel-input .vg {
  background-position: -208px -143px;
}

.react-tel-input .vi {
  background-position: -224px -143px;
}

.react-tel-input .vn {
  background-position: -240px -143px;
}

.react-tel-input .vu {
  background-position: 0 -154px;
}

.react-tel-input .wf {
  background-position: -16px -154px;
}

.react-tel-input .ws {
  background-position: -32px -154px;
}

.react-tel-input .ye {
  background-position: -48px -154px;
}

.react-tel-input .za {
  background-position: -64px -154px;
}

.react-tel-input .zm {
  background-position: -80px -154px;
}

.react-tel-input .zw {
  background-position: -96px -154px;
}

.react-tel-input * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.react-tel-input .hide {
  display: none;
}

.react-tel-input .v-hide {
  visibility: hidden;
}

.react-tel-input .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: inherit;
  line-height: inherit;
  color: #354B5C;
}

.react-tel-input input[type=tel].not-empty + label {
  top: 18px;
  -webkit-transform: translateY(-55%) scale(0.67) !important;
          transform: translateY(-55%) scale(0.67) !important;
}

.react-tel-input input[type=tel].empty + label {
  top: 18px;
  -webkit-transform: none !important;
          transform: none !important;
}

.react-tel-input .form-control.invalid-number {
  border: 1px solid #d79f9f;
  background-color: #faf0f0;
  border-left-color: #cacaca;
}

.react-tel-input .form-control.invalid-number:focus {
  border: 1px solid #d79f9f;
  border-left-color: #cacaca;
  background-color: #faf0f0;
}

.react-tel-input .flag-dropdown {
  border: none;
  border-bottom: 0.2rem solid #CCCCCC;
  margin-bottom: 0.4rem;
  border-radius: unset;
  padding: 0.5rem;
  min-width: 0;
  padding-right: 1rem;
}

.react-tel-input .flag-dropdown:hover, .react-tel-input .flag-dropdown:focus {
  cursor: pointer;
}

.react-tel-input .flag-dropdown.invalid-number {
  border-color: #d79f9f;
}

.react-tel-input .flag-dropdown.open {
  z-index: 2;
  background: #fff;
  border-radius: 3px 0 0 0;
}

.react-tel-input .flag-dropdown.open .selected-flag {
  background: #fff;
  border-radius: 3px 0 0 0;
}

.react-tel-input .selected-flag {
  outline: none;
  position: relative;
  width: 38px;
  height: 100%;
  padding: 0 0 0 8px;
  border-radius: 3px 0 0 3px;
}

.react-tel-input .selected-flag:hover, .react-tel-input .selected-flag:focus {
  background-color: #fff;
}

.react-tel-input .selected-flag .flag {
  position: absolute;
  top: 60%;
  margin-top: -5px;
}

.react-tel-input .selected-flag .arrow {
  position: relative;
  top: 50%;
  margin-top: -2px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.react-tel-input .selected-flag .arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.react-tel-input .country-list {
  outline: none;
  z-index: 1;
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 10px 0 10px -1px;
  -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.35);
          box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.35);
  background-color: white;
  width: 300px;
  max-height: 200px;
  overflow-y: scroll;
  border-radius: 0 0 3px 3px;
}

.react-tel-input .country-list .flag {
  display: inline-block;
}

.react-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.react-tel-input .country-list .country {
  padding: 7px 9px;
}

.react-tel-input .country-list .country .dial-code {
  color: #6b6b6b;
}

.react-tel-input .country-list .country:hover {
  background-color: #f1f1f1;
}

.react-tel-input .country-list .country.highlight {
  background-color: #f1f1f1;
}

.react-tel-input .country-list .flag {
  margin-right: 7px;
  margin-top: 2px;
}

.react-tel-input .country-list .country-name {
  margin-right: 6px;
}

.react-tel-input .country-list .search {
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 10px 0 6px 10px;
}

.react-tel-input .country-list .search-emoji {
  font-size: 15px;
}

.react-tel-input .country-list .search-box {
  border: 1px solid #cacaca;
  border-radius: 3px;
  font-size: 15px;
  line-height: 15px;
  margin-left: 6px;
  padding: 3px 8px 5px;
  outline: none;
}

.react-tel-input .country-list .no-entries-message {
  padding: 7px 10px 11px;
  opacity: 0.7;
}

.react-tel-input .invalid-number-message {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: 46px;
  top: -8px;
  background: #fff;
  padding: 0 2px;
  color: #de0000;
}

.react-tel-input .special-label {
  display: none;
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: 46px;
  top: -8px;
  background: #fff;
  padding: 0 2px;
  white-space: nowrap;
}