@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;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    -webkit-transition: none;
    transition: none;
  }
}

.accordion-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 2.5rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    -webkit-transition: none;
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #FFFFFF;
  background-color: #FFFFFF;
  -webkit-box-shadow: inset 0 -1px 0 #FFFFFF;
          box-shadow: inset 0 -1px 0 #FFFFFF;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.accordion-button::after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    -webkit-transition: none;
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: rgba(0, 0, 0, 0.125);
  outline: 0;
  -webkit-box-shadow: "none";
          box-shadow: "none";
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid #FFFFFF;
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body {
  padding: 2.5rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

@-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;
  }
}
@-webkit-keyframes slideFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slideFromLeftReverse {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes slideFromLeftReverse {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.heading-medium {
  font-size: 2.4rem;
  line-height: 2.8rem;
  text-transform: uppercase;
  font-family: "Titillium Web SemiBold";
  color: #6f6f79;
  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;
}

.not-displayed {
  display: none;
}

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: "Lato Regular";
  font-size: 1.4rem;
  line-height: 2.1rem;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  body {
    overflow: auto;
  }
}
@media only screen and (min-width: 640px) {
  body {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

h1 {
  font-family: "Lato Bold";
  font-size: 3.2rem;
  line-height: 4rem;
  color: #4E2583;
}
@media only screen and (min-width: 640px) {
  h1 {
    font-size: 4rem;
    line-height: 5rem;
  }
}

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

h3 {
  font-family: "Lato 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: "Lato Bold";
}

label ::-webkit-input-placeholder {
  color: #6f6f79;
  font-family: "Lato Italic";
  font-style: italic;
}

label ::-moz-placeholder {
  color: #6f6f79;
  font-family: "Lato Italic";
  font-style: italic;
}

label :-ms-input-placeholder {
  color: #6f6f79;
  font-family: "Lato Italic";
  font-style: italic;
}

label ::-ms-input-placeholder {
  color: #6f6f79;
  font-family: "Lato Italic";
  font-style: italic;
}

label ::placeholder {
  color: #6f6f79;
  font-family: "Lato Italic";
  font-style: italic;
}
label :focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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;
  }
}

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

.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-yellish.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: #4E2583;
  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-yellish.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-yellish.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.card .card__type {
  color: #FD5252;
  text-align: center;
  font-family: "Lato 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: #6f6f79;
  text-align: center;
  font-family: "Lato 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: #6f6f79;
  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: "Lato 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;
}

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

@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;
}
@font-face {
  font-family: "Lato Light";
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url("/public/fonts/lato/Lato-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Lato Light Italic";
  font-style: italic;
  font-weight: 300;
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url("/public/fonts/lato/Lato-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Lato Regular";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("/public/fonts/lato/Lato-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Lato Italic";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url("/public/fonts/lato/Lato-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Lato Bold";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url("/public/fonts/lato/Lato-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Lato Bold Italic";
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"), local("Lato-Bold-Italic"), url("/public/fonts/lato/Lato-BoldItalic.ttf") format("truetype");
}
.button {
  text-align: center;
  cursor: pointer;
  font-family: "Lato Regular";
  text-decoration: none;
  text-transform: none;
  border-radius: 0;
  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: #4E2583;
  color: #fff;
  font-size: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;
}
.button.fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.button:hover {
  background-color: #7D5CA3;
}
.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: #4E2583;
  background-color: #fff;
}
.button.white:hover {
  color: #7D5CA3;
  border-color: #7D5CA3;
}
.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) span {
  position: relative;
}
.button-phone:not(.button-phone-left) span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone.svg");
}
.button-phone:not(.button-phone-left):after {
  width: 2.3rem;
  height: 2.8rem;
}
.button-phone-left span {
  position: relative;
}
.button-phone-left span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone.svg");
}
.button-phone-left:before {
  width: 2.3rem;
  height: 2.8rem;
}

.button-phonecall {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-phonecall:not(.button-phonecall-left) span {
  position: relative;
}
.button-phonecall:not(.button-phonecall-left) span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone-call.svg");
}
.button-phonecall:not(.button-phonecall-left):after {
  width: 2.3rem;
  height: 2.8rem;
}
.button-phonecall-left span {
  position: relative;
}
.button-phonecall-left span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone-call.svg");
}
.button-phonecall-left:before {
  width: 2.3rem;
  height: 2.8rem;
}

.button-question2 {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-question2:not(.button-question2-left) span {
  position: relative;
}
.button-question2:not(.button-question2-left) span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-question-2.svg");
}
.button-question2:not(.button-question2-left):after {
  width: 2.3rem;
  height: 2.8rem;
}
.button-question2-left span {
  position: relative;
}
.button-question2-left span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-question-2.svg");
}
.button-question2-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) span {
  position: relative;
}
.button-mail:not(.button-mail-left) span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-mail.svg");
}
.button-mail:not(.button-mail-left):after {
  width: 3.8rem;
  height: 2.8rem;
}
.button-mail-left span {
  position: relative;
}
.button-mail-left span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-mail.svg");
}
.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 span {
  position: relative;
}
.button-arrow span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  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");
}
.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 span {
  position: relative;
}
.button-refresh span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-refresh.svg");
}
.button-refresh:after {
  width: 2.8rem;
  height: 2.3rem;
}

@media only screen and (max-width: 1025px) {
  .not-connected-button {
    margin-top: 0 !important;
  }
}

.accordion-button:not(.collapsed) {
  color: #212529;
  background-color: #FFFFFF;
}
.accordion-button:focus {
  border-color: rgba(0, 0, 0, 0.125);
}
.accordion-item {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 1rem;
}
.accordion-header {
  -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
}
.accordion-body {
  margin-top: 1rem;
  -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
}
.accordion-pathologies .accordion-button {
  font-family: "Lato Bold" !important;
  text-transform: uppercase;
  padding-left: 3.25rem !important;
  font-size: 15px !important;
  font-weight: bold !important;
}
.accordion-pathologies .accordion-button .selected-pathology {
  color: #f5cc02;
  margin-left: 1rem;
}
.accordion-pathologies .pathology-radio--list {
  padding: 0;
  position: relative;
}
.accordion-pathologies .pathology-radio--list--item {
  position: relative;
  margin-top: 1rem;
  padding-left: 2rem;
  margin-bottom: 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;
  font-family: "Lato Bold";
  font-size: 15px;
  font-weight: bold;
  color: #7D5CA3;
  text-transform: uppercase;
}
.accordion-pathologies .pathology-radio--list--item [type=radio]:checked,
.accordion-pathologies .pathology-radio--list--item [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.accordion-pathologies .pathology-radio--list--item [type=radio]:checked + .custom-radio-btn:before,
.accordion-pathologies .pathology-radio--list--item [type=radio]:not(:checked) + .custom-radio-btn:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.accordion-pathologies .pathology-radio--list--item [type=radio]:checked + .custom-radio-btn:after,
.accordion-pathologies .pathology-radio--list--item [type=radio]:not(:checked) + .custom-radio-btn:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #f5cc02;
  position: absolute;
  top: 4px;
  right: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.accordion-pathologies .pathology-radio--list--item [type=radio]:not(:checked) + .custom-radio-btn:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.accordion-pathologies .pathology-radio--list--item [type=radio]:checked + .custom-radio-btn:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.accordion-pathologies .pathology-radio--list--item label {
  position: relative;
  z-index: 2;
  width: 100%;
}
.accordion-pathologies .pathology-radio--list--item label.active {
  color: #f5cc02;
}
.accordion-pathologies .pathology-radio--list--item:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #404F5A;
  opacity: 0.12;
  left: 0;
  bottom: -0.5rem;
}
.accordion-pathologies .submit-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.accordion-pathologies .submit-group .submit-button {
  cursor: pointer;
  font-family: "Lato Regular";
  text-decoration: none;
  text-transform: none;
  border-radius: 0;
  border: 0;
  background-color: #4E2583;
  text-transform: uppercase;
  color: white;
  width: 181px;
  padding: 16px 32px;
  margin: 4px 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.accordion-header {
  margin: 0;
}
.accordion-header .accordion-button {
  font-family: "Lato Bold";
  font-size: 14px;
  color: #7D5CA3;
  font-weight: 700;
}
.accordion-item .accordion-button {
  background-size: auto 7rem;
  background-position-y: 50%;
  background-repeat: no-repeat;
  padding-left: 8rem;
}
.accordion-body .content-library__content-articles a {
  text-transform: none;
}

@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;
  }
}

.home__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;
}
.home__eval-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  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;
}
.home__eval .additional-text {
  color: #4E2583;
  font-weight: bold;
}
.home__eval.capsante-text-mobile {
  font-family: Lato Regular;
  color: #6f6f79;
  padding: 0.5rem;
  margin-top: 2rem;
}
.home__eval.capsante-wrapper {
  background: #FAFAFA;
  padding: 0;
  height: 40rem;
  position: relative;
}
@media only screen and (max-width: 1025px) {
  .home__eval.capsante-wrapper {
    margin-top: 10rem;
  }
}
.home__eval.capsante-wrapper .capsante-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1920px) {
  .home__eval.capsante-wrapper .capsante-body {
    margin-right: 15%;
  }
}
.home__eval.pims {
  margin-top: 13rem;
}
.home__eval.pims .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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  margin: 1.5rem 0 0 1.5rem;
  padding-bottom: 5rem;
  width: -webkit-fill-available;
}
@media only screen and (max-width: 1025px) {
  .home__eval.pims .content {
    padding-top: 14rem;
  }
}
.home__eval.pims .content .cross {
  content: "";
  background-repeat: no-repeat;
  display: block;
  background-image: url("/public/images/yellow-cross.svg");
  position: relative;
  left: 92%;
  width: 40px;
  height: 36px;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .home__eval.pims .content .cross {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 49px;
    height: 45px;
    margin-top: 35rem;
    left: auto;
  }
}
.home__eval.pims .text {
  max-width: 1010px;
  padding: 0.5rem 3rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #FAFAFA;
  text-overflow: ellipsis;
  font-family: "Lato Regular";
  color: #6F6F79;
  margin-top: 5rem;
  text-align: justify;
  font-size: 18px;
  position: relative;
}
.home__eval.pims .text:before {
  content: "";
  background-repeat: no-repeat;
  background-image: url("/public/images/yellow-cross.svg");
  width: 49px;
  height: 45px;
  position: absolute;
  left: -5rem;
  top: -4rem;
}
@media only screen and (max-width: 1025px) {
  .home__eval.pims .text:before {
    width: 40px;
    height: 36px;
    left: 0;
    top: -5rem;
  }
}
.home__eval.pims .text:after {
  content: "";
  background-repeat: no-repeat;
  background-image: url("/public/images/yellow-cross.svg");
  width: 49px;
  height: 45px;
  position: absolute;
  right: -5rem;
  bottom: -4rem;
}
@media only screen and (max-width: 1025px) {
  .home__eval.pims .text:after {
    width: 40px;
    height: 36px;
    right: 0;
    bottom: -5rem;
  }
}
.home__eval.pims .text .homme {
  position: absolute;
  right: -24rem;
  top: -5rem;
  background-image: url("/public/images/homme.svg");
  background-repeat: no-repeat;
  width: 194px;
  height: 486px;
  background-position: 0rem 5rem;
  background-size: 100%;
}
@media only screen and (max-width: 1025px) {
  .home__eval.pims .text .homme {
    left: calc(50% - (194px / 2));
    top: -182px;
    height: 182px;
  }
}
.home__eval.pims .whoarewe-accompagnement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.home__eval.pims .whoarewe-accompagnement .whoarewe-accompagnement-button {
  font-family: "Lato Regular";
  background-color: #4D2084;
  color: white;
  padding: 1.2rem 5.8rem 1.2rem 5.8rem;
  text-decoration: none;
  margin-top: 1em;
  display: block;
  text-align: center;
}
.home__eval .pathway-list {
  display: block;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4rem;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .home__eval .pathway-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
  }
}
.home__eval .pathway-list .block {
  text-decoration: none;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .home__eval .pathway-list .block {
    height: 445px;
    width: 370px;
  }
}
.home__eval .pathway-list .block .content {
  border-top: solid #4E2583 5px;
  margin: 3rem 2rem;
  height: 100%;
  padding: 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: -webkit-fill-available;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 17px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 17px 5px rgba(0, 0, 0, 0.15);
  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) {
  .home__eval .pathway-list .block .content {
    margin: 0 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.home__eval .pathway-list .block .content .image {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .home__eval .pathway-list .block .content .image {
    -webkit-box-flex: 0.5;
        -ms-flex: 0.5;
            flex: 0.5;
  }
}
.home__eval .pathway-list .block .content .image:before {
  content: "";
  background-repeat: no-repeat;
  display: block;
  background-image: url("/public/images/accueil/mental-health-working-plan.svg");
  width: 155px;
  height: 155px;
  margin: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .home__eval .pathway-list .block .content .image:before {
    width: 160px;
    height: 160px;
  }
}
.home__eval .pathway-list .block .content .wording {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 32px;
  max-width: 178px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .home__eval .pathway-list .block .content .wording {
    max-width: initial;
  }
}
.home__eval .pathway-list .block .content .wording .title {
  margin: 3.9rem 1rem;
  text-align: center;
  line-height: 30px;
  color: #4E2583;
  position: relative;
  font-size: 25px;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .home__eval .pathway-list .block .content .wording .title {
    margin: 3.9rem 1rem;
    font-size: 32px;
  }
}
.home__eval .pathway-list .block .content .wording .text {
  max-width: 233px;
  margin: 0.5rem;
  color: #302F3C;
  font-size: 14px;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .home__eval .pathway-list .block .content .wording .text {
    max-width: initial;
    font-size: 19px;
    height: auto;
  }
}
.home__eval .pathway-list .block .content:hover {
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
  border-top: solid #f5cc02 5px;
}
.home__eval .pathway-list .block .content:hover .title {
  color: #f5cc02;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .home__eval .pathway-list .block .content:hover:after {
    content: "⌄";
    position: absolute;
    color: #404F5A;
    top: 92%;
    left: 47%;
  }
}
.home__eval .pathway-list .block.chronicdisease .content .image:before {
  background-image: url("/public/images/accueil/chronicdisease-working-plan.svg");
}
.home__eval .pathway-list .block.healthimprovment .content .image:before {
  background-image: url("/public/images/accueil/healthimprovment-working-plan.svg");
}

section.home-pathways__list {
  margin-top: 5rem;
}
section.home-pathways__list.logged h1 {
  text-transform: initial;
}
section.home-pathways__list.logged h1:after {
  content: none;
}
section.home-pathways__list.logged .more .buttons .button.less-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.home-pathways__list.logged .more .buttons .button.more-button {
  display: none;
}
section.home-pathways__list.logged .buttons .button.more-button, section.home-pathways__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.home-pathways__list.logged .buttons .button.more-button:hover, section.home-pathways__list.logged .buttons .button.less-button:hover {
  background-color: #EF4344;
  color: white;
}
section.home-pathways__list.logged .buttons .button.more-button:hover .arrow, section.home-pathways__list.logged .buttons .button.less-button:hover .arrow {
  border-color: white;
}
section.home-pathways__list.logged .buttons .button.less-button {
  display: none;
}
section.home-pathways__list.logged .buttons .button.more-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.home-pathways__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.home-pathways__list.logged .buttons .button.more-button .arrow {
  margin-top: -0.4rem;
  border-right: 0.2rem solid white;
  border-bottom: 0.2rem solid white;
}
section.home-pathways__list.logged .buttons .button.less-button .arrow {
  margin-top: 0.4rem;
  border-left: 0.2rem solid white;
  border-top: 0.2rem solid white;
}
section.home-pathways__list .wrapper {
  max-width: 100%;
  padding: 0;
}
section.home-pathways__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;
  font-family: "Titillium Web SemiBold";
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  section.home-pathways__list h1 {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
section.home-pathways__list h1:before {
  content: "";
  position: absolute;
  height: 0.3rem;
  background-color: #4E2583;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 8rem;
}

.services-wrapper {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background: #FAFAFA;
}
.services-wrapper .highlighted-services-list {
  padding-top: 20px;
  padding-bottom: 20px;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 640px) {
  .services-wrapper .highlighted-services-list .purplish-bg--left {
    bottom: 0;
    left: 0;
    height: 30%;
    background-color: #7D5CA3;
    position: absolute;
    width: 24.27%;
  }
  .services-wrapper .highlighted-services-list .purplish-bg--right {
    top: 0;
    right: 0;
    height: 40%;
    background-color: #7D5CA3;
    position: absolute;
    width: 35%;
  }
}
.services-wrapper .highlighted-services-list-item {
  text-decoration: none;
  display: block;
  z-index: 1;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: whitesmoke;
  height: 680px;
  -webkit-box-shadow: -5px 9px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: -5px 9px 40px 0px rgba(0, 0, 0, 0.15);
  margin-right: 12px;
  margin-left: 12px;
  width: 282px;
}
@media only screen and (min-width: 640px) {
  .services-wrapper .highlighted-services-list-item:nth-child(3) {
    position: relative;
    z-index: 2;
  }
  .services-wrapper .highlighted-services-list-item:nth-child(3):before {
    z-index: 3;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    display: block;
    background-image: url(/public/images/yellow-bars.svg);
    width: 199px;
    height: 107px;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    top: -3rem;
    left: -6rem;
  }
}
.services-wrapper .highlighted-services-list-item .focal-point-image {
  height: 400px;
}
.services-wrapper .highlighted-services-list-item .content {
  text-decoration: none !important;
  height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 24px;
  padding-right: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.services-wrapper .highlighted-services-list-item .content .title {
  color: #354B5C;
  font-family: "Lato Bold";
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.services-wrapper .highlighted-services-list-item .content .text {
  color: #6F6F79;
  font-family: "Lato Regular";
  font-size: 18px;
  width: 226px;
  margin-bottom: 20px;
}
.services-wrapper .highlighted-services-list-item .content .link {
  text-align: center;
}
.services-wrapper .highlighted-services-list-item .content .access-link {
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  color: #4E2583;
  font-family: "Lato Bold";
  text-align: center;
}
.services-wrapper .highlighted-services-list-item .content .access-link:after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  display: block;
  background-image: url(/public/images/arrow.svg);
  width: 24px;
  height: 24px;
  top: 0px;
  size: 24px;
  right: 13px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.services-wrapper .highlighted-services-list-item:hover {
  cursor: pointer;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 480px) {
  .services-wrapper .highlighted-services-list-item {
    width: 180px;
    height: 420px;
  }
  .services-wrapper .highlighted-services-list-item .content {
    height: 280px;
  }
  .services-wrapper .highlighted-services-list-item .focal-point-image {
    height: 200px;
  }
  .services-wrapper .highlighted-services-list-item .content {
    height: 235px;
  }
  .services-wrapper .highlighted-services-list-item .content .title {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .services-wrapper .highlighted-services-list-item .content .text {
    font-size: 12px;
    width: 140px;
    margin-bottom: 10px;
  }
  .services-wrapper .highlighted-services-list-item .content .access-link {
    font-size: 10px;
  }
  .services-wrapper .highlighted-services-list-item .content .access-link:after {
    top: -2px;
    right: -12px;
    -webkit-transform: scale(0.8);
    transform: scale(0.5);
  }
}
.services-wrapper .all-services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1em;
}
.services-wrapper .all-services-button {
  font-family: "Lato Regular";
  background-color: #4D2084;
  color: white;
  padding: 1.2rem 5.8rem 1.2rem 5.8rem;
  text-decoration: none;
  text-align: center;
  display: block;
}

.conseil-scientifique-wrapper {
  background-color: #7D5DA3;
  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;
}
.conseil-scientifique-wrapper .conseil-scientifique-content {
  max-width: 690px;
  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: 3em;
  margin-bottom: 4em;
  padding: 0rem 3rem;
}
@media only screen and (max-width: 480px) {
  .conseil-scientifique-wrapper .conseil-scientifique-content {
    margin: auto;
    text-align: center;
    max-height: unset;
    padding: 2rem 3rem;
  }
}
.conseil-scientifique-wrapper .conseil-scientifique-content .conseil-scientifique-title {
  color: #F1CA19;
  font-family: "Lato Bold";
  max-width: 391px;
  max-height: 76px;
  font-size: 3.2rem;
  line-height: 2.8rem;
  margin-bottom: 1em;
}
@media only screen and (max-width: 480px) {
  .conseil-scientifique-wrapper .conseil-scientifique-content .conseil-scientifique-title {
    font-size: 2em;
  }
}
.conseil-scientifique-wrapper .conseil-scientifique-content .conseil-scientifique-content-text {
  color: #FFFFFF;
  font-family: "Lato Regular";
  font-size: 18px;
  padding-bottom: 3rem;
}
.conseil-scientifique-wrapper .conseil-scientifique-content .conseil-scientifique-more-button {
  font-family: "Lato Regular";
  background-color: white;
  color: #4E2583;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.2em 5.8em 1.2em 5.8em;
  text-decoration: none;
}
@media only screen and (max-width: 480px) {
  .conseil-scientifique-wrapper .conseil-scientifique-content .conseil-scientifique-more-button {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
.conseil-scientifique-wrapper .conseil-scientifique-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 2em;
}
@media only screen and (max-width: 480px) {
  .conseil-scientifique-wrapper .conseil-scientifique-image {
    display: none;
  }
}

.whoarewe {
  padding-top: 6rem;
  padding-bottom: 2rem;
  background: #FFFFFF;
  margin-left: 20rem;
  margin-right: 20rem;
  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;
}
@media only screen and (max-width: 480px) {
  .whoarewe {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.whoarewe .whoarewe-main {
  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;
  gap: 5rem;
}
@media only screen and (max-width: 480px) {
  .whoarewe .whoarewe-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .whoarewe .whoarewe-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.whoarewe .whoarewe-main .whoarewe-main-content {
  max-width: 600px;
}
@media only screen and (max-width: 480px) {
  .whoarewe .whoarewe-main .whoarewe-main-content {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
.whoarewe .whoarewe-main .whoarewe-title {
  margin: 0 auto 1rem;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.2rem;
  line-height: 2.8rem;
  font-family: "Lato Bold";
  position: relative;
  color: #4E2583;
}
.whoarewe .whoarewe-main .text {
  max-width: 40em;
  font-family: "Lato Regular";
  margin-top: 2em;
  margin-bottom: 2em;
  color: #73737D;
  font-size: 1em;
}
.whoarewe .whoarewe-main .whoarewe-more-button {
  font-family: "Lato Regular";
  background-color: #4D2084;
  color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.2rem 5.8rem 1.2rem 5.8rem;
  margin-top: 2em;
  margin-bottom: 2em;
  text-decoration: none;
}
@media only screen and (max-width: 480px) {
  .whoarewe .whoarewe-main .whoarewe-video {
    margin-top: 4em;
    margin-bottom: 1em;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
  }
}
.whoarewe .whoarewe-main .responsive-iframe {
  width: 485px;
  height: 244px;
}
@media only screen and (max-width: 480px) {
  .whoarewe .whoarewe-main .responsive-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.whoarewe .whoarewe-commitments {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  text-align: center;
  color: #4E2583;
  font-family: "Lato Regular";
  margin-top: 5em;
  margin-bottom: 5em;
}
@media only screen and (max-width: 480px) {
  .whoarewe .whoarewe-commitments {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0em;
    margin-left: 0rem;
    margin-right: 0rem;
  }
}
.whoarewe .whoarewe-commitments .whoarewe-commitment {
  text-align: center;
  margin-left: 5rem;
  margin-right: 5rem;
  font-size: 1.1em;
  width: calc(100% / 3);
}
@media only screen and (max-width: 480px) {
  .whoarewe .whoarewe-commitments .whoarewe-commitment {
    margin: 0rem 3rem 2rem;
    width: auto;
  }
}

.button {
  text-align: center;
  cursor: pointer;
  font-family: "Lato Regular";
  text-decoration: none;
  text-transform: none;
  border-radius: 0;
  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: #4E2583;
  color: #fff;
  font-size: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;
}
.button.fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.button:hover {
  background-color: #7D5CA3;
}
.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: #4E2583;
  background-color: #fff;
}
.button.white:hover {
  color: #7D5CA3;
  border-color: #7D5CA3;
}
.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) span {
  position: relative;
}
.button-phone:not(.button-phone-left) span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone.svg");
}
.button-phone:not(.button-phone-left):after {
  width: 2.3rem;
  height: 2.8rem;
}
.button-phone-left span {
  position: relative;
}
.button-phone-left span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone.svg");
}
.button-phone-left:before {
  width: 2.3rem;
  height: 2.8rem;
}

.button-phonecall {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-phonecall:not(.button-phonecall-left) span {
  position: relative;
}
.button-phonecall:not(.button-phonecall-left) span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone-call.svg");
}
.button-phonecall:not(.button-phonecall-left):after {
  width: 2.3rem;
  height: 2.8rem;
}
.button-phonecall-left span {
  position: relative;
}
.button-phonecall-left span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone-call.svg");
}
.button-phonecall-left:before {
  width: 2.3rem;
  height: 2.8rem;
}

.button-question2 {
  font-size: 1.5rem;
  text-align: center;
  padding-right: 4.8rem;
  position: relative;
}
.button-question2:not(.button-question2-left) span {
  position: relative;
}
.button-question2:not(.button-question2-left) span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-question-2.svg");
}
.button-question2:not(.button-question2-left):after {
  width: 2.3rem;
  height: 2.8rem;
}
.button-question2-left span {
  position: relative;
}
.button-question2-left span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-question-2.svg");
}
.button-question2-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) span {
  position: relative;
}
.button-mail:not(.button-mail-left) span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-mail.svg");
}
.button-mail:not(.button-mail-left):after {
  width: 3.8rem;
  height: 2.8rem;
}
.button-mail-left span {
  position: relative;
}
.button-mail-left span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-mail.svg");
}
.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 span {
  position: relative;
}
.button-arrow span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  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");
}
.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 span {
  position: relative;
}
.button-refresh span:after {
  content: "";
  position: absolute;
  right: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-refresh.svg");
}
.button-refresh:after {
  width: 2.8rem;
  height: 2.3rem;
}

@media only screen and (max-width: 1025px) {
  .not-connected-button {
    margin-top: 0 !important;
  }
}

header {
  background-color: #fff;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  header {
    z-index: 5;
    padding: 1rem 0;
  }
}
@media only screen and (max-width: 1025px) {
  header {
    padding: 0;
  }
}
header .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}
@media only screen and (min-width: 640px) {
  header .wrapper {
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 1025px) {
  header .wrapper {
    padding: 0;
  }
}
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;
  }
}
@media only screen and (max-width: 1025px) {
  header .header__container {
    height: 98px;
  }
}
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;
  }
}
header .header__container.row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
header .groupe-search-engine {
  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;
  width: 73.8rem;
  height: 4.9rem;
}
@media only screen and (max-width: 1025px) {
  header .groupe-search-engine {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media only screen and (max-width: 480px) {
  header .groupe-search-engine {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
header .search-box {
  width: 66.8rem;
}
@media only screen and (max-width: 480px) {
  header .search-box {
    width: 100%;
  }
}
@media only screen and (max-width: 1025px) {
  header .search-box {
    width: 100%;
  }
}
header .searchForm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media only screen and (max-width: 480px) {
  header .searchForm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}
@media only screen and (max-width: 1025px) {
  header .searchForm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}
header .search-engine-yellow-bars {
  top: calc(0rem - 50%);
  left: 0.5rem;
  position: absolute;
}
@media only screen and (max-width: 1025px) {
  header .search-engine-yellow-bars {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  header .search-engine-yellow-bars {
    display: none;
  }
}
header .search-engine-icon-search {
  width: 3.5rem;
  padding-top: 0.4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  header .search-engine-icon-search {
    display: none;
  }
}
header .search-engine-icon-search-white {
  height: 2rem;
  width: 2rem;
}
@media only screen and (max-width: 480px) {
  header .search-engine-icon-search-white {
    display: none;
  }
}
header .search-engine-icon-search-white _::-webkit-full-page-media, header .search-engine-icon-search-white _:future, :root header .search-engine-icon-search-white {
  display: none;
}
@media only screen and (max-width: 1025px) {
  header .search-engine-icon-search-white {
    display: none;
  }
}
header .search-placeholder {
  width: 100%;
  border: none;
  background-color: #FAFAFA;
  margin-left: 4rem;
  padding: 0 2.5rem;
  color: #6F6F79;
  font-family: Lato;
  font-size: 16px;
  line-height: 28px;
}
header .search-placeholder:focus {
  outline: none;
}
@media only screen and (max-width: 1025px) {
  header .search-placeholder {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  header .search-placeholder {
    display: none;
  }
}
header .search-placeholder::-webkit-input-placeholder {
  font-family: Lato Regular;
}
header .search-placeholder::-ms-input-placeholder {
  font-family: Lato Regular;
}
header .search-placeholder::-moz-placeholder {
  font-family: Lato Regular;
}
header .search-engine-button {
  width: 4.4rem;
  height: 4.4rem;
  background-color: #4E2583;
  border: none;
  cursor: pointer;
  padding-top: 0.5rem;
}
header .search-engine-button.open {
  width: 40px;
  background-color: #FFFFFF;
  padding: 0px;
}
@media only screen and (max-width: 1025px) {
  header .search-engine-button {
    width: 40px;
    background-color: #FFFFFF;
    padding: 0px;
  }
}
@media only screen and (max-width: 480px) {
  header .search-engine-button {
    width: 40px;
    background-color: #FFFFFF;
    padding: 0px;
  }
}
header .search-mobile {
  display: none;
}
header .search-mobile.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 5;
}
header .search-mobile.open .search-mobile-header {
  background-color: #FFFFFF;
  height: 9.8rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
header .search-mobile.open .search-mobile-header _::-webkit-full-page-media, header .search-mobile.open .search-mobile-header _:future, :root header .search-mobile.open .search-mobile-header {
  z-index: 1001;
  position: static;
}
header .search-mobile.open .search-engine-back-button {
  border: none;
  background-color: #FFFFFF;
}
header .search-mobile.open .search-image-back {
  width: 2.5rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-left: 3.2rem;
}
header .search-mobile.open _::-webkit-full-page-media input[type=search]::-webkit-search-cancel-button, header .search-mobile.open _:future input[type=search]::-webkit-search-cancel-button, :root header .search-mobile.open input[type=search]::-webkit-search-cancel-button {
  background-image: none;
}
header .search-mobile.open _::-webkit-full-page-media input[type=search]::-webkit-search-results-button, header .search-mobile.open _:future input[type=search]::-webkit-search-results-button, :root header .search-mobile.open input[type=search]::-webkit-search-results-button {
  background-image: none;
}
header .search-mobile.open input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
header .search-mobile.open .search-mobile-input {
  width: 100%;
  padding-left: 2.3rem;
  border: none;
  color: #302F3C;
  font-family: Lato;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  background: transparent;
}
header .search-mobile.open .search-mobile-input _::-webkit-full-page-media, header .search-mobile.open .search-mobile-input _:future, :root header .search-mobile.open .search-mobile-input {
  background-image: none;
}
header .search-mobile.open .search-mobile-input _::-webkit-full-page-media::before, header .search-mobile.open .search-mobile-input _:future::before, :root header .search-mobile.open .search-mobile-input::before {
  background-image: none;
}
header .search-mobile.open .search-mobile-input:focus {
  outline: none;
}
header .search-mobile.open .search-engine-clear-button {
  border: none;
  background-color: #FFFFFF;
}
header .search-mobile.open .search-image-clear {
  width: 2.3rem;
  margin-right: 3.2rem;
}
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;
}
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;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  header .header__logo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    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__end {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  header .header__end {
    display: none;
  }
}
header .header__account {
  width: 98px;
  height: 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;
}
@media (max-width: 370px) {
  header .header__account {
    width: 65px;
  }
}
header .header__account .header__user-avatar {
  margin-right: 0;
}
header .header__burger {
  width: 98px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #4E2583;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  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);
}
header .header__burger-shape {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .header__burger-shape span {
  background-color: #fff;
  height: 3px;
  width: 30px;
  border-radius: 50px;
}
header .header__burger-shape span:last-child {
  background-color: inherit;
  color: #fff;
  height: 8px;
  width: 50%;
  font-size: 12px;
  font-family: "Lato Bold";
  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;
}
header .header__burger-shape span:last-child:after {
  content: "Menu";
  text-transform: uppercase;
}
header .header__burger.open .header__burger-shape {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  height: 31px;
}
header .header__burger.open .header__burger-shape span:nth-child(1) {
  position: absolute;
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
header .header__burger.open .header__burger-shape span:nth-child(2) {
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
}
header .header__burger.open .header__burger-shape span:last-child:after {
  content: "Fermer";
}
header .header__logo-brand {
  height: 5rem;
  margin-left: 20px;
}
@media only screen and (min-width: 640px) {
  header .header__logo-brand {
    height: 6rem;
    margin-left: 0px;
  }
}
header .header__logo-ima {
  width: 16rem;
  height: 6.7rem;
}
@media only screen and (min-width: 640px) {
  header .header__logo-ima {
    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: #6f6f79;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  outline: inherit;
  font-family: "Lato 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: #6f6f79;
}
.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;
  }
}
nav {
  z-index: 2;
  position: relative;
  width: 100%;
}
nav.notransition {
  -webkit-transition: none;
  transition: none;
}
nav.open .menu__account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav.open .menu__wrapper {
  -webkit-animation: 0.5s ease-out 0s 1 slideFromLeft;
          animation: 0.5s ease-out 0s 1 slideFromLeft;
  top: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #4E2583;
}
nav.open .menu__wrapper > ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  height: auto;
  width: 100%;
}
nav.open .menu__wrapper > ul > li {
  border-bottom: 0.1rem solid #fff;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
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 .menu__wrapper {
  display: none;
  overflow: auto;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(7.6rem, #4E2583), color-stop(7.6rem, white));
  background: linear-gradient(0deg, #4E2583 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;
}
@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 0;
  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: #f5cc02;
}
nav .menu__wrapper > ul > li:hover .menu__link {
  color: #4E2583;
}
nav .menu__wrapper > ul > li.active {
  color: #6f6f79;
  border-top: solid #f5cc02 5px;
  background-color: #FFFFFF;
}
nav .menu__wrapper > ul > li.active .menu__link {
  color: #4E2583;
}
nav .menu__wrapper > ul > li.active .menu__link.home:before {
  background-image: url("/public/images/accueil/menu-home_purple.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li.active .menu__link.services:before {
  background-image: url("/public/images/accueil/menu-services.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
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.active .menu__link.oncology:before {
  background-image: url("/public/images/accueil/menu-pathway_oncology.svg");
}
nav .menu__wrapper > ul > li.active .menu__link.caregiver:before {
  background-image: url("/public/images/accueil/menu-pathway_caregiver.svg");
}
nav .menu__wrapper > ul > li.active .menu__link.sanity:before {
  background-image: url("/public/images/accueil/menu-pathway_mental_health_purple.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li.active .menu__link.chronicdisease:before {
  background-image: url("/public/images/accueil/menu-pathway_chronic_disease_purple.svg");
  background-size: 70%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li.active .menu__link.healthimprovment:before {
  background-image: url("/public/images/accueil/menu-pathway_health_improvment_purple.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
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;
  font-size: 14px;
  font-family: "Lato Regular";
}
@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");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li .menu__link.home:hover:before {
  background-image: url("/public/images/accueil/menu-home_purple.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li .menu__link.services:before {
  background-image: url("/public/images/accueil/menu-services_white.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li .menu__link.services:hover:before {
  background-image: url("/public/images/accueil/menu-services.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
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__wrapper > ul > li .menu__link.oncology:before {
  background-image: url("/public/images/accueil/menu-pathway_oncology_white.svg");
}
nav .menu__wrapper > ul > li .menu__link.oncology:hover:before {
  background-image: url("/public/images/accueil/menu-pathway_oncology.svg");
}
nav .menu__wrapper > ul > li .menu__link.caregiver:before {
  background-image: url("/public/images/accueil/menu-pathway_caregiver_white.svg");
}
nav .menu__wrapper > ul > li .menu__link.caregiver:hover:before {
  background-image: url("/public/images/accueil/menu-pathway_caregiver.svg");
}
nav .menu__wrapper > ul > li .menu__link.sanity:before {
  background-image: url("/public/images/accueil/menu-pathway_mental_health_white.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li .menu__link.sanity:hover:before {
  background-image: url("/public/images/accueil/menu-pathway_mental_health_purple.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li .menu__link.chronicdisease:before {
  background-image: url("/public/images/accueil/menu-pathway_chronic_disease_white.svg");
  background-size: 70%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li .menu__link.chronicdisease:hover:before {
  background-image: url("/public/images/accueil/menu-pathway_chronic_disease_purple.svg");
  background-size: 70%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li .menu__link.healthimprovment:before {
  background-image: url("/public/images/accueil/menu-pathway_health_improvment_white.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
nav .menu__wrapper > ul > li .menu__link.healthimprovment:hover:before {
  background-image: url("/public/images/accueil/menu-pathway_health_improvment_purple.svg");
  background-size: 100%;
  width: 28px;
  height: 30px;
}
nav .menu__account {
  width: 100%;
  padding: 50px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
nav .menu__account__title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-family: "Lato Bold";
  color: #f5cc02;
  font-size: 15px;
  text-transform: uppercase;
}
nav .menu__account__title span {
  width: 100%;
  position: relative;
}
nav .menu__account__title span:before {
  position: absolute;
  top: 3px;
  left: 3px;
  content: "";
  height: 3px;
  background: #f5cc02;
  width: 100%;
}
nav .menu__account__centered-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
nav .menu__account__list {
  list-style-type: none !important;
  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;
}
nav .menu__account__list__item:not(:first-child) {
  margin-left: 20px;
}
nav .menu__account__list__item a {
  color: #FFFFFF;
  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: #4E2583;
  text-align: center;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 30%;
  background-size: auto 40%;
  padding-top: 100px;
  width: 156px;
  height: 156px;
  border: solid #ffffff 1px;
  text-transform: uppercase;
  font-family: "Lato Bold";
  font-size: 15px;
  text-decoration: none;
}
nav .menu__account__list__item a.personal-infos {
  background-image: url("/public/images/menu/info-perso-blanc.svg");
}
nav .menu__account__list__item a.params-security {
  background-image: url("/public/images/menu/params-security.svg");
}
nav .menu__account__list__item a.change-user {
  background-image: url("/public/images/menu/changement-utilisateur-blanc.svg");
}
nav .menu__account__list__item a:hover {
  color: #FFFFFF;
}
nav .menu__account__logout {
  width: 100%;
}
nav .menu__account__disconnect {
  padding: 1rem 1rem 1rem 5rem;
  margin-top: 2rem;
  cursor: pointer;
  display: block;
  color: #4E2583;
  line-height: 22px;
  font-family: "Lato Bold";
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  height: 82px;
  width: 100%;
  background-color: #FFFFFF;
}
nav .menu__account__disconnect span {
  position: relative;
}
nav .menu__account__disconnect span:before {
  content: "";
  position: absolute;
  left: -86px;
  width: 62px;
  height: 48px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url(/public/images/menu/deconnexion.svg);
}

@media only screen and (max-width: 575px) {
  nav .menu__account {
    padding: 20px;
  }
  nav .menu__account__list__item a {
    background-position-y: 30%;
    background-size: auto 30%;
    padding-top: 70px;
    width: 120px;
    height: 120px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 425px) {
  nav .menu__account {
    padding: 20px;
  }
  nav .menu__account__list__item a {
    background-position-y: 30%;
    background-size: auto 30%;
    padding-top: 60px;
    width: 100px;
    height: 100px;
    font-size: 12px;
  }
}
.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");
}

.carousel-slides {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.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;
}

.health-service-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}
.health-service .purple-container {
  background: #5F3A8F;
}
.health-service-top {
  padding-top: 4rem;
  padding-bottom: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.health-service-bottom {
  position: relative;
  top: -12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.health-service-intro {
  padding: 5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.health-service-intro h1, .health-service-intro p {
  color: #FFFFFF;
  text-shadow: 1px -2px 3px 2px rgba(0, 0, 0, 0.1);
}
.health-service-intro h1 {
  position: relative;
  font-family: "Lato Bold";
  margin: 0;
  font-size: 42px;
  padding-bottom: 1rem;
}
.health-service-intro h1:after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
  width: 104px;
  height: 3px;
  background-color: #f5cc02;
}
.health-service-intro h2 {
  color: #f5cc02;
}
.health-service-intro p {
  font-family: "Lato Regular";
  font-size: 20px;
}
.health-service-intro ul {
  list-style: none;
}
.health-service-intro ul li {
  color: #FFFFFF;
  font-size: 20px;
}
.health-service-intro ul li:before {
  position: absolute;
  content: "•";
  color: #f5cc02;
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
.health-service-content {
  background: #FFFFFF;
  position: relative;
  z-index: 3;
  width: 60%;
  padding: 4rem;
  -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
}
.health-service-content h2 {
  margin: 0;
  text-align: center;
  color: #354B5C;
  font-family: "Lato Bold";
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.health-service-content p, .health-service-content div, .health-service-content ul li {
  color: #354B5C;
  font-family: "Lato Regular";
  font-size: 20px;
  font-weight: 400;
}
.health-service-content:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 5px;
  background-color: #f5cc02;
}
.health-service ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
.health-service ol li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
  color: #354B5C;
  font-family: "Lato Regular";
  font-size: 20px;
}
.health-service ol li::before {
  content: counter(my-awesome-counter);
  color: #354B5C;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 20px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 3px;
  background: #f5cc02;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 1px 1px 0 #999;
          box-shadow: 1px 1px 0 #999;
}
.health-service-button {
  padding: 1rem 1rem 1rem 5rem;
  margin-top: 2rem;
  cursor: pointer;
  display: block;
  color: #4E2583;
  letter-spacing: 1px;
  line-height: 22px;
  font-family: "Lato Regular";
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  height: 68px;
  width: 227px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
}
.health-service-button span {
  position: relative;
}
.health-service-button span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-phone-call-purple.svg");
}
.health-service-button span:before {
  top: 1rem !important;
}
.health-service .services__list {
  margin-top: -9rem;
}
.health-service .filled {
  color: white;
  border: 4px solid white;
  padding: 1rem;
}
.health-service .filled.error {
  color: #FD5252;
  border: 4px solid #FD5252;
}

@media only screen and (max-width: 1025px) {
  .health-service-content {
    width: 100%;
  }
  .health-service-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 14rem;
  }
  .health-service-bottom {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .health-service-wrapper {
    margin: 0;
  }
  .health-service .filled {
    font-size: 12px;
  }
}
.health-service .expert .health-service-static {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: auto;
}
.health-service .expert .health-service-static__coach {
  padding: 5rem 5rem 5rem 7rem;
  height: 48rem;
  position: relative;
}
.health-service .expert .health-service-static__coach-avatar {
  z-index: 2;
  position: absolute;
  top: 0;
  height: 48rem;
  width: 17.7rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
.health-service .expert .health-service-static__coach-avatar.man3 {
  background-image: url("/public/images/homme3.svg");
}
.health-service .expert .health-service-static__coach-avatar.woman3 {
  background-image: url("/public/images/femme3.svg");
}
.health-service .expert .health-service-static__coach-avatar.coached-by-belinda {
  background-image: url("/public/images/coach-belinda.svg");
}
.health-service .expert .health-service-static__coach-avatar.flipped {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.health-service .expert .health-service-static__coach-blabla {
  z-index: 1;
  position: absolute;
  width: 32rem;
  height: 32rem;
  top: -3.3rem;
  left: 17.9rem;
  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/patatoide_blanc.svg") no-repeat;
  background-size: 100%;
  color: #6f6f79;
  font-size: 3rem;
  line-height: 3rem;
  font-style: italic;
  font-family: "Caveat";
  font-weight: bold;
}
.health-service .expert .health-service-static__coach-blabla.coach {
  padding-left: 9rem;
}
.health-service .expert .health-service-static__coach-action {
  width: 70%;
  max-width: 30rem;
  position: absolute;
  top: 170px;
  right: 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: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.health-service .expert .health-service-static__coach-action p {
  margin: 0;
  padding-bottom: 1rem;
  color: #FFFFFF;
  font-family: "Lato Regular";
  font-size: 22px;
  text-align: right;
}
.health-service .expert .health-service-top {
  position: relative;
}
.health-service .expert .health-service-intro {
  padding: 0 5rem 5rem 0;
}
.health-service .expert .health-service-intro:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(50% + 5rem);
  content: "";
  width: 1px;
  height: 259px;
  background: #FFFFFF;
  opacity: 0.15;
}

@media only screen and (max-width: 1025px) {
  .health-service .expert .health-service-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .health-service .expert .health-service-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 14rem;
  }
  .health-service .expert .health-service-bottom {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .health-service .expert .health-service-intro {
    padding-right: 0;
    padding-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .health-service .expert .health-service-intro:after {
    content: none;
    height: 0;
  }
  .health-service .expert .health-service-static__coach {
    height: 38rem;
    background: #4E2583;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .health-service .expert .health-service-static__coach-action {
    right: 2rem;
  }
  .health-service .expert .health-service-static__coach-avatar {
    height: 38rem;
  }
  .health-service .expert .health-service-static__coach-blabla {
    left: 13.9rem;
  }
  .health-service .expert .health-service-static__intro {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .health-service .expert .health-service-static__intro h1, .health-service .expert .health-service-static__intro p {
    color: #FFFFFF;
    font-family: "Lato Regular";
    font-size: 22px;
    text-shadow: 1px -2px 3px 2px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 480px) {
  .health-service .expert .health-service-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .health-service .expert .health-service-intro:after {
    content: none;
    height: 0;
  }
  .health-service .expert .health-service-static__coach {
    height: 29rem;
  }
  .health-service .expert .health-service-static__coach-avatar {
    height: 29rem;
    width: 11.7rem;
  }
  .health-service .expert .health-service-static__coach-blabla {
    width: 19rem;
    height: 11rem;
    top: -2.3rem;
    left: 9.9rem;
  }
  .health-service .expert .health-service-static__coach-action {
    top: 8.2rem;
    width: 60%;
  }
  .health-service .expert .health-service-static__coach-action p {
    font-size: 16px;
  }
  .health-service .expert .health-service .filled {
    font-size: 12px;
  }
}
.health-service .generic .health-service-top {
  margin: 0 auto;
  padding: 0;
  min-height: 58rem;
}
.health-service .generic .health-service-top .redirect-url-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.health-service .generic .health-service-top .redirect-url-button a {
  border: 0 solid #4E2583;
  background-color: #FFFFFF;
  /* haut | droit | bas | gauche */
  padding: 1.8rem 2.2rem 1.8rem 3.8rem;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Lato Regular";
  font-size: 15px;
  z-index: 1;
}
.health-service .generic .health-service-top .redirect-url-button a span {
  color: #4E2583;
  position: relative;
}
.health-service .generic .health-service-top .redirect-url-button a span:before {
  content: "+";
  color: #4E2583;
  position: absolute;
  left: -1.6rem;
  font-family: "Lato Bold";
  font-size: 18px;
}
.health-service .generic .health-service-intro {
  padding: 0 0rem 5rem 0rem;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.health-service .generic .health-service-intro:after {
  position: absolute;
  top: 0;
  right: -20rem;
  content: "";
  height: 100%;
  width: 20rem;
  background: #5F3A8F;
  -webkit-clip-path: polygon(0 0, 0 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 100% 100%, 0% 100%);
  z-index: 2;
}
.health-service .generic .health-service-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: auto;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 1025px) {
  .health-service .generic .health-service-top .redirect-url-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .health-service .generic .health-service-intro {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .health-service .generic .health-service-intro:after {
    width: 0;
    height: 0;
  }
  .health-service .generic .health-service-image {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    height: 240px;
  }
  .health-service .generic .health-service-image img {
    position: static;
  }
}
.health-prevention-service-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem 2rem;
}
.health-prevention-service p {
  color: #6F6F79;
  font-family: "Lato Regular";
  font-size: 20px;
}
.health-prevention-service-button {
  text-align: center;
  cursor: pointer;
  font-family: "Lato Regular";
  text-decoration: none;
  text-transform: none;
  border-radius: 0;
  border: 0;
  padding: 1rem;
  position: relative;
  line-height: 1.6rem;
  height: 48px;
  width: 201px;
  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: #4E2583;
  color: #fff;
  font-size: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;
}
.health-prevention-service-title {
  font-size: 40px;
  line-height: 105%;
  font-weight: bold;
  font-family: "Lato Bold";
  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;
}
.health-prevention-service-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 4px;
  background-color: #4E2583;
}
.health-prevention-service-subtitle {
  font-size: 3.2rem;
  font-family: "Lato Bold";
  position: relative;
}
.health-prevention-service-intro--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.health-prevention-service-intro--content-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 5rem 8rem 5rem 5rem;
  width: 100%;
}
.health-prevention-service-intro--content-image .image-parent {
  position: relative;
}
.health-prevention-service-intro--content-image .image-parent:after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  display: block;
  background-image: url(/public/images/yellow-bars.svg);
  width: 154px;
  height: 101px;
  -webkit-transform: scaleX(-1) rotate(-2deg);
          transform: scaleX(-1) rotate(-2deg);
  top: -2rem;
  right: -3.6rem;
}
.health-prevention-service-intro--content-text {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.health-prevention-service-intro--content-text p {
  max-width: 800px;
}
.health-prevention-service-content {
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.health-prevention-service-content--left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.health-prevention-service-content--right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.health-prevention-service-content--right--image {
  position: absolute;
  height: 43rem;
  width: 45rem;
  left: 5rem;
  background: url("/public/images/3horloges.svg") no-repeat;
  background-size: cover;
  bottom: -11rem;
}
.health-prevention-service-form {
  padding-top: 2rem;
  padding-bottom: 5rem;
  background: #4E2583;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.health-prevention-service-form h2 {
  position: relative;
}
.health-prevention-service-form h2:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: white;
}
.health-prevention-service-form form {
  padding-top: 4rem;
}
.health-prevention-service-form h2, .health-prevention-service-form h3, .health-prevention-service-form p, .health-prevention-service-form label, .health-prevention-service-form div {
  color: white;
}
.health-prevention-service-form .firstname {
  color: #f5cc02;
  line-height: 12px;
  margin-top: 0;
  font-family: "Lato Bold";
  font-size: 18px;
}
.health-prevention-service-form-content {
  max-width: 818px;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.health-prevention-service-form-content .prevention-sante-form {
  max-width: 598px;
  width: 100%;
}
.health-prevention-service-form-content .prevention-sante-form label, .health-prevention-service-form-content .prevention-sante-form input {
  font-family: "Lato Bold";
  font-size: 18px;
}
.health-prevention-service-form-content .prevention-sante-form label.error {
  color: #f5cc02;
}
.health-prevention-service-form-content .prevention-sante-form .control {
  width: 400px;
}
.health-prevention-service-form-content .prevention-sante-form .control.error input {
  border: solid 4px #f5cc02;
}
.health-prevention-service-form-content .prevention-sante-form .control.error div {
  position: absolute;
  color: #f5cc02;
  font-family: "Lato Bold";
}
.health-prevention-service-form-content .prevention-sante-form input {
  height: 60px;
  width: 400px;
}
.health-prevention-service-form-content .prevention-sante-form .fields {
  position: relative;
}
.health-prevention-service-form-content .prevention-sante-form .fields:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 85%;
  left: -8rem;
  top: 0;
  background-color: #f5cc02;
}
.health-prevention-service-form-content .prevention-sante-form .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.health-prevention-service-form-content-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.health-prevention-service-form-content-after {
  border: 4.43px solid #FFFFFF;
  width: 100%;
}
.health-prevention-service-form-content-after p {
  padding: 0.5rem 3.6rem 0.5rem 3.6rem;
  text-indent: 30px;
  font-family: "Lato Regular";
  font-size: 18px;
  line-height: 30px;
}
.health-prevention-service-form-content-after a {
  color: #FFFFFF;
}
.health-prevention-service-form-content-after .success-message {
  width: 100%;
  text-align: center;
}
.health-prevention-service-form-content-after .is-bold {
  font-family: "Lato Bold";
}
.health-prevention-service-form-content .validate-button {
  cursor: pointer;
  border: 0 solid #4E2583;
  background-color: #FFFFFF;
  /* haut | droit | bas | gauche */
  padding: 1.5rem 3.8rem 1.5rem 3.8rem;
  text-transform: uppercase;
  color: #4E2583;
  font-family: "Lato Bold";
  font-size: 15px;
  border-radius: unset;
}
.health-prevention-service-form-content .validate-button:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.health-prevention-service .purplish-bg-parent {
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .health-prevention-service .purplish-bg {
    width: 28%;
    left: 0;
    height: 100%;
    background-color: #7D5CA3;
    position: absolute;
  }
}
.health-prevention-service .prevention-connected-services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.health-prevention-service .prevention-connected-services-first {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.health-prevention-service .prevention-connected-services-first .woman-img {
  margin-top: 50px;
  background-image: url(/public/images/femme1.svg);
  background-repeat: no-repeat;
  background-size: 316px;
  height: 316px;
  width: 345px;
  position: relative;
}
.health-prevention-service .prevention-connected-services-first .woman-img .wording {
  position: absolute;
  bottom: -40px;
  left: 0;
  color: #6F6F79;
  font-family: "Lato Bold";
  font-size: 20px;
}
.health-prevention-service .prevention-connected-services-last {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media only screen and (max-width: 1025px) {
  .health-prevention-service-button {
    margin: auto;
  }
  .health-prevention-service-intro {
    padding: 4rem 2rem;
  }
  .health-prevention-service-intro--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .health-prevention-service-intro--content-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding: 5rem;
  }
  .health-prevention-service-intro--content-image img {
    width: 100%;
  }
  .health-prevention-service-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .health-prevention-service-content--left {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .health-prevention-service-content--right {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: auto;
    height: 13rem;
    z-index: 0;
  }
  .health-prevention-service-content--right--image {
    position: absolute;
    height: 21.5rem;
    width: 23rem;
    left: 5rem;
    background: url("/public/images/3horloges.svg") no-repeat;
    background-size: cover;
    bottom: -8rem;
  }
  .health-prevention-service-form {
    position: relative;
    padding: 4rem 2rem;
  }
  .health-prevention-service-form-content .prevention-sante-form .control {
    width: 100%;
  }
  .health-prevention-service-form-content .prevention-sante-form input {
    height: 60px;
    width: 100%;
  }
  .health-prevention-service-form-content .prevention-sante-form .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .health-prevention-service-form-content-after {
    margin-top: 25px;
  }
  .health-prevention-service .prevention-connected-services {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .health-prevention-service .prevention-connected-services-first {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    height: 260px;
    margin-bottom: 6rem;
  }
  .health-prevention-service .prevention-connected-services-first .woman-img {
    margin-top: 0;
  }
  .health-prevention-service .prevention-connected-services-last {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
@media only screen and (max-width: 480px) {
  .health-prevention-service-subtitle {
    font-size: 24px;
  }
}
section.services__list {
  margin-top: 5rem;
  margin-bottom: 4rem;
}
section.services__list.assistance h1 {
  font-size: 3.2rem;
  padding: 0 0 1rem 0;
  display: inline-block;
  font-family: "Lato 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: "Lato 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-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: #4E2583;
  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: #7D5CA3;
  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";
  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.3rem;
  background-color: #4E2583;
  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 {
  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: #6f6f79;
  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: #6f6f79;
  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;
  }
}
section.services__list .service-feedback {
  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;
  gap: 1em;
  margin-top: 3rem;
}
section.services__list .service-feedback .service-feedback-question {
  color: black;
  font-family: "Lato Regular";
  font-weight: bold;
  font-size: 2rem;
}
section.services__list .service-feedback .service-feedback-button {
  color: white;
  background-color: #4E2583;
  border-radius: 4px;
  width: 136px;
  height: 26px;
  cursor: pointer;
}

.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: #4E2583;
  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-yellish.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-yellish.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;
  line-height: 14px;
  color: #6f6f79;
  text-align: center;
  font-family: "Lato Bold";
  font-size: 1rem;
  text-transform: uppercase;
  position: relative;
  top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 640px) {
  .service-card .title {
    top: 0;
    height: 6.5rem;
    font-size: 1.5rem;
    color: #354B5C;
    line-height: 20px;
  }
}
.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: 15rem;
  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: #6f6f79;
}
@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: #4E2583;
  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: #6f6f79;
  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: "Lato Bold";
  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: #4E2583;
  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: #6f6f79;
  font-family: "Lato 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: #6f6f79;
  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: #354B5C;
  font-family: "Lato Regular";
  cursor: pointer;
  padding: 0 2rem;
}
.services__all-filters-item:hover, .services__all-filters-item.selected {
  background-color: #4E2583;
}
.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: "Lato Regular";
  text-decoration: none;
  color: #354B5C;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.service-card .go-to-all-services {
  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 .go-to-all-services {
    height: 20rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .service-card .go-to-all-services {
    height: 23rem;
  }
}
.service-card .go-to-all-services::after {
  content: url("/public/images/arrow-white.svg");
  position: absolute;
  bottom: 1em;
  right: 1em;
  width: 2em;
  height: 2em;
}

.service-card .go-to-all-services .button {
  font-family: "Lato Regular";
  background-color: #4D2084;
  color: white;
  padding: 1.2em 2.4em;
  text-decoration: none;
  text-align: left;
  width: 100%;
  height: 100%;
  letter-spacing: 0.2em;
}

.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: "Lato 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: #6f6f79;
}
@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: "Lato 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: #6f6f79;
}
@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: "Lato Bold";
  font-size: 2.2rem;
  padding-bottom: 1.5rem;
  color: #6f6f79;
}
@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: #6f6f79;
  -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: #6f6f79;
}
@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: #6f6f79;
  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: "Lato 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: #6f6f79;
  font-family: "Lato 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: #6f6f79;
  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: #6f6f79;
  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: "Lato 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: "Lato 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: "Lato Regular";
  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: "Lato 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: #6f6f79;
  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: 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: 20rem;
  border-radius: 0.3rem;
  margin-bottom: 2rem;
  overflow: hidden;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .template-service .content-body .focal-point-image {
    height: 50rem;
  }
}
.template-service .content-body .focal-point-image img {
  position: absolute;
  max-width: unset;
}
.template-service .template-footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer {
  z-index: 5;
  background-color: #4E2583;
  padding: 3rem 0;
  color: #FFFFFF;
  position: relative;
}
@media only screen and (max-width: 480px) {
  footer {
    height: 30%;
  }
}
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 {
  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: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  footer .wrapper .footer__container .footer__about {
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
footer .wrapper .footer__container .footer__about .footer__about-heading {
  font-family: "Lato 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 {
  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;
  margin: 0;
  font-family: "Titillium Web SemiBold";
  width: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  footer .wrapper .footer__container .footer__about ul {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }
}
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:not(:last-child):after {
  content: "";
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ffffff;
  margin: 0 1rem;
}
@media only screen and (max-width: 480px) {
  footer .wrapper .footer__container .footer__about ul li:nth-child(even):after {
    content: none;
  }
  footer .wrapper .footer__container .footer__about ul li:last-child:before {
    content: "";
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #ffffff;
    margin: 0 1rem;
  }
}
footer .wrapper .footer__container .footer__about ul li a {
  color: #FFFFFF;
  text-decoration: none;
}
footer .wrapper .footer__container .footer__about ul li a:hover {
  color: #f5cc02;
}
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__service .footer__service-button {
  cursor: pointer;
  font-family: "Lato 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: #6f6f79;
  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;
  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: #6f6f79;
  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: #f5cc02;
  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;
}

.topic .content-library__header {
  padding-top: 0;
}
.topic .content-library__header__wrapper {
  width: 80%;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .topic .content-library__header {
    position: relative;
  }
  .topic .content-library__header__wrapper {
    padding-top: 20px;
    background: #FAFAFA;
    min-height: 250px;
  }
  .topic .content-library__header__wrapper.chronicdisease-header-wrapper {
    height: 485px;
  }
  .topic .content-library__header__menu {
    position: relative;
    top: -8rem;
    max-width: 900px;
  }
  .topic .content-library__header__menu-item {
    padding-left: 5px;
    padding-right: 5px;
    color: #354B5C;
    font-size: 17px;
  }
}
.topic .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;
}
@media only screen and (max-width: 1025px) {
  .topic .content-library__content {
    margin-bottom: 0;
  }
}
.topic .content-library__content.handling_stress .content-library__content-title {
  background-image: url("/public/images/category/icon-sanity-handling_stress.svg");
}
.topic .content-library__content.professionnal_and_personnal_stability .content-library__content-title {
  background-image: url("/public/images/category/icon-sanity-professionnal_and_personnal_stability.svg");
}
.topic .content-library__content.weariness .content-library__content-title {
  background-image: url("/public/images/category/icon-sanity-weariness.svg");
}
.topic .content-library__content.support_network .content-library__content-title {
  background-image: url("/public/images/category/icon-sanity-support_network.svg");
}
.topic .content-library__content.illness .content-library__content-title {
  background-image: url("/public/images/category/icon-chronicdisease-illness.svg");
}
.topic .content-library__content.physical_activity .content-library__content-title {
  background-image: url("/public/images/category/icon-chronicdisease-physical_activity.svg");
}
.topic .content-library__content.feeding .content-library__content-title {
  background-image: url("/public/images/category/icon-chronicdisease-feeding.svg");
}
.topic .content-library__content-articles {
  min-width: 100%;
}
@media only screen and (max-width: 1025px) {
  .topic .content-library__content-articles .content__title {
    text-transform: none;
  }
}

.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: #6f6f79;
}
@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";
  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: #6f6f79;
  -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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.article__content {
  width: 100%;
  color: #6f6f79;
  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.max-size-container {
  width: 100%;
}
.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: #6f6f79;
  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: #7D5CA3;
  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.4rem;
  background-color: #7D5CA3;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 9rem;
}
.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;
  text-align: initial;
}
@media print {
  .article__heading {
    font-size: 3rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
  }
}
.article__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.article__category {
  background-color: #7D5CA3;
  color: white;
  text-align: center;
  padding: 0.5rem 2rem 0.5rem 2rem;
  margin-right: 1rem;
}
.article__footer {
  padding: 0 2rem;
}
@media print {
  .article__footer {
    display: none;
  }
}
.article__footer-link {
  color: #6f6f79;
  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__usefulness {
  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: 2.4rem;
  padding-top: 24px;
  margin-bottom: 30px;
  border-top: 2px solid #FAFAFA;
  width: calc(100% - 44rem);
}
@media only screen and (max-width: 1025px) {
  .article__usefulness {
    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: auto;
    width: calc(100% - 4rem);
    padding-bottom: 40px;
    padding-top: 10px;
  }
}
.article__usefulness p {
  text-transform: uppercase;
  font-family: "Lato Regular";
  color: #6f6f79;
  font-size: 16px;
}
@media only screen and (max-width: 1025px) {
  .article__usefulness p {
    text-align: center;
  }
}
.article__usefulness .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;
}
@media only screen and (max-width: 1025px) {
  .article__usefulness .buttons {
    width: 100%;
  }
}
.article__usefulness .buttons button {
  margin: auto;
  width: 68px;
  height: 37px;
  background-color: #FFFFFF;
  border: 2px solid #4D2084;
  cursor: pointer;
  gap: 10px;
  font-family: "Lato Regular";
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.05em;
  text-align: center;
}
@media only screen and (max-width: 1025px) {
  .article__usefulness .buttons button {
    width: 100%;
  }
}
.article__usefulness .buttons button.clicked {
  background-color: #4D2084;
  color: #FFFFFF;
}
.article__usefulness .buttons button:disabled,
.article__usefulness .buttons button[disabled] {
  cursor: default;
}

.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__subheading::before {
  content: "> ";
}

.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;
}

.no-print {
  background-color: #FAFAFA;
}
@media print {
  .no-print {
    display: none !important;
  }
}

.more-articles .next-articles {
  color: #354B5C;
  font-family: "Lato Regular";
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
}
.more-articles .button-back {
  width: 20rem;
  margin: 1rem auto 0;
}
.more-articles .button-back .button {
  background-color: #4E2583;
  color: #fff;
}
.more-articles .button-back .button:hover {
  background-color: #7D5CA3;
  color: #fff;
}
.more-articles .button-back.article-button-back {
  width: 31rem;
  background-color: #4E2583;
}

@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .more-articles {
    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 5rem 8rem 5rem;
  }
  .more-articles .next-articles {
    margin-right: 22rem;
  }
  .more-articles .list-articles {
    padding: 5rem 2rem 5rem 2rem;
  }
  .more-articles .list-articles .wrapper {
    padding: 0;
  }
  .more-articles .list-articles .wrapper .carousel-container {
    padding: 0;
  }
  .more-articles .button-back.article-button-back {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .more-articles {
    padding: 2rem;
  }
}
@media only screen and (max-width: 1025px) {
  .more-articles {
    padding: 2rem;
  }
}
.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: "Lato 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 .packarticle {
  display: inline-block;
  position: relative;
  height: inherit;
}
.packarticles .carousel-container .packarticle__wrapper {
  background-color: #FFFFFF;
  height: 100%;
}
.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(78, 37, 131, 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(78, 37, 131, 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: #f5cc02;
  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: "Lato Bold";
  font-size: 1.9rem;
  color: #302F3C;
  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;
  }
}

.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: "Lato 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: 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: start;
  }
}

.assessment .react-select__control {
  height: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #6f6f79;
  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;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assessment .assessment__row.finished .assessment__help {
    width: 30rem;
    min-height: 15rem;
  }
  .assessment .assessment__row.finished .assessment__help-bubble {
    display: none;
  }
  .assessment .assessment__row.finished .assessment__help-content {
    margin-top: -5rem;
  }
  .assessment .assessment__row.finished .assessment__list {
    width: calc(100% - 30rem);
    min-height: 15rem;
  }
}
.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: "Lato 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: #6f6f79;
  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: #6f6f79;
  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: 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: #6f6f79;
  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 {
  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: #6f6f79;
  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 {
  width: 72%;
  font-family: "Lato Bold";
  font-size: 130%;
  color: #6f6f79;
  position: relative;
  margin-bottom: 2rem;
}
.question__end-assessment .question__completed-thanks:before {
  content: " ";
  position: absolute;
  left: calc(100% + 1rem);
  width: 3rem;
  height: 3rem;
  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: 0;
  top: calc(100% + 1rem);
  position: absolute;
  background-color: #354B5C;
}

.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;
  }
}

.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;
}

@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .popin-close {
    border: 0;
    background: 0 0;
    position: absolute;
    right: 20px;
    top: 20px;
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px;
    z-index: 2;
    cursor: pointer;
  }
  .popin-close:before, .popin-close:after {
    background-color: #080808;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  .popin-close.is-white:before, .popin-close.is-white:after {
    background-color: white;
  }
  .popin-close:before {
    height: 1px;
    width: 80%;
  }
  .popin-close:after {
    height: 80%;
    width: 1px;
  }
}

.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;
  }
}
.popin .popin-button {
  width: auto;
  min-width: 180px;
}

#logindiv {
  display: none;
}

.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-content {
  width: 100%;
  text-align: justify;
  color: #6f6f79;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .services__home .services__home-content {
    padding: 0 0 0 2rem;
  }
}
.services__home .services__home-subheading {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-family: "Titillium Web SemiBold";
  text-align: center;
  color: #6f6f79;
}
@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: "Lato 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: "Lato 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: "Lato 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);
}
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;
}
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.separator {
  width: 8px;
}
.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 .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;
  top: calc(100% - 0.9rem);
  left: 1rem;
  font-size: 1.2rem;
}
.final-registration .border-input {
  border: none;
  border-bottom: 0.2rem solid #CCCCCC;
  border-radius: unset;
  padding: 0.5rem;
  min-width: 80%;
}
.final-registration .spacing {
  padding: 2rem;
}
.final-registration .final-registration__checkbox-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #6f6f79;
  border: 1.8px solid rgba(0, 0, 0, 0.1);
  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-content-separator {
  width: 10%;
}
.final-registration .final-registration__checkbox {
  margin-bottom: 1rem;
  padding: 0 0.25rem;
  cursor: pointer;
  display: none;
}
.final-registration .final-registration__checkbox-content:hover {
  color: #4E2583;
  border-top-color: #f5cc02;
  border-top-width: 0.5rem;
  -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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -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 {
  width: 25%;
}
.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 {
  color: #4E2583;
  border-top-color: #f5cc02;
  border-top-width: 0.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, 0.1);
          box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, 0.1);
}
.final-registration .bold {
  font-weight: bold;
  color: #6f6f79;
}
.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 {
  width: 90%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.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: 100%;
  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;
  height: 8.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;
  text-transform: uppercase;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 5rem;
  margin: 0;
  font-weight: 600;
  font-size: 2rem;
}
.final-registration .form__mat .justify-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@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: 46%;
  }
}
.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 label {
  margin-left: 0.1rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #6B757D;
  position: relative;
  left: 0;
  -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: 10px 5px 10px 10px;
  border: 1.8px solid rgba(0, 0, 0, 0.1);
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Lato Regular";
  color: #4E2583;
  font-weight: bolder;
}
.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: #6f6f79;
}
.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: #f5cc02;
  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__cta {
  display: none;
}
.chat.open .chat__link:before {
  background-image: url("/public/images/icon-reduce-purple.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: 100%;
    width: 100%;
  }
}
.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: hidden;
    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(#4E2583), color-stop(7rem, #4E2583), color-stop(7rem, white), to(white));
  background: linear-gradient(to bottom, #4E2583 0%, #4E2583 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(#7D5CA3), color-stop(18rem, #7D5CA3), color-stop(18rem, white), to(white));
  background: linear-gradient(to bottom, #7D5CA3 0%, #7D5CA3 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(#7D5CA3), color-stop(22rem, #7D5CA3), color-stop(22rem, white), to(white));
    background: linear-gradient(to bottom, #7D5CA3 0%, #7D5CA3 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: #fff;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 24rem;
}
@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-repeat: no-repeat;
  background-image: url("/public/images/brenda.svg");
  height: 12rem;
  width: 9rem;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  background-size: 110%;
}
@media only screen and (min-width: 640px) {
  .chat__popin .chat__content-question:after {
    background-size: auto;
    right: 3rem;
    height: 16rem;
    width: 12rem;
    padding-left: 10rem;
    margin-right: -8rem;
    margin-top: -1rem;
  }
}
.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: #f5cc02;
  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-consulter-faq {
  background-image: url("/public/images/icon-consulter-faq.svg");
}
.chat__popin .chat__content-action-icon.icon-support-pp {
  background-image: url("/public/images/icon-support-pp.png");
}
.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.brenda-conversation {
  position: relative;
}
.chat__popin .chat__help-chat-conversation.brenda-conversation:before {
  content: "";
  position: absolute;
  left: -5rem;
  bottom: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #f4f3f1;
  background-image: url("/public/images/brenda.svg");
  background-size: cover;
}
.chat__popin .chat__help-chat-conversation.brenda-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: #4E2583;
}
.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-purple.svg");
  background-repeat: no-repeat;
}

.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: #4E2583;
  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: #4E2583;
  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: 10%;
  cursor: pointer;
  background-image: url("/public/images/icon-send-purple.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
@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: 33%;
  background-image: url("/public/images/icon-edit-purple.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.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;
    height: 67rem;
  }
}
.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 {
  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;
    width: 74rem;
  }
}
.LoginProcessor-sidePanel {
  background-color: #4E2583;
  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: 40rem;
  }
}
.LoginProcessor-sidePanel .title {
  margin: 1rem;
  text-align: center;
  color: white;
  font-size: 4rem;
  font-weight: 600;
  line-height: 20rem;
  top: 4rem;
  position: absolute;
}
.LoginProcessor-sidePanel .title:after {
  content: "";
  width: 8.4rem;
  height: 0.4rem;
  position: absolute;
  left: calc(50% - 4.2rem);
  top: calc(80%);
  background-color: #f5cc02;
}
.LoginProcessor-sidePanel .text {
  margin-left: 4rem;
  margin-right: 4rem;
  margin-top: 1rem;
  text-align: center;
  color: white;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2rem;
}
.LoginProcessor-sidePanel .bold {
  font-weight: 600;
}
.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: #6f6f79;
}
.LoginProcessor-sidePanel img.logo {
  position: absolute;
  height: 4.5rem;
  bottom: 5%;
  right: 2%;
}

.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: "Lato 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: "Lato 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: #6f6f79;
  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: #6f6f79;
  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;
  background-color: #fff;
  color: #4E2583;
  border: 2px solid #4E2583;
  margin: 0;
}
.modal__box-buttons-primary {
  background-color: #4E2583;
  border: 2px solid #4E2583;
  color: #fff;
  width: 30%;
  min-width: 10rem;
  margin: 1rem;
}
.modal__box-buttons-primary:hover {
  border: 2px solid #7D5CA3;
  color: #fff;
}
.modal__box-buttons-secondary {
  background-color: #fff;
  color: #4E2583;
  border: 2px solid #4E2583;
  width: 25%;
  min-width: 10rem;
  margin: 1rem;
}
.modal__box-buttons-secondary:hover {
  border: 2px solid #7D5CA3;
  color: #7D5CA3;
  background-color: #fff;
}
.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: #6f6f79;
  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: #6f6f79;
  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);
}
@-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 .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 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: "Lato 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: #6f6f79;
  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: #6f6f79;
  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: "Lato 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 .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;
  background-color: white;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 23rem;
  width: 23rem;
  cursor: pointer;
  border-top: 3px solid;
  border-color: #4E2583;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  -webkit-box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, 0.1);
          box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, 0.1);
}
.family-content .user-card .title {
  position: relative;
  font-size: 3rem;
  line-height: 2rem;
  color: #4E2583;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
}
.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: "Lato 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: #f5cc02;
    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: 75%;
  height: 75%;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.family-content .user-card:hover {
  margin-top: 1rem;
  border-color: #f5cc02;
  margin-bottom: 2rem;
  color: #f5cc02;
}
.family-content .user-card:hover .title {
  color: #f5cc02;
}
.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-content .family-link-background {
  position: absolute;
  background: #4E2583;
  width: 100%;
  height: 40%;
  bottom: 0;
}

.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;
}
.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: #4E2583;
  font-size: 4rem;
  font-weight: bold;
  line-height: 5rem;
  text-align: center;
  letter-spacing: 0.2rem;
  position: relative;
  margin-bottom: 2.5rem;
}
.family-modal__header-title:after {
  content: "";
  width: 9rem;
  height: 0.4rem;
  position: absolute;
  background-color: #4E2583;
  top: 5.9rem;
  left: calc(50% - 4.5rem);
}
.family-modal__header-text {
  color: #4E2583;
  position: relative;
  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.1rem;
  font-weight: bolder;
  margin-bottom: 1.3rem;
}
@media only screen and (min-width: 640px) {
  .family-modal__header-text {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
  }
}
.family-modal__header-small-lines {
  color: #6f6f79;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bolder;
  opacity: 0.8;
}
@media only screen and (min-width: 640px) {
  .family-modal__header-small-lines {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
  }
}
.family-modal__header img.logo {
  position: relative;
  height: 6rem;
  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;
    color: #4E2583;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .family-modal__header img.logo {
    position: relative;
    left: 0.8rem;
    height: 6rem;
    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 {
  padding-left: 1rem;
  padding-right: 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;
  width: 100%;
  background: #4E2583;
  text-align: center;
}
.family-modal__footer-text {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: white;
}
@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 {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #cccccc;
  background-color: #F4F3F1;
  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:hover {
  background-color: #ddd;
}
.tab button.active {
  background-color: #FFFFFF;
  border-bottom: 1px solid #FD5252;
}

fieldset {
  border: 1px solid #86939D;
}

.tabcontent {
  background-color: #FFFFFF;
  display: none;
  width: 100%;
  margin-bottom: 5rem;
  margin-top: 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_birth_date {
  width: 254px !important;
  min-width: 15% !important;
}

.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: right;
    width: 16rem;
  }
}

.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.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: #6f6f79;
  font-size: 1.8rem;
  font-style: italic;
}

.myspace__security-subtitle {
  color: #404F5A;
  margin-bottom: 5px;
  font-family: "Lato 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-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;
  }
}

@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-subtitle {
  margin: 0 0 1rem 0;
}

.otp-description {
  margin: 0;
}

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

.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: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;
  margin-top: 20px;
  background-color: #fff;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  border: 1px solid #86939D;
  border-radius: 10px;
}
.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: "Lato 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: #6f6f79;
}
@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 (max-width: 1025px) {
  .authent__content-mobile {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@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: 0 !important;
  background-color: #4E2583;
  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: #7D5CA3;
}

.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;
}

.myspace_user_name {
  color: #6f6f79;
  font-size: 2.6rem;
  margin-bottom: 1.5rem;
}

.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;
  }
}

.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-yellish.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: #6f6f79;
}
@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: #6f6f79;
  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: #6f6f79;
  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: #6f6f79;
  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: #6f6f79;
  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: #6f6f79;
  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: "Lato Regular";
  font-size: 1.92rem;
  font-weight: normal;
  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: "Lato 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: "Lato 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: "Lato 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: "Lato 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: "Lato 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: "Lato 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;
}

@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";
  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-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  color: #4E2583;
  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: #4E2583;
}
.content-library__header-intro {
  color: #6f6f79;
  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;
}
@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: #6f6f79;
  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 60%;
}
@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);
  background-position-y: 0%;
  padding-top: 10rem;
  color: #6f6f79;
}
@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: #4E2583;
  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 {
  font-family: "Lato Bold";
  background-color: white;
  padding-left: 11.3rem;
  padding-right: 3.3rem;
  color: #7D5CA3;
  font-size: 32px;
  font-weight: bold;
  line-height: 8rem;
  margin-bottom: 3rem;
  background-repeat: no-repeat;
  background-size: auto 8rem;
  background-position-y: 50%;
  background-position-x: 2rem;
}
.content-library__content-title:before {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 4.5rem;
  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;
  -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: #4E2583;
  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: #7D5CA3;
  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 {
  color: #354B5C;
  font-family: "Lato Bold";
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.content-library__content-article .content__intro {
  font-size: 15px;
  margin-top: 2rem;
  color: #6B757D;
  max-height: 18rem;
}
.content-library__content-article .content__intro:hover {
  color: #6B757D;
}
@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: #4E2583;
  position: relative;
}
section.all-guide-articles.content {
  padding-bottom: 7.5rem;
  padding-top: 6rem;
}

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;
  color: #FFFFFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 3.2rem;
  line-height: 5rem;
  font-family: "Lato Bold";
  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.3rem;
  background-color: #FFFFFF;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10rem;
}

section.all-guide-articles .button-more {
  height: 48px;
  width: 245px;
  border: 0 solid #4E2583;
  margin: 3.6rem auto 0;
}
section.all-guide-articles .button-more .button {
  font-family: "Lato Regular";
  font-size: 15px;
}
section.all-guide-articles .button-more .button:hover {
  color: white;
  background: #4E2583;
  border-color: white;
}

section.all-guide-articles .button {
  background-color: #fff;
  border: 1px solid #4E2583;
  color: #4E2583;
  font-size: 15px;
}

.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: #6f6f79;
  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: #6f6f79;
  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;
  }
}

.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;
  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";
  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: #6f6f79;
  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: 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: #6f6f79;
}
.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: #6f6f79;
}
.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);
  }
}

.sanity__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;
}
.sanity__eval-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  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;
}
.sanity__eval-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #4E2583;
}

.sanity__expert {
  padding: 2rem 0 0;
  margin-bottom: 6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__expert {
    padding: 3rem 0 0;
  }
}
.sanity__expert .wrapper {
  max-width: 1800px;
}
.sanity__expert-button {
  background-color: #fff;
  color: #4E2583;
  border: 2px solid #4E2583;
  margin: 0;
}
.sanity__expert-button:hover {
  border: 2px solid #7D5CA3;
  color: #7D5CA3;
  color: #FFFFFF;
}
.sanity__expert__row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sanity__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) {
  .sanity__expert__help {
    min-height: 30rem;
    padding: 0 1rem;
    margin-top: 2rem;
    border-bottom: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.sanity__expert__help-content {
  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) {
  .sanity__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;
  }
}
.sanity__expert__help-character {
  background-image: url("/public/images/homme1.svg");
  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) {
  .sanity__expert__help-character {
    background-size: 19rem;
    margin-bottom: -14rem;
    height: 23rem;
    width: 20rem;
  }
}
.sanity__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) {
  .sanity__expert__form {
    width: 50%;
    min-height: 30rem;
    padding: 0 6rem;
  }
}
.sanity__expert__form > p {
  margin: 0.5rem 0;
  color: #6F6F79;
  font-size: 20px;
  line-height: 24px;
}
.sanity__expert__form > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2rem;
}
@media only screen and (max-width: 1025px) {
  .sanity__expert__form > div {
    -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;
  }
  .sanity__expert__form > div .button {
    width: 70%;
  }
  .sanity__expert__form > div .button.button-question2-left {
    margin-top: 2rem;
  }
}
.sanity__expert .button-phonecall-left {
  width: 200px;
  padding: 20px;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__expert .button-phonecall-left {
    margin-right: 2rem;
  }
}
.sanity__expert .button-phonecall-left:before {
  width: 1.6rem;
  height: 1.6rem;
}
.sanity__expert .button-question2-left {
  width: 200px;
  padding: 18px;
}
.sanity__expert .button-question2-left:before {
  width: 1.6rem;
  height: 1.6rem;
}
.sanity__expert .button-question2-left:hover span {
  position: relative;
}
.sanity__expert .button-question2-left:hover span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-question-2-purple-light.svg");
}

.onboarding-sanity .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-sanity .onboarding__popin__content-step:nth-child(2):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-sanity .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-sanity .onboarding__popin__content-step:nth-child(2):after {
    top: 10rem;
    right: -7rem;
    width: 27.5rem;
    height: 15.3rem;
  }
}
.onboarding-sanity .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-sanity .onboarding__popin__content-step:nth-child(3):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-sanity .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-sanity .onboarding__popin__content-step:nth-child(3):after {
    top: -1rem;
    right: 7rem;
    width: 14.4rem;
    height: 17.4rem;
  }
}
.onboarding-sanity .onboarding__popin__content-avatar {
  background-image: none;
}
.onboarding-sanity .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-sanity .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-sanity .onboarding__popin__content-avatar:after {
    background-size: 21rem;
  }
}

.sanity__testimonials {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  background: #FAFAFA;
}
.sanity__testimonials--wrapper {
  position: relative;
}
.sanity__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: 3.2rem;
  line-height: 2.8rem;
  font-family: "Lato Bold";
  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) {
  .sanity__testimonials h1 {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__testimonials .purplish-bg {
    width: 100%;
    height: calc(100% + 8rem);
    background-color: #7D5CA3;
    position: absolute;
    top: -4rem;
    left: 70%;
  }
}
.sanity__testimonials .testimonials {
  margin: 4rem auto;
  padding: 0;
}
@supports (-ms-flow-from: thingy) {
  .sanity__testimonials .testimonials {
    height: 45rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__testimonials .testimonials-image {
    float: right;
    width: 50%;
    padding: 0.5rem;
  }
}
.sanity__testimonials .testimonials-content {
  color: #6F6F79;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__testimonials .testimonials-content {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.sanity__testimonials .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: #4E2583;
  letter-spacing: 0.1rem;
  line-height: 2rem;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__testimonials .testimonials-link {
    font-size: 1.92rem;
  }
}
.sanity__testimonials .testimonials-link::before {
  content: "";
  position: absolute;
  height: 0.1rem;
  background-color: #4E2583;
  bottom: 0;
  left: 0rem;
  margin: 0.2rem auto;
  width: 7.7rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__testimonials .testimonials-link::before {
    width: 9.3rem;
  }
}
.sanity__testimonials .testimonials-link.more-link::before {
  width: 6.2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__testimonials .testimonials-link.more-link::before {
    width: 8.1rem;
  }
}
.sanity__testimonials .testimonials-container {
  position: relative;
  border-radius: 0.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__testimonials .testimonials-container {
    padding: 2.5rem 1rem;
  }
  .sanity__testimonials .testimonials-container::before {
    position: absolute;
    content: "";
    left: 0.5rem;
    background-image: url("/public/images/icon-quote.svg");
    background-repeat: no-repeat;
    opacity: 1;
    width: 5rem;
    height: 5rem;
    top: 0.5rem;
  }
  .sanity__testimonials .testimonials-container::after {
    position: absolute;
    content: "";
    right: 0rem;
    background-image: url("/public/images/icon-quote.svg");
    background-repeat: no-repeat;
    opacity: 1;
    width: 5rem;
    height: 5rem;
    bottom: 2.5rem;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__testimonials .testimonials-container-ellipsis {
    width: 50%;
    padding-right: 0;
  }
}
.sanity__testimonials .testimonials-container-ellipsis .testimonials-content {
  height: 27rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sanity__testimonials .testimonials-carousel-container .testimonial-carousel-control-next {
  background: url("/public/images/slider-next-white.svg") no-repeat 1.9rem 50% !important;
  border-color: white !important;
  background-size: 1.4rem !important;
}

.sanity-articles .wrapper {
  padding: 5rem 2rem 0 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity-articles .carousel-container {
    padding: 0 0 0 1rem;
  }
}
.sanity-articles .carousel-container .carousel-control {
  border: solid 1px #7D5CA3;
  color: #4E2583;
}
.sanity-articles .carousel-container .carousel-control-prev {
  background: url("/public/images/slider-prev-purple.svg") no-repeat 1.6rem 50%;
  color: #4E2583;
  background-size: 1.4rem;
  left: -6rem;
}
.sanity-articles .carousel-container .carousel-control-next {
  background: url("/public/images/slider-next-purple.svg") no-repeat 1.9rem 50%;
  color: #4E2583;
  background-size: 1.4rem;
  right: -8rem;
}

@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .sanity__assistance .assistance__bandeau__coach-avatar {
    width: 16rem;
  }
  .sanity__assistance .assistance__bandeau__coach-blabla {
    right: 4.5rem;
  }
}
@media only screen and (max-width: 1025px) {
  .sanity__assistance .assistance__bandeau__coach-avatar {
    width: 16rem;
  }
  .sanity__assistance .assistance__bandeau__coach-blabla {
    right: 4.5rem;
  }
}
.chronicdisease__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;
}
.chronicdisease__eval-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  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;
}
.chronicdisease__eval-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #4E2583;
}

.chronicdisease__expert {
  padding: 2rem 0 0;
  margin-bottom: 6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdisease__expert {
    padding: 3rem 0 0;
  }
}
.chronicdisease__expert .wrapper {
  max-width: 1800px;
}
.chronicdisease__expert-button {
  background-color: #fff;
  color: #4E2583;
  border: 2px solid #4E2583;
  margin: 0;
}
.chronicdisease__expert-button:hover {
  border: 2px solid #7D5CA3;
  color: #7D5CA3;
  color: #FFFFFF;
}
.chronicdisease__expert__row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chronicdisease__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) {
  .chronicdisease__expert__help {
    min-height: 30rem;
    padding: 0 1rem;
    margin-top: 2rem;
    border-bottom: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.chronicdisease__expert__help-content {
  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) {
  .chronicdisease__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;
  }
}
.chronicdisease__expert__help-character {
  background-image: url("/public/images/femme1.svg");
  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) {
  .chronicdisease__expert__help-character {
    background-size: 19rem;
    margin-bottom: -14rem;
    height: 23rem;
    width: 20rem;
  }
}
.chronicdisease__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) {
  .chronicdisease__expert__form {
    width: 50%;
    min-height: 30rem;
    padding: 0 6rem;
  }
}
.chronicdisease__expert__form > p {
  margin: 0.5rem 0;
  color: #6F6F79;
  font-size: 20px;
  line-height: 24px;
}
.chronicdisease__expert__form > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2rem;
}
@media only screen and (max-width: 1025px) {
  .chronicdisease__expert__form > div {
    -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;
  }
  .chronicdisease__expert__form > div .button {
    width: 70%;
  }
  .chronicdisease__expert__form > div .button.button-question2-left {
    margin-top: 2rem;
  }
}
.chronicdisease__expert .button-phonecall-left {
  width: 200px;
  padding: 20px;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdisease__expert .button-phonecall-left {
    margin-right: 2rem;
  }
}
.chronicdisease__expert .button-phonecall-left:before {
  width: 1.6rem;
  height: 1.6rem;
}
.chronicdisease__expert .button-question2-left {
  width: 200px;
  padding: 18px;
}
.chronicdisease__expert .button-question2-left:before {
  width: 1.6rem;
  height: 1.6rem;
}
.chronicdisease__expert .button-question2-left:hover span {
  position: relative;
}
.chronicdisease__expert .button-question2-left:hover span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-question-2-purple-light.svg");
}

.onboarding-chronicdisease .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-chronicdisease .onboarding__popin__content-step:nth-child(2):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-chronicdisease .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-chronicdisease .onboarding__popin__content-step:nth-child(2):after {
    top: 10rem;
    right: -7rem;
    width: 27.5rem;
    height: 15.3rem;
  }
}
.onboarding-chronicdisease .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-chronicdisease .onboarding__popin__content-step:nth-child(3):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-chronicdisease .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-chronicdisease .onboarding__popin__content-step:nth-child(3):after {
    top: -1rem;
    right: 7rem;
    width: 14.4rem;
    height: 17.4rem;
  }
}
.onboarding-chronicdisease .onboarding__popin__content-avatar {
  background-image: none;
}
.onboarding-chronicdisease .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-chronicdisease .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-chronicdisease .onboarding__popin__content-avatar:after {
    background-size: 21rem;
  }
}

.chronicdisease__testimonials {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  background: #FAFAFA;
}
.chronicdisease__testimonials--wrapper {
  position: relative;
}
.chronicdisease__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: 3.2rem;
  line-height: 2.8rem;
  font-family: "Lato Bold";
  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) {
  .chronicdisease__testimonials h1 {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdisease__testimonials .purplish-bg {
    width: 100%;
    height: calc(100% + 8rem);
    background-color: #7D5CA3;
    position: absolute;
    top: -4rem;
    left: 70%;
  }
}
.chronicdisease__testimonials .testimonials {
  margin: 2rem auto;
  padding: 0;
}
@supports (-ms-flow-from: thingy) {
  .chronicdisease__testimonials .testimonials {
    height: 45rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdisease__testimonials .testimonials-image {
    float: right;
    width: 50%;
    padding: 0.5rem;
  }
}
.chronicdisease__testimonials .testimonials-content {
  color: #6F6F79;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdisease__testimonials .testimonials-content {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.chronicdisease__testimonials .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: #4E2583;
  letter-spacing: 0.1rem;
  line-height: 2rem;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdisease__testimonials .testimonials-link {
    font-size: 1.92rem;
  }
}
.chronicdisease__testimonials .testimonials-link::before {
  content: "";
  position: absolute;
  height: 0.1rem;
  background-color: #4E2583;
  bottom: 0;
  left: 0rem;
  margin: 0.2rem auto;
  width: 7.7rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdisease__testimonials .testimonials-link::before {
    width: 9.3rem;
  }
}
.chronicdisease__testimonials .testimonials-link.more-link::before {
  width: 6.2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdisease__testimonials .testimonials-link.more-link::before {
    width: 8.1rem;
  }
}
.chronicdisease__testimonials .testimonials-container {
  position: relative;
  border-radius: 0.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdisease__testimonials .testimonials-container {
    padding: 2.5rem 1rem;
  }
  .chronicdisease__testimonials .testimonials-container::before {
    position: absolute;
    content: "";
    left: 0.5rem;
    background-image: url("/public/images/icon-quote.svg");
    background-repeat: no-repeat;
    opacity: 1;
    width: 5rem;
    height: 5rem;
    top: 0.5rem;
  }
  .chronicdisease__testimonials .testimonials-container::after {
    position: absolute;
    content: "";
    right: 0rem;
    background-image: url("/public/images/icon-quote.svg");
    background-repeat: no-repeat;
    opacity: 1;
    width: 5rem;
    height: 5rem;
    bottom: 2.5rem;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdisease__testimonials .testimonials-container-ellipsis {
    width: 50%;
    padding-right: 0;
  }
}
.chronicdisease__testimonials .testimonials-container-ellipsis .testimonials-content {
  height: 27rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chronicdisease__testimonials .testimonials-carousel-container .testimonial-carousel-control-next {
  background: url("/public/images/slider-next-white.svg") no-repeat 1.9rem 50% !important;
  border-color: white !important;
  background-size: 1.4rem !important;
}

.all-guide-articles .wrapper .slight-margin {
  margin: 0 0 1rem 0;
}

.pathology {
  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: 5rem;
}
.pathology-link {
  color: #4E2583;
  font-size: 15px;
  font-weight: bold;
}
.pathology-link:hover, .pathology-link.active {
  color: #f5cc02;
}
.pathology.is-white .pathology-list--item:not(:last-child):after {
  color: #FFFFFF;
}
.pathology.is-white .pathology-list--item--content {
  color: #FFFFFF;
  position: relative;
}
.pathology.is-white .pathology-list--item--content:hover, .pathology.is-white .pathology-list--item--content.active {
  color: #f5cc02;
}
.pathology.is-white .pathology-link {
  cursor: pointer;
  padding: 1rem 0 0 0;
  color: #FFFFFF;
}
.pathology.is-white .pathology-link:hover, .pathology.is-white .pathology-link.active {
  color: #f5cc02;
}
.pathology-list {
  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;
  width: 100%;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pathology-list--item {
  padding: 0 3rem 0 3rem;
  cursor: pointer;
  position: relative;
  list-style: none;
}
.pathology-list--item:not(:first-child) {
  margin-left: 4rem;
}
.pathology-list--item:not(:last-child):after {
  content: "|";
  color: #4E2583;
  position: absolute;
  right: -2rem;
  bottom: 0;
}
.pathology-list--item.other {
  height: 9rem;
  bottom: -2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 2rem;
}
.pathology-list--item--content {
  position: relative;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  background-size: 7rem;
  padding-top: 9rem;
  font-size: 15px;
  font-weight: bold;
  color: #4E2583;
}
.pathology-list--item--content.other {
  color: white;
  width: 14rem;
  padding-top: 2rem;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background-color: #4E2583;
}
.pathology-list--item--content:hover {
  color: #f5cc02;
}
.pathology-list--item--content:hover:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -6px;
  background-color: #f5cc02;
}
.pathology-list--item--content.active {
  color: #f5cc02;
}

.chronicdiseases-articles .wrapper {
  padding: 5rem 2rem 0 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .chronicdiseases-articles .carousel-container {
    padding: 0 0 0 1rem;
  }
}
.chronicdiseases-articles .carousel-container .carousel-control {
  border: solid 1px #7D5CA3;
}
.chronicdiseases-articles .carousel-container .carousel-control-prev {
  background: url("/public/images/slider-prev-purple.svg") no-repeat 1.6rem 50%;
  color: #4E2583;
  background-size: 1.4rem;
  left: -6rem;
}
.chronicdiseases-articles .carousel-container .carousel-control-next {
  background: url("/public/images/slider-next-purple.svg") no-repeat 1.9rem 50%;
  color: #4E2583;
  background-size: 1.4rem;
  right: -8rem;
}

.healthimprovment__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;
}
.healthimprovment__eval-title {
  font-size: 3.2rem;
  line-height: 105%;
  font-weight: bold;
  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;
}
.healthimprovment__eval-title:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: calc(50% - 5rem);
  width: 10rem;
  height: 0.3rem;
  background-color: #4E2583;
}

.healthimprovment__expert {
  padding: 2rem 0 0;
  margin-bottom: 6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__expert {
    padding: 3rem 0 0;
  }
}
.healthimprovment__expert .wrapper {
  max-width: 1800px;
}
.healthimprovment__expert-button {
  background-color: #fff;
  color: #4E2583;
  border: 2px solid #4E2583;
  margin: 0;
}
.healthimprovment__expert-button:hover {
  border: 2px solid #7D5CA3;
  color: #7D5CA3;
  color: #FFFFFF;
}
.healthimprovment__expert__row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.healthimprovment__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) {
  .healthimprovment__expert__help {
    min-height: 30rem;
    padding: 0 1rem;
    margin-top: 2rem;
    border-bottom: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.healthimprovment__expert__help-content {
  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) {
  .healthimprovment__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;
  }
}
.healthimprovment__expert__help-character {
  background-image: url("/public/images/trefle1.svg");
  background-repeat: no-repeat;
  background-size: 20rem;
  min-width: 20rem;
  min-height: 19rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__expert__help-character {
    background-size: 28rem;
    margin-bottom: -14rem;
    height: 28rem;
    width: 28rem;
  }
}
.healthimprovment__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;
}
.healthimprovment__expert__form--bold {
  font-family: "Lato Bold";
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__expert__form {
    width: 50%;
    min-height: 30rem;
    padding: 0 6rem;
  }
}
.healthimprovment__expert__form > p {
  margin: 0.5rem 0;
  color: #6F6F79;
  font-size: 20px;
  line-height: 24px;
}
.healthimprovment__expert__form > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2rem;
}
@media only screen and (max-width: 1025px) {
  .healthimprovment__expert__form > div {
    -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;
  }
  .healthimprovment__expert__form > div .button {
    width: 70%;
  }
  .healthimprovment__expert__form > div .button-right {
    margin-top: 2rem;
  }
}
.healthimprovment__expert .button-phonecall-left {
  width: 200px;
  padding: 20px;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__expert .button-phonecall-left {
    margin-right: 2rem;
  }
}
.healthimprovment__expert .button-phonecall-left:before {
  width: 1.6rem;
  height: 1.6rem;
}
.healthimprovment__expert .button-question2-left {
  width: 200px;
  padding: 18px;
}
.healthimprovment__expert .button-question2-left:before {
  width: 1.6rem;
  height: 1.6rem;
}
.healthimprovment__expert .button-question2-left:hover span {
  position: relative;
}
.healthimprovment__expert .button-question2-left:hover span:before {
  content: "";
  position: absolute;
  left: -40px;
  width: 16px;
  height: 16px;
  top: 50%;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5rem;
  background-image: url("/public/images/icon-question-2-purple-light.svg");
}
.healthimprovment__expert .button {
  width: auto;
  padding: 20px;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__expert .button {
    margin-right: 2rem;
  }
}

.onboarding-healthimprovment .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-healthimprovment .onboarding__popin__content-step:nth-child(2):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-healthimprovment .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-healthimprovment .onboarding__popin__content-step:nth-child(2):after {
    top: 10rem;
    right: -7rem;
    width: 27.5rem;
    height: 15.3rem;
  }
}
.onboarding-healthimprovment .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-healthimprovment .onboarding__popin__content-step:nth-child(3):before {
    left: 3.6rem;
    width: 20.3rem;
    height: 15.3rem;
  }
}
.onboarding-healthimprovment .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-healthimprovment .onboarding__popin__content-step:nth-child(3):after {
    top: -1rem;
    right: 7rem;
    width: 14.4rem;
    height: 17.4rem;
  }
}
.onboarding-healthimprovment .onboarding__popin__content-avatar {
  background-image: none;
}
.onboarding-healthimprovment .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-healthimprovment .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-healthimprovment .onboarding__popin__content-avatar:after {
    background-size: 21rem;
  }
}

.healthimprovment__testimonials {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.healthimprovment__testimonials--wrapper {
  position: relative;
}
.healthimprovment__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: 3.2rem;
  line-height: 2.8rem;
  font-family: "Lato Bold";
  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) {
  .healthimprovment__testimonials h1 {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__testimonials .purplish-bg {
    width: 100%;
    height: calc(100% + 8rem);
    background-color: #7D5CA3;
    position: absolute;
    top: -4rem;
    left: 70%;
  }
}
.healthimprovment__testimonials .testimonials {
  margin: 2rem auto;
  padding: 0;
}
@supports (-ms-flow-from: thingy) {
  .healthimprovment__testimonials .testimonials {
    height: 45rem;
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__testimonials .testimonials-image {
    float: right;
    width: 50%;
    padding: 0.5rem;
  }
}
.healthimprovment__testimonials .testimonials-content {
  color: #6F6F79;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__testimonials .testimonials-content {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.healthimprovment__testimonials .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: #4E2583;
  letter-spacing: 0.1rem;
  line-height: 2rem;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__testimonials .testimonials-link {
    font-size: 1.92rem;
  }
}
.healthimprovment__testimonials .testimonials-link::before {
  content: "";
  position: absolute;
  height: 0.1rem;
  background-color: #4E2583;
  bottom: 0;
  left: 0rem;
  margin: 0.2rem auto;
  width: 7.7rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__testimonials .testimonials-link::before {
    width: 9.3rem;
  }
}
.healthimprovment__testimonials .testimonials-link.more-link::before {
  width: 6.2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__testimonials .testimonials-link.more-link::before {
    width: 8.1rem;
  }
}
.healthimprovment__testimonials .testimonials-container {
  position: relative;
  border-radius: 0.5rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__testimonials .testimonials-container {
    padding: 2.5rem 1rem;
  }
  .healthimprovment__testimonials .testimonials-container::before {
    position: absolute;
    content: "";
    left: 0.5rem;
    background-image: url("/public/images/icon-quote.svg");
    background-repeat: no-repeat;
    opacity: 1;
    width: 5rem;
    height: 5rem;
    top: 0.5rem;
  }
  .healthimprovment__testimonials .testimonials-container::after {
    position: absolute;
    content: "";
    right: 0rem;
    background-image: url("/public/images/icon-quote.svg");
    background-repeat: no-repeat;
    opacity: 1;
    width: 5rem;
    height: 5rem;
    bottom: 2.5rem;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__testimonials .testimonials-container-ellipsis {
    width: 50%;
    padding-right: 0;
  }
}
.healthimprovment__testimonials .testimonials-container-ellipsis .testimonials-content {
  height: 27rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.healthimprovment__testimonials .testimonials-carousel-container .testimonial-carousel-control-next {
  background: url("/public/images/slider-next-white.svg") no-repeat 1.9rem 50% !important;
  border-color: white !important;
  background-size: 1.4rem !important;
}

.healthimprovment-articles .wrapper {
  padding: 5rem 2rem 0 0;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment-articles .carousel-container {
    padding: 0 0 0 1rem;
  }
}
.healthimprovment-articles .carousel-container .carousel-control {
  border: solid 1px #7D5CA3;
  color: #4E2583;
}
.healthimprovment-articles .carousel-container .carousel-control-prev {
  background: url("/public/images/slider-prev-purple.svg") no-repeat 1.6rem 50%;
  color: #4E2583;
  background-size: 1.4rem;
  left: -6rem;
}
.healthimprovment-articles .carousel-container .carousel-control-next {
  background: url("/public/images/slider-next-purple.svg") no-repeat 1.9rem 50%;
  color: #4E2583;
  background-size: 1.4rem;
  right: -8rem;
}

@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .healthimprovment__assistance .assistance__bandeau__coach-avatar {
    width: 18rem;
  }
  .healthimprovment__assistance .assistance__bandeau__coach-blabla {
    right: 6rem;
  }
}
@media only screen and (max-width: 1025px) {
  .healthimprovment__assistance .assistance__bandeau__coach-avatar {
    width: 18rem;
  }
  .healthimprovment__assistance .assistance__bandeau__coach-blabla {
    right: 6rem;
  }
}
.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: #6f6f79;
  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-faq.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: #6f6f79;
  font-size: 26px;
  margin-bottom: 1rem;
  text-align: center;
}
.faq__content__webcallback-button {
  width: auto;
  margin-top: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.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;
  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: #6f6f79;
}
.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 .tooltip-input ~ .tooltip-input-content,
.not-connected-services .tooltip-input ~ .tooltip-input-content {
  visibility: hidden;
  max-width: 100%;
  background-color: #354B5C;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 0.8rem;
  position: absolute;
  z-index: 2;
  top: auto;
  bottom: 5rem;
  font-size: 1.4rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .tooltip-input ~ .tooltip-input-content,
.not-connected-services .tooltip-input ~ .tooltip-input-content {
    width: 30rem;
    max-width: unset;
    bottom: auto;
    top: 5.7rem;
    right: 0;
  }
}
.landing-direct .tooltip-input ~ .tooltip-input-content::after,
.not-connected-services .tooltip-input ~ .tooltip-input-content::after {
  content: " ";
  position: absolute;
  bottom: auto;
  top: 100%;
  right: 50%;
  border-width: 5px;
  border-style: solid;
  border-color: #354B5C transparent transparent transparent;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .landing-direct .tooltip-input ~ .tooltip-input-content::after,
.not-connected-services .tooltip-input ~ .tooltip-input-content::after {
    border-color: transparent transparent #354B5C transparent;
    top: auto;
    bottom: 100%;
    right: 10rem;
  }
}
.landing-direct .tooltip-input:hover ~ .tooltip-input-content, .landing-direct .tooltip-input:focus ~ .tooltip-input-content,
.not-connected-services .tooltip-input:hover ~ .tooltip-input-content,
.not-connected-services .tooltip-input:focus ~ .tooltip-input-content {
  visibility: visible;
}
.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__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: #6f6f79;
  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: #6f6f79;
  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: #6f6f79;
}
.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: #6f6f79;
  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;
}
@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 .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: "Lato 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=text]:focus, .landing-direct .form input[type=tel]:focus, .landing-direct .form input[type=email]:focus, .landing-direct .form #dateOfBirth input:focus,
.not-connected-services .form input[type=password]:focus,
.not-connected-services .form input[type=text]:focus,
.not-connected-services .form input[type=tel]:focus,
.not-connected-services .form input[type=email]:focus,
.not-connected-services .form #dateOfBirth input:focus {
  outline: none;
}
.landing-direct .form input[type=password]:focus ~ .infobulle, .landing-direct .form input[type=text]:focus ~ .infobulle, .landing-direct .form input[type=tel]:focus ~ .infobulle, .landing-direct .form input[type=email]:focus ~ .infobulle, .landing-direct .form #dateOfBirth input:focus ~ .infobulle,
.not-connected-services .form input[type=password]:focus ~ .infobulle,
.not-connected-services .form input[type=text]:focus ~ .infobulle,
.not-connected-services .form input[type=tel]:focus ~ .infobulle,
.not-connected-services .form input[type=email]:focus ~ .infobulle,
.not-connected-services .form #dateOfBirth input:focus ~ .infobulle {
  display: inline-block;
}
.landing-direct .form input[type=password]:focus + label, .landing-direct .form input[type=text]:focus + label, .landing-direct .form input[type=tel]:focus + label, .landing-direct .form input[type=email]:focus + label, .landing-direct .form #dateOfBirth input:focus + label,
.not-connected-services .form input[type=password]:focus + label,
.not-connected-services .form input[type=text]:focus + label,
.not-connected-services .form input[type=tel]:focus + label,
.not-connected-services .form input[type=email]:focus + label,
.not-connected-services .form #dateOfBirth input:focus + 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: "Lato 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: #6f6f79;
  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);
}

body.body-not-connected-page {
  height: 100%;
}

.not-connected-page {
  scroll-behavior: smooth;
}
.not-connected-page__header {
  background-color: #FAFAFA;
  z-index: 4;
  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__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;
  background-color: #4E2583;
  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: "Lato Regular";
  color: #fff;
}
@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:hover {
  background-color: #7D5CA3;
}
.not-connected-page__welcome {
  height: 70%;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome {
    height: calc(100% - 206px);
  }
}
.not-connected-page__welcome > .wrapper {
  position: relative;
  z-index: 3;
  height: 100%;
}
.not-connected-page__welcome-hero {
  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;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome-hero {
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.not-connected-page__welcome-hero-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 40px 20px 40px 20px;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome-hero-text {
    margin: 0;
  }
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome-hero-text-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
}
.not-connected-page__welcome-hero-text-wrapper-title {
  color: #4E2583;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome-hero-text-wrapper-title {
    margin-bottom: 1.5rem;
    font-size: 40px;
    line-height: 54px;
  }
}
.not-connected-page__welcome-hero-text-wrapper-intro {
  color: #6f6f79;
  font-size: 18px;
  line-height: 1.6rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__welcome-hero-text-wrapper-intro {
    line-height: 2.4rem;
    margin-bottom: 4rem;
  }
}
.not-connected-page__welcome-hero-text:after {
  content: "";
  width: 150px;
  height: 100%;
  position: absolute;
  right: -150px;
  background: #FFFFFF;
  z-index: 3;
  top: 0;
  -webkit-clip-path: ellipse(25% 60% at 0% 50%);
          clip-path: ellipse(25% 60% at 0% 50%);
}
.not-connected-page__welcome-hero-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.not-connected-page__welcome-hero-image img {
  width: 100%;
  height: 100%;
}
.not-connected-page__welcome-content {
  padding-top: 90%;
  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%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.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: #4E2583;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 640px) {
  .not-connected-page__welcome-title {
    margin-bottom: 1.5rem;
    font-size: 40px;
    line-height: 54px;
  }
}
.not-connected-page__welcome-intro {
  color: #6f6f79;
  font-size: 18px;
  line-height: 1.6rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .not-connected-page__welcome-intro {
    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: 65%;
  }
}
.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: #4E2583;
  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-yellish.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-yellish.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;
  }
}

.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 {
  background-color: #f4f3f1;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-right: auto;
  margin-left: auto;
}
.assistance__bandeau__coach-avatar {
  z-index: 1;
  width: 20rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
.assistance__bandeau__coach-avatar.nurse {
  background-image: url("/public/images/nurse_for_assistance.png");
}
.assistance__bandeau__coach-avatar.coach {
  background-image: url("/public/images/coach_for_assistance.png");
}
.assistance__bandeau__coach-avatar.man3 {
  background-image: url("/public/images/homme3.svg");
}
.assistance__bandeau__coach-avatar.woman3 {
  background-image: url("/public/images/femme3.svg");
}
.assistance__bandeau__coach-avatar.coached-by-belinda {
  background-image: url("/public/images/coach-belinda.svg");
}
.assistance__bandeau__coach-avatar.flipped {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.assistance__bandeau__coach-blabla {
  background-size: 100%;
  background: url("/public/images/patatoide.svg") no-repeat;
}
.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;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.assistance__bandeau__action > span {
  font-family: Lato Bold;
  font-size: 2.2rem;
  line-height: 2.8rem;
  letter-spacing: normal;
  color: #6F6F79;
}
.assistance__bandeau__action .be-called-back {
  padding: 2rem;
}
.assistance__bandeau__action .with-question-icon > span:before {
  background-image: url("/public/images/icon-question-2.svg") !important;
}
.assistance__bandeau__action .with-white-svg > span:before {
  -webkit-filter: brightness(0) invert(1) !important;
          filter: brightness(0) invert(1) !important;
}

@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .assistance__bandeau {
    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-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 36.8rem;
  }
  .assistance__bandeau__coach-avatar {
    height: 27.5rem;
  }
  .assistance__bandeau__coach-blabla {
    height: 15.8rem;
    width: 25rem;
    position: relative;
    bottom: 10rem;
    right: 8rem;
  }
  .assistance__bandeau__action {
    width: 30rem;
    position: relative;
    bottom: 10rem;
  }
  .assistance__bandeau__action .be-called-back {
    width: 20rem;
    position: relative;
    top: 2rem;
  }
  .assistance__bandeau__action > span {
    text-align: right;
  }
}
@media only screen and (max-width: 1025px) {
  .assistance__bandeau {
    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: center;
        -ms-flex-align: center;
            align-items: center;
    height: 64rem;
  }
  .assistance__bandeau__coach-avatar {
    height: 28rem;
    position: relative;
    right: 10rem;
  }
  .assistance__bandeau__coach-blabla {
    height: 15rem;
    width: 26rem;
    position: relative;
    top: 17rem;
    left: 6rem;
  }
  .assistance__bandeau__action {
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 34rem;
  }
  .assistance__bandeau__action .be-called-back {
    position: relative;
    top: 2rem;
  }
  .assistance__bandeau__action > span {
    text-align: center;
  }
}
.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: #6f6f79;
  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: #6f6f79;
  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: start;
  color: #6f6f79;
  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: 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: "Lato 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: #6f6f79;
  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: #6f6f79;
  }
}
.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: #6f6f79;
}
.assessment-chat-summary a {
  color: #6f6f79;
}
.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: "Lato 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: #6f6f79;
  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: "Lato 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: #6f6f79;
  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: "Lato 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: #6f6f79;
  -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;
}
.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: solid 1px #cccccc;
  border-radius: 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;
  margin: 1rem;
  padding: 1rem;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .frame {
    margin: 5rem 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 .title {
  margin-top: 4rem;
  margin-bottom: 1.5rem;
  font-weight: bold;
}
.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: 95%;
}
.refund-request-wrapper .refund-request .frame .field.error input, .refund-request-wrapper .refund-request .frame .field.error textarea {
  border: 1px solid #FD5252;
}
.refund-request-wrapper .refund-request .frame .field.error .radio-group .radio {
  border: 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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.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;
  -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 .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;
  border: 1px solid #D2D2D2;
  -webkit-box-shadow: 0 10px 9px 0 rgba(53, 75, 92, 0.1);
          box-shadow: 0 10px 9px 0 rgba(53, 75, 92, 0.1);
  border-radius: 1rem;
  padding: 2rem;
  min-width: 10rem;
  cursor: pointer;
  margin-bottom: 1rem;
}
@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 {
  border: 1px solid #EF4344;
  color: #EF4344;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio:hover img.selected {
  display: block;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio:hover img.not-selected {
  display: none;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio.active {
  border: 1px solid #FD5252;
  background-color: #FFEEEE;
  color: #FD5252;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio.active img.selected {
  display: block;
}
.refund-request-wrapper .refund-request .frame .field .radio-group .radio.active img.not-selected {
  display: none;
}
.refund-request-wrapper .refund-request .frame .field .amount {
  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 .amount:after {
  position: absolute;
  right: 2rem;
  content: "€";
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  .refund-request-wrapper .refund-request .frame .field input {
    min-width: 40rem;
  }
}
@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 {
  outline: none;
  padding: 3rem;
  width: unset;
  border: 1px solid #D2D2D2;
  -webkit-box-shadow: 0 10px 9px 0 rgba(53, 75, 92, 0.1);
          box-shadow: 0 10px 9px 0 rgba(53, 75, 92, 0.1);
  font-family: "Lato 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: small;
  opacity: 1;
  /* Firefox */
  color: #6f6f79;
}
.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: small;
  opacity: 1;
  /* Firefox */
  color: #6f6f79;
}
.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: small;
  opacity: 1;
  /* Firefox */
  color: #6f6f79;
}
.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: small;
  opacity: 1;
  /* Firefox */
  color: #6f6f79;
}
.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: small;
  opacity: 1;
  /* Firefox */
  color: #6f6f79;
}
.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: #6f6f79;
}
.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: #6f6f79;
}
.refund-request-wrapper .refund-request .summary {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 1rem 1rem;
}
.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: 1rem;
  font-family: "Lato 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 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.refund-request-wrapper .refund-request .summary .item.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.lines {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.refund-request-wrapper .refund-request .summary .item .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 .label {
    margin-right: 2rem;
  }
}
.refund-request-wrapper .refund-request .summary .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: "Lato Bold";
  margin-right: 1rem;
}
.refund-request-wrapper .refund-request .summary .item .value span {
  text-align: left;
}
.refund-request-wrapper .refund-request .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;
}
.refund-request-wrapper .refund-request .summary .footer .button {
  margin-right: 2rem;
}
.refund-request-wrapper .refund-request .summary .footer a {
  color: #86939d;
  text-transform: none;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 300;
}
.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;
}
.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;
  }
}

.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: #6f6f79;
  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: #6f6f79;
  padding-bottom: 0.2rem;
}
.upload-area .item.error {
  color: #FD5252;
}
.upload-area .item:before {
  content: "";
  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 {
  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: #6f6f79;
  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: #6f6f79;
}
.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;
}

.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: #6f6f79;
  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: #6f6f79;
  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: #6f6f79;
  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: #6f6f79;
  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 #7D5CA3;
  color: #4E2583;
  border-radius: 99rem;
  top: calc(40% - 3.5rem);
  position: absolute;
}
.testimonials-carousel-container .testimonial-carousel-control-prev {
  background: url("/public/images/slider-prev-purple.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-purple.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.purple button[data-controls=prev],
.slidermsq-wrapper .tns-controls.purple button[data-controls=next] {
  border-color: #4E2583;
}
.slidermsq-wrapper .tns-controls.purple button[data-controls=prev] {
  background: url("/public/images/slider-prev-purple-home.svg") no-repeat 1.6rem 50%;
  background-size: 1.4rem;
}
.slidermsq-wrapper .tns-controls.purple button[data-controls=next] {
  background: url("/public/images/slider-next-purple-home.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 #4E2583;
  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 #6F6F79;
  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: #f5cc02;
}
.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-bottom {
  background-color: #7D5CA3;
  height: 2rem;
  width: 75%;
}
.slidermsq__slide {
  position: relative;
  z-index: 1;
}
.slidermsq__slide:after {
  z-index: 3;
  content: "";
  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: #4E2583;
  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: #6f6f79;
  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;
}

.fil-ariane {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  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;
  font-family: "Titillium Web SemiBold";
  width: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (min-width: 640px) {
  .fil-ariane.article {
    margin-top: 3rem;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .fil-ariane.article {
    padding-bottom: 0;
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 640px) {
  .fil-ariane.sanity-advices, .fil-ariane.chronicdisease-advices, .fil-ariane.healthimprovement-advices {
    margin: 0 6rem 0 6rem;
  }
}
.fil-ariane .img-previous-white {
  border: solid white 1px;
}
.fil-ariane .link-previous-white {
  padding: 3rem 0 0 0;
}
.fil-ariane .img-previous-purple {
  border: solid #4E2583 1px;
}
.fil-ariane .link-previous-purple {
  margin-top: 3rem;
  margin-left: 6rem;
}
@media only screen and (min-width: 1025px) and (min-device-width: 1025px) {
  .fil-ariane {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }
}
@media only screen and (max-width: 480px) {
  .fil-ariane {
    padding-bottom: 2rem;
  }
}
.fil-ariane .elt {
  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.4rem;
}
@media only screen and (min-width: 640px) {
  .fil-ariane .elt {
    font-size: 1.6rem;
  }
}
.fil-ariane .elt:not(:last-child):after {
  content: ">";
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 1rem 2rem 1rem;
  color: gray;
}
.fil-ariane .elt a {
  color: #4E2583;
  text-decoration: none;
}

.search__result-container {
  margin-bottom: 10rem;
}
.search__result-container h2 {
  font-size: 2rem;
  color: #4e2583;
}
.search__result-container h2 img {
  vertical-align: sub;
  margin-right: 0.5rem;
}
.search__result-container h2.skeleton-title {
  width: 10%;
}
.search__result-head {
  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;
}
.search__result-head h1 {
  font-size: 3.2rem;
  line-height: 105%;
  position: relative;
  margin-bottom: 5rem;
  font-family: "Lato Regular";
  font-weight: normal;
  margin-top: 5.8rem;
}
.search__result-head h1:after {
  content: "";
  position: absolute;
  top: calc(100% + 2rem);
  left: 0;
  width: 10rem;
  height: 0.3rem;
  background-color: #4E2583;
}
.search__result-head h1.skeleton-head-title {
  height: 4.5rem;
}
.search__result-head h1.skeleton-head-title:after {
  content: none;
}
.search__result-head-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.search__result-head-filter span {
  color: #6f6f79;
  font-size: 1.4rem;
  margin-right: 2.4rem;
}
.search__result-head-filter select {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
  width: 20rem;
  color: #7d5ca3;
  font-size: 1.6rem;
  font-family: "Lato Bold";
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 1.6rem 2.1rem;
}
.search__result-head-filter:after {
  content: "";
  display: block;
  background: url("/public/images/icon-chevron-right.svg") no-repeat center;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 1.4rem;
  height: 1.2rem;
  position: absolute;
  right: calc(0rem + 2.1rem);
}
.search__result-list a {
  text-decoration: none;
}
.search__result-list a .card-search {
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1rem 4rem 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1rem 4rem 0 rgba(0, 0, 0, 0.15);
  padding: 2rem;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 5px solid #4e2583;
}
.search__result-list a .card-search:hover {
  border-left: 5px solid #f5cc02;
}
.search__result-list a .card-search.skeleton-container {
  border-left: none;
}
.search__result-list a .card-search.skeleton-container:hover {
  border-left: none;
}
@media only screen and (max-width: 480px) {
  .search__result-list a .card-search {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 40.7rem;
    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;
  }
}
.search__result-list a .card-search .card-image {
  height: 10.7rem;
  background-size: cover;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 19rem;
  max-width: 19rem;
}
@media only screen and (max-width: 480px) {
  .search__result-list a .card-search .card-image {
    max-height: 18.7rem;
    max-width: 100%;
    width: 100%;
  }
}
.search__result-list a .card-search .card-content {
  margin-left: 1.9rem;
}
@media only screen and (max-width: 480px) {
  .search__result-list a .card-search .card-content {
    margin-top: 1.7rem;
    margin-left: 0;
  }
}
.search__result-list a .card-search .card-content h3 {
  margin-top: 0;
  margin-bottom: 0.7rem;
  font-size: 2.3rem;
  color: #4e2583;
}
@media only screen and (max-width: 480px) {
  .search__result-list a .card-search .card-content h3 {
    font-size: 2rem;
  }
}
.search__result-list a .card-search .card-content p {
  margin: 0;
  color: #6f6f79;
  line-height: 2rem;
}
@media only screen and (max-width: 480px) {
  .search__result-list a .card-search .card-content p {
    margin-top: 1.2rem;
    line-height: 1.8rem;
  }
}
.search__result-list a .card-search .card-content .card-categories {
  margin-top: 0.8rem;
}
.search__result-list a .card-search .card-content .card-categories span {
  font-size: 1.2rem;
  background: #7d5ca3;
  padding: 4px 12px;
  color: #ffffff;
  text-transform: uppercase;
  margin-right: 1rem;
}
.search__result-list .see__more {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5rem;
}
.search__result-list .see__more .separate {
  height: 2px;
  width: 100%;
  background-color: #fafafa;
  margin-top: 2.4rem;
  position: relative;
}
.search__result-list .see__more .separate:first-of-type:after {
  content: "";
  width: 30px;
  height: 4px;
  position: absolute;
  background-color: #ffffff;
  right: 0;
}
.search__result-list .see__more .separate:last-of-type:after {
  content: "";
  width: 30px;
  height: 4px;
  position: absolute;
  background-color: #ffffff;
  left: 0;
}
.search__result-list .see__more button {
  border: none;
  background-color: #4e2583;
  color: #ffffff;
  font-size: 1.5rem;
  min-width: 14.7rem;
  height: 48px;
}
.search__result-list .see__more button:hover {
  cursor: pointer;
}
.search__result-feedback {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 2px solid #FAFAFA;
  margin-top: 50px;
  padding-top: 10px;
}
.search__result-feedback p {
  color: #6f6f79;
  font-family: "Lato Regular";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: center;
}
@media only screen and (max-width: 1025px) {
  .search__result-feedback p {
    width: 270px;
  }
}
.search__result-feedback button {
  color: white;
  background-color: #4D2084;
  text-transform: uppercase;
  font-family: "Lato Regular";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-align: center;
  width: 300px;
  height: 50px;
  cursor: pointer;
}
@media only screen and (max-width: 1025px) {
  .search__result-feedback button {
    width: 100%;
  }
}

.skeleton {
  -webkit-animation: skeleton-loading 1s linear infinite alternate;
          animation: skeleton-loading 1s linear infinite alternate;
}

.skeleton-container:hover {
  border: none !important;
}

@-webkit-keyframes skeleton-loading {
  0% {
    background-color: #c2cfd6;
  }
  100% {
    background-color: #f0f3f5;
  }
}

@keyframes skeleton-loading {
  0% {
    background-color: #c2cfd6;
  }
  100% {
    background-color: #f0f3f5;
  }
}
.skeleton-text {
  width: 100%;
  height: 0.7rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}

.skeleton-text__header {
  width: 75%;
  height: 2rem;
}

.skeleton-text__first-line {
  margin-top: 3rem;
}

.skeleton-text__footer {
  width: 85%;
}