@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700&display=swap");
div, input[type=text] {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}


body {
  max-width: 1280px;
  margin: 0 auto;
  font-family: Roboto;
  padding: 0 5%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #F2F5F9;
  color: #1E2159;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 100%;

}
@media screen and (max-width: 750px) {
  body {
    max-width: 95vw;
    background-size: auto;
  }
}

main {
  flex: 1;
}

img {
  display: block;
}

svg {
  display: block;
}

a {
  text-decoration: none;
}

hr {
  border: 0.2px solid rgba(85, 85, 85, 0.2);
}

.text-white {
  color: white;
}

.text-green {
  color: #0cd59e;
}

.text-blue-300 {
  color: #1B23B0;
}

.text-grey-500 {
  color: #67698E;
}

.text-yellow-500 {
  color: #ffbf42;
}

.text-black {
  color: #1E2159;
}

.font-condensed {
  font-family: Roboto Condensed;
}

.font-weight-400 {
  font-weight: normal;
}

.bold {
  font-weight: bold;
}

.semi-bold {
  font-weight: 500;
}

.uppercase {
  text-transform: uppercase;
}

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

@media screen and (max-width: 750px) {
  .text-align-center-phone {
    text-align: center;
  }
}

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

.text-small {
  font-size: 0.9rem;
}

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

.text-xxsmall {
  font-size: 0.5rem;
}

@media screen and (max-width: 750px) {
  .text-small-phone {
    font-size: 0.9rem;
  }
}

.text-xxlarge {
  font-size: 3rem;
}

.text-xmlarge {
  font-size: 2.5rem;
}

.text-xlarge {
  font-size: 2rem;
}

.text-mlarge {
  font-size: 1.6rem;
}

.text-large {
  font-size: 1.2rem;
}

.mrtop-½ {
  margin-top: 0.5em;
}

.mrtop-1 {
  margin-top: 1em;
}

.mrtop-2 {
  margin-top: 2em;
}

.mrtop-3 {
  margin-top: 3em;
}

.mrbottom-½ {
  margin-bottom: 0.5em;
}

.mrbottom-1 {
  margin-bottom: 1em;
}

.mrbottom-2 {
  margin-bottom: 2em;
}

.mrbottom-3 {
  margin-bottom: 3em;
}

.mrleft-1 {
  margin-left: 1em;
}

.mrleft-2 {
  margin-left: 2em;
}

.padding-bottom-½ {
  padding-bottom: 0.5em;
}

.border-none, input[type=text].border-none {
  border: 0;
}

.border-bottom-blue {
  border: 0;
  border-bottom: 1px solid #1B23B0;
}

.flex {
  display: flex;
}
.flex-block-phone {
  display: flex;
}
@media screen and (max-width: 750px) {
  .flex-block-phone {
    display: block;
  }
}

.flex1 {
  flex: 1;
}

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

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

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

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

.gap-½ {
  gap: 0.5em;
}

.gap-1 {
  gap: 1em;
}

.gap-2 {
  gap: 2em;
}

.inline {
  display: inline;
}

.full-width {
  width: 100%;
}

* .centered-block {
  margin-left: auto;
  margin-right: auto;
}

.bg-blue-800 {
  background-color: #9ca1dc;
}

.bg-blue-700 {
  background-color: #6065C8;
}

.bg-blue-600 {
  background-color: #494fc0;
}

.bg-green-500 {
  background-color: #0cd59e;
}

@media screen and (max-width: 750px) {
  .no-phone {
    display: none;
  }
}

.no-desktop {
  display: none;
}
@media screen and (max-width: 750px) {
  .no-desktop {
    display: block;
  }
}

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.5em;
}
@media screen and (max-width: 750px) {
  header h1 {
    font-size: 1.5rem;
  }
}

header.header-account {
  position: relative;
  margin-top: 2em;
}
header.header-account nav {
  gap: 2.7em;
  position: relative;
  top: -1rem;
  color: white;
}
@media screen and (max-width: 750px) {
  header.header-account nav {
    gap: 0.7em;
    top: 0;
  }
}
header.header-account .links-menu-wrapper {
  display: flex;
  gap: 2.7em;
}
@media screen and (max-width: 750px) {
  header.header-account .links-menu-wrapper {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  header.header-account .links-menu-wrapper.active {
    position: absolute;
    display: block;
    top: 4em;
    width: 280px;
    right: 0;
    background-color: #E2E4F4;
    padding: 2em;
    border-radius: 0.5em;
  }
  header.header-account .links-menu-wrapper.active a {
    color: #1B23B0;
  }
}
header.header-account a {
  display: block;
  color: inherit;
  font-size: 0.9rem;
  font-weight: 500;
}

@media screen and (max-width: 750px) {
  .btn-menu-wrapper button.btn-blue {
    padding: 1em 1.2em;
    border-radius: 2em;
  }
}

.btn-menu-wrapper .connexion-menu {
  display: none;
  width: 220px;
  position: absolute;
  padding: 1em;
  border-radius: 0.5em;
  color: #1E2159;
  background-color: #E2E4F4;
  transform: translateX(-30px);
  top: 65px;
}
@media screen and (max-width: 750px) {
  .btn-menu-wrapper .connexion-menu {
    right: -25px;
  }
}
.btn-menu-wrapper .connexion-menu::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  background: url(/img/img-blue-triangle-01.svg) no-repeat bottom center/14%;
  height: 2em;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .btn-menu-wrapper .connexion-menu::before {
    width: 3em;
    left: auto;
    right: 0;
    background-size: 70%;
  }
}
.btn-menu-wrapper .connexion-menu.active {
  display: block;
}
.btn-menu-wrapper .connexion-menu a {
  color: inherit;
  font-size: inherit;
}

footer {
  padding: 1rem 0;
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  footer .language-choice-wrapper {
    font-size: 1rem;
    padding: 0.5em;
  }
}
footer a {
  display: inline-block;
  padding-right: 0.5em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  margin-right: 0.5em;
  color: inherit;
}
footer a:last-of-type {
  border-right: none;
}
@media screen and (max-width: 750px) {
  footer nav {
    text-align: center;
    font-size: 0.7rem;
    line-height: 2em;
  }
}
@media screen and (max-width: 750px) {
  footer .copyright {
    text-align: center;
    margin-top: 1em;
  }
}

.language-choice-wrapper {
  border: 1px solid #CCCDD9;
  padding: 0.2em 0.7em;
  border-radius: 2em;
  margin-right: 1em;
  font-size: 0.9em;
  background-color: white;
  width: 150px;
}
@media screen and (max-width: 750px) {
  .language-choice-wrapper {
    margin-top: 1em;
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .language-choice-wrapper .selected-value::after {
    position: absolute;
    right: 0;
  }
}
.language-choice-wrapper .options-list {
  width: 100%;
}

.pseudo-select {
  cursor: pointer;
  position: relative;
}
.pseudo-select .selected-value {
  display: flex;
  align-items: center;
  padding-left: 0.5em;
  gap: 0.25em;
}
.pseudo-select .selected-value::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("/img/tool-arrow-down.svg") no-repeat center;
}
.pseudo-select .options-list {
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 120%;
  opacity: 0;
  transition: all 0.2s;
  width: 100%;
  z-index: 6;
}
.pseudo-select.active .options-list {
  background: #F2F5F9;
  opacity: 1;
  max-height: 500px;
}
.pseudo-select.options-on-top .options-list {
  top: initial;
  bottom: 120%;
}
.pseudo-select .option {
  padding: 0.5em;
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.pseudo-select .option:hover {
  background-color: #6065C8;
}

body.standard {
  background-image: url("/img/bg-standard.svg");
  background-position-y: top;
}
@media screen and (max-width: 750px) {
  body.standard {
    background-image: url("/img/bg-standard-mobile.svg");
  }
}

.center-card {
  max-width: 800px;
  margin: 5vw auto 3vw auto;
  background-color: white;
  padding: 2em 3em;
  border-radius: 0.5em;
  border: 1px solid #1B23B0;
}
@media screen and (max-width: 750px) {
  .center-card {
    padding: 1em;
    margin: 3em 0 0 0;
  }
}
.center-card h2 {
  font-size: 2rem;
}
@media screen and (max-width: 750px) {
  .center-card h2 {
    font-size: 1.3rem;
  }
}
.center-card form {
  margin: 2rem auto 1rem auto;
}
.center-card input[type=checkbox] {
  position: relative;
  top: -0.5em;
}
.center-card button[type=submit] {
  padding-left: 2.5em;
  padding-right: 2.5em;
}

.main {
  display: flex;
  gap: 2em;
  margin: 2em 0;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .main {
    display: block;
    margin: 2em 0;
  }
}

.sidebar-contact {
  background-color: #E2E4F4;
  max-width: 255px;
  padding: 1em;
  border: 1px solid #1B23B0;
  border-radius: 0.5em;
}
@media screen and (max-width: 750px) {
  .sidebar-contact {
    max-width: 100%;
    margin: 2em 0;
  }
}
.sidebar-contact h3 {
  font-size: 1.6em;
}
.sidebar-contact hr {
  margin: 1em 0;
}
.sidebar-contact .call-center {
  display: flex;
  align-items: center;
  margin: 2em 0 1em 0;
  gap: 0.5em;
  border: solid 2px #1B23B0;
  width: fit-content;
  padding: 0.5em 1em;
  border-radius: 1.5em;
  background-image: linear-gradient(to bottom, white, #E2E4F4);
}
@media screen and (max-width: 750px) {
  .sidebar-contact .call-center {
    margin: 1em 0;
  }
}
.sidebar-contact .call-center img {
  width: 20px;
}

.modal {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(51, 51, 51, 0.8);
  justify-content: center;
  align-items: center;
  padding: 1em;
  z-index: 3;
}
@media screen and (max-width: 750px) {
  .modal {
    position: absolute;
    bottom: unset;
  }
}
.modal .center-card {
  width: fit-content;
  position: relative;
}
@media screen and (max-width: 750px) {
  .modal .center-card {
    width: 100%;
    margin-top: 0.25em;
  }
}
@media screen and (max-width: 750px) {
  .modal .center-card h2 {
    font-size: 1.5rem;
    margin-top: 1em;
  }
}
.modal .btn-close-modal {
  padding: 0;
  position: absolute;
  top: 0;
  right: 1rem;
  font-size: 2rem;
  background-color: transparent;
  font-weight: 400;
}

body.tunnel {
  background-image: url("/img/bg-tunnel.svg");
  display: flex;
  justify-content: center;
  align-content: center;
}
@media screen and (max-width: 750px) {
  body.tunnel {
    background-image: url("/img/bg-tunnel-mobile.svg");
  }
}
body.tunnel .center-card {
  background-color: transparent;
  border: 0;
  margin: 1em auto;
}
body.tunnel .center-card img {
  margin: 0 auto;
  max-width: 230px;
}

:is(body.tunnel-1, body.tunnel-2) .center-card {
  max-width: 400px;
}
@media screen and (max-width: 750px) {
  :is(body.tunnel-1, body.tunnel-2) .center-card .secondary-text {
    max-width: 250px;
    margin-right: auto;
    margin-left: auto;
  }
}

:is(body.tunnel-3, body.tunnel-4) .center-card {
  max-width: 330px;
}
@media screen and (max-width: 750px) {
  :is(body.tunnel-3, body.tunnel-4) .center-card {
    max-width: none;
    margin: 0 0.5em;
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  :is(body.tunnel-3, body.tunnel-4) .center-card .main-text {
    max-width: 240px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 750px) {
  :is(body.tunnel-3, body.tunnel-4) .center-card img {
    max-width: 200px;
  }
}

@media screen and (max-width: 750px) {
  body.tunnel-5 .center-card {
    max-width: none;
    margin: 0 0.5em;
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  body.tunnel-5 .center-card .btn-main {
    padding-right: 3em;
    padding-left: 3em;
  }
}
body.tunnel-5 .center-card img {
  max-width: 200px;
}
@media screen and (max-width: 750px) {
  body.tunnel-5 .center-card img {
    max-width: 180px;
  }
}

:is(body.tunnel-6, body.tunnel-7) .center-card {
  max-width: 560px;
}
@media screen and (max-width: 750px) {
  :is(body.tunnel-6, body.tunnel-7) .center-card {
    max-width: none;
    margin: 0 0.5em;
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  :is(body.tunnel-6, body.tunnel-7) .center-card .main-text {
    max-width: 270px;
    margin-right: auto;
    margin-left: auto;
  }
}
:is(body.tunnel-6, body.tunnel-7) .center-card .btn-main {
  width: fit-content;
}
@media screen and (max-width: 750px) {
  :is(body.tunnel-6, body.tunnel-7) .center-card .btn-main {
    padding-right: 3em;
    padding-left: 3em;
  }
}
:is(body.tunnel-6, body.tunnel-7) .center-card img {
  max-width: 200px;
}
@media screen and (max-width: 750px) {
  :is(body.tunnel-6, body.tunnel-7) .center-card img {
    max-width: 180px;
  }
}

body.tunnel-7 .center-card {
  max-width: 600px;
}

button, .btn {
  border: none;
  background-color: lightgrey;
  cursor: pointer;
  padding: 1em 1.5em;
  border-radius: 1.5em;
  font-family: Roboto;
  font-size: 1rem;
  font-weight: bold;
  display: block;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  button, .btn {
    padding: 0.7em 1.3em;
  }
}

button.extra-padding, .btn.extra-padding {
  padding: 1em 3em;
}

button.btn-main, a.btn-main {
  text-align: center;
  color: white;
  background-color: #0cd59e;
  text-transform: uppercase;
  font-size: 0.85rem;
  margin-inline: auto;
}
@media screen and (max-width: 750px) {
  button.btn-main, a.btn-main {
    font-size: 1rem;
    width: 100%;
  }
}
button.btn-main.bg-blue-800, a.btn-main.bg-blue-800 {
  background-color: #9ca1dc;
}

button.btn-blue, a.btn-blue {
  background-color: #494fc0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  font-weight: 500;
  padding: 1rem 2em;
}

input, label {
  display: block;
}

input:focus {
  outline: none;
}

input[type=text] {
  padding: 0.2em 0.5em;
  border: 0.5px solid #CCCDD9;
}

input[type=text].no-padding-left {
  padding-left: 0;
}

input[type=text].large-padding {
  padding: 0.8em;
}

::placeholder, .placeholder {
  color: #9ca1dc;
  font-family: Roboto;
  font-size: 0.85rem;
}

input.placeholder-bold::placeholder {
  font-weight: bold;
  color: #cccdd9;
}

input[type=radio] {
  display: grid;
  place-content: center;
}

input[type=radio]::before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  transform: scale(0);
  box-shadow: inset 1em 1em #0cd59e;
}

input[type=radio]:checked::before {
  transform: scale(0.6);
}

textarea {
  box-sizing: border-box;
  resize: none;
}

.phone-choice-wrapper {
  display: flex;
  border-bottom: 2px solid #67698E;
  padding-bottom: 0.5em;
  background-color: white;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .phone-choice-wrapper {
    margin-bottom: 1em;
  }
}
.phone-choice-wrapper img {
  width: 20px;
}
.phone-choice-wrapper .selected-value {
  border-right: 0.5px solid rgba(0, 0, 0, 0.2);
}
.phone-choice-wrapper .selected-value::after {
  width: 1em;
  margin-right: 0.5em;
}
.phone-choice-wrapper input[type=text] {
  padding: 0.3em 0.3em 0.3em 1em;
}

.pseudo-select.no-padding-left .selected-value {
  padding-left: 0;
}
.pseudo-select.no-padding-left .options-list {
  left: -0.5em;
}

.pseudo-select .selected-value, .pseudo-select .option {
  color: #6065C8;
  font-weight: bold;
  font-size: 0.85rem;
}

body.home {
  background-image: url("/img/bg-home.svg");
  background-position-y: -11vh;
  background-size: cover;
}
@media screen and (max-width: 1200px) {
  body.home {
    background-position-y: top;
  }
}
@media screen and (max-width: 750px) {
  body.home {
    background-image: url("/img/bg-home-mobile.svg");
    display: block;
  }
}
body.home main {
  max-width: 480px;
}
@media screen and (max-width: 750px) {
  body.home main {
    height: 750px;
  }
}
body.home main h2 {
  margin: 100px 0 0 0;
  font-size: 3.5rem;
  font-weight: 900;
  letter-spacing: 1px;
}
@media screen and (max-width: 750px) {
  body.home main h2 {
    font-size: 2rem;
    margin: 0.7em auto;
    max-width: 80%;
  }
}
body.home form {
  border-top: 1px solid rgba(255, 255, 255, 0.4666666667);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4666666667);
  margin-top: 3em;
}
@media screen and (max-width: 750px) {
  body.home form {
    border: none;
    margin-top: 1em;
  }
}
body.home .phone-choice-wrapper {
  border: 3px solid #6065C8;
  border-radius: 2em;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  body.home .phone-choice-wrapper {
    margin-bottom: 90px;
    padding: 0.7em 0.5em 0.7em 0;
    border: 6px solid #6065C8;
  }
}
body.home .phone-choice-wrapper .pseudo-select {
  margin-left: 1em;
  color: #1E2159;
}
@media screen and (max-width: 750px) {
  body.home .phone-choice-wrapper button[type=submit] {
    position: absolute;
    top: 70px;
    width: 100%;
    padding: 1.3em inherit;
  }
}

#center-card-pass-choice {
  max-width: 700px;
  padding-left: 6rem;
  padding-right: 6rem;
}
@media screen and (max-width: 750px) {
  #center-card-pass-choice {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 750px) {
  #center-card-pass-choice form {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  #center-card-pass-choice form input[type=radio] {
    order: 1;
    margin-top: 1rem;
  }
}
#center-card-pass-choice .pass-choice-selector {
  background-color: white;
  border-radius: 0.5em;
  padding: 1em;
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  #center-card-pass-choice .pass-choice-selector {
    flex-direction: column;
    padding: 0.5em;
    max-width: 25%;
  }
  #center-card-pass-choice .pass-choice-selector label {
    display: block;
    margin: 0;
  }
  #center-card-pass-choice .pass-choice-selector label .text-large, #center-card-pass-choice .pass-choice-selector label .text-mlarge {
    font-size: 1em;
    text-align: center;
    margin-top: 1rem;
  }
  #center-card-pass-choice .pass-choice-selector label .text-xsmall {
    font-size: 0.7rem;
    text-align: center;
    margin-top: 0.25em;
  }
}
#center-card-pass-choice .pass-choice-selector:hover, #center-card-pass-choice .pass-choice-selector.selected {
  background-color: #6065C8;
  box-shadow: 250px 0 50px #1B23B0 inset;
  color: white;
}
@media screen and (max-width: 750px) {
  #center-card-pass-choice .pass-choice-selector:hover, #center-card-pass-choice .pass-choice-selector.selected {
    box-shadow: 0 70px 50px #1B23B0 inset;
    color: white;
  }
}
#center-card-pass-choice .pass-choice-selector:hover .text-grey-500, #center-card-pass-choice .pass-choice-selector.selected .text-grey-500 {
  color: white;
}
#center-card-pass-choice .pass-choice-selector:hover label > div:first-child > div:first-child, #center-card-pass-choice .pass-choice-selector.selected label > div:first-child > div:first-child {
  color: #0cd59e;
}
#center-card-pass-choice button[type=submit] {
  padding-left: 5em;
  padding-right: 5em;
}
#center-card-pass-choice img#customer-testimonials {
  width: 160px;
  margin-left: 1rem;
  margin-right: 3rem;
}
@media screen and (max-width: 750px) {
  #center-card-pass-choice img#customer-testimonials {
    margin-left: auto;
    margin-right: auto;
    width: 190px;
  }
}
#center-card-pass-choice .rate-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media screen and (max-width: 750px) {
  #center-card-pass-choice .rate-wrapper {
    margin-top: 1rem;
  }
}
#center-card-pass-choice .bars-wrapper {
  gap: 15px;
}
#center-card-pass-choice .bars-wrapper > div {
  width: 13px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#center-card-pass-choice .bars-wrapper .bar {
  height: var(--bar-height);
  background-color: #ffbf42;
}
#center-card-pass-choice .customer-advice {
  margin-top: 2rem;
}
#center-card-pass-choice .customer-advice__name {
  font-weight: bold;
  color: #9ca1dc;
  font-size: 0.9rem;
}
#center-card-pass-choice .customer-advice__rate {
  display: flex;
  justify-items: center;
  gap: 5px;
  font-size: 0.8rem;
  margin-top: 0.3rem;
}
#center-card-pass-choice .customer-advice__rate img {
  width: 12px;
}
#center-card-pass-choice .customer-advice__rate div {
  font-weight: bold;
}
#center-card-pass-choice .customer-advice__comment {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  font-style: italic;
  color: #67698E;
}

#subscription-terms {
  max-width: 700px;
  font-size: 0.6rem;
  color: #6065C8;
  margin: 0 auto 3rem auto;
  text-align: justify;
}
@media screen and (max-width: 750px) {
  #subscription-terms {
    margin-top: 2rem;
  }
}

body.user-account .welcome-data {
  display: flex;
  justify-content: space-between;
  margin: 1.5rem 0;
}
@media screen and (max-width: 750px) {
  body.user-account .welcome-data {
    display: block;
  }
}
body.user-account .welcome-data h1 {
  font-size: 2.6rem;
  font-weight: 500;
  margin-top: 0.75em;
}
body.user-account .welcome-data .welcome {
  color: white;
}
body.user-account .welcome-data .data {
  background-color: white;
  width: 480px;
  padding: 1em;
  border-radius: 0.5em;
}
@media screen and (max-width: 750px) {
  body.user-account .welcome-data .data {
    width: 100%;
    margin-top: 2em;
    padding: 0.5em 1em;
  }
}
body.user-account .welcome-data .data hr {
  margin: 0.85em 0;
}
body.user-account .welcome-data .data__item {
  display: flex;
  font-size: 0.85rem;
  font-weight: bold;
}
body.user-account .welcome-data .data__item > div:first-of-type {
  color: #1B23B0;
  flex: 0 0 120px;
}
body.user-account .main {
  margin: 6em 0 3em 0;
}
@media screen and (max-width: 750px) {
  body.user-account .main {
    margin: 1em 0;
  }
}
body.user-account .main .options-wrapper {
  flex: 1;
}
@media screen and (max-width: 750px) {
  body.user-account .main .history-wrapper {
    display: flex;
    column-gap: 1em;
    margin-bottom: 1.5em;
  }
}
body.user-account .main .history-wrapper > a {
  display: block;
}
@media screen and (max-width: 750px) {
  body.user-account .main .history-wrapper > a {
    flex: 1;
  }
}
body.user-account .main .option {
  background-color: white;
  display: flex;
  align-items: center;
  padding: 2em 1.5em;
  border-radius: 0.5em;
  margin-bottom: 1.5em;
  gap: 1em;
  color: #1B23B0;
  border: 2px solid white;
  box-shadow: 0 0 15px 5px rgba(51, 51, 51, 0.0509803922);
}
@media screen and (max-width: 750px) {
  body.user-account .main .option {
    display: block;
    padding: 1em 0.5em;
    margin-bottom: 0;
    height: 100%;
  }
}
body.user-account .main .option img {
  width: 30px;
}
@media screen and (max-width: 750px) {
  body.user-account .main .option img {
    margin: 0 auto;
  }
}
body.user-account .main .option h4 {
  font-size: 1.3rem;
}
@media screen and (max-width: 750px) {
  body.user-account .main .option h4 {
    font-size: 1.15rem;
    text-align: center;
    margin-top: 1em;
  }
}
body.user-account .main .option span {
  padding: 0.5em 1.5em;
  display: block;
}
@media screen and (max-width: 750px) {
  body.user-account .main .option span {
    display: none;
  }
}
body.user-account .main .option__highlighted {
  background-color: #0cd59e;
  border-color: #0cd59e;
}
@media screen and (max-width: 750px) {
  body.user-account .main .option__highlighted {
    display: flex;
    padding: 2em;
    gap: 2em;
  }
}
@media screen and (max-width: 750px) {
  body.user-account .main .option__highlighted h4 {
    margin-top: 0;
    text-align: left;
  }
}
body.user-account .main .option__highlighted span.btn-blue {
  background-color: #1B23B0;
  color: white;
  border-radius: 1.5em;
}
body.user-account .main .option:hover {
  border: 2px solid #0cd59e;
}
body.user-account .main .option:hover span.underline-on-hover {
  text-decoration: underline;
}
body.user-account .header-card {
  margin-top: 1rem;
}
body.user-account .header-card h2 {
  text-align: center;
  color: white;
  font-size: 2.5rem;
  margin-top: 0.5em;
}
@media screen and (max-width: 750px) {
  body.user-account .header-card h2 {
    font-size: 1.8rem;
    font-weight: normal;
    margin-top: 1em;
  }
}
body.user-account .header-card__content {
  background: white;
  border-radius: 0.5em;
  max-width: 600px;
  margin: 1em auto;
  padding: 1em 2em;
}
@media screen and (max-width: 750px) {
  body.user-account .header-card__content {
    padding: 1em;
  }
}
body.user-account .header-card__localization {
  padding: 2em 3em;
}
@media screen and (max-width: 750px) {
  body.user-account .header-card__localization {
    padding: 1em;
  }
}
body.user-account .header-card__localization .text-small {
  font-size: 0.85rem;
}
body.user-account .header-card__grid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  row-gap: 0.5em;
}
@media screen and (max-width: 750px) {
  body.user-account .header-card__grid {
    grid-template-columns: repeat(3, auto);
  }
}
body.user-account .header-card__grid hr {
  grid-column: 1/span 3;
  width: 100%;
}
body.user-account .header-card__header {
  color: #1B23B0;
  font-size: 0.9em;
  font-weight: bold;
}
body.user-account .header-card__data {
  font-size: 0.8em;
  font-weight: 500;
}
body.user-account .localization-form {
  max-width: 350px;
  margin: 0 auto;
}
body.user-account #anonymous-switch-svg {
  position: relative;
  cursor: pointer;
  width: 30px;
}
body.user-account #anonymous-switch-svg rect {
  fill: #9ca1dc;
}
body.user-account #anonymous-switch-svg circle {
  transition: all 0.3s;
  cx: 8px;
  fill: #cccdd9;
  stroke: #9ca1dc;
  filter: drop-shadow(0 0 1px rgba(51, 51, 51, 0.6666666667));
}
body.user-account #anonymous-switch-svg.active rect {
  fill: #23a186;
}
body.user-account #anonymous-switch-svg.active circle {
  cx: 23px;
  fill: #0cd59e;
  stroke: #23a186;
}
body.user-account .mobile-sketch {
  max-width: 250px;
  margin: 1em auto;
}
body.user-account .hidden-if-anonymous {
  overflow: hidden;
  transition: all 0.3s;
}
body.user-account .hidden-if-anonymous input[type=text] {
  width: 100%;
  border: none;
  border-bottom: 2px solid #67698E;
  margin-top: 0.5em;
  padding: 0.5em 0.5em 0.5em 0;
}

@media screen and (max-width: 750px) {
  body.contact h2 {
    text-align: center;
    font-size: 2.2rem;
  }
}
body.contact .sidebar-contact h3 {
  font-size: 1.3rem;
}
body.contact .sidebar-contact button {
  margin-inline: 0;
}
@media screen and (max-width: 750px) {
  body.contact .sidebar-contact button {
    margin-top: 1em;
    margin-bottom: 0;
  }
}

#contactForm {
  background-color: white;
  padding: 2em;
  border-radius: 0.5em;
}
#contactForm #subject {
  padding-left: 0;
}
#contactForm textarea {
  height: 125px;
}

#contactForm-call {
  margin-bottom: 0;
}
#contactForm-call #select-hour {
  border: none;
  justify-content: space-between;
}

#contactForm .phone-choice-wrapper, #contactForm-call .phone-choice-wrapper {
  border-bottom-width: 1px;
  padding-bottom: 0.35em;
}
#contactForm label + div img, #contactForm-call label + div img {
  width: 15px;
}
@media screen and (max-width: 750px) {
  #contactForm label, #contactForm-call label {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 750px) {
  #contactForm .flex-block-phone.mrtop-2, #contactForm-call .flex-block-phone.mrtop-2 {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  #modal-rate {
    min-height: 100vh;
  }
}

#rate-form {
  min-width: 300px;
}
@media screen and (max-width: 750px) {
  #rate-form {
    min-width: 0;
  }
}
#rate-form textarea {
  height: 65px;
}
@media screen and (max-width: 750px) {
  #rate-form #rateWrapper {
    justify-content: space-between;
  }
}

body.connexion main h2 {
  text-align: center;
  color: white;
  margin: 2em auto -0.5em auto;
  padding: 0.75em 1em 1.25em 1em;
  background: linear-gradient(to right, #1B23B0, #9ca1dc);
  max-width: 800px;
  box-sizing: border-box;
  border-radius: 0.5rem;
  font-size: 2em;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body.connexion h2 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 750px) {
  body.connexion h2.extra-padding-on-phone {
    padding-left: 2em;
    padding-right: 2em;
  }
}
body.connexion .center-card {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  body.connexion .btn-main {
    padding-left: 1em;
    padding-right: 1em;
  }
}

body.mailing {
  max-width: 480px;
  margin: 1em auto;
}
@media screen and (max-width: 750px) {
  body.mailing {
    margin: 0;
    padding: 0;
  }
}
body.mailing a {
  text-decoration: underline;
  color: inherit;
}
body.mailing a.not-underlined {
  text-decoration: none;
}
body.mailing h1 {
  font-size: 1.25rem;
}
body.mailing .text-small {
  font-size: 0.75rem;
}
@media screen and (max-width: 750px) {
  body.mailing .text-small {
    font-size: 0.9rem;
  }
}
body.mailing .text-xsmall {
  font-size: 0.65rem;
}
body.mailing .text-medium-small {
  font-size: 0.85rem;
}
@media screen and (max-width: 750px) {
  body.mailing .text-medium-small {
    font-size: 0.9rem;
  }
}
body.mailing .see-online-version {
  text-align: center;
  color: #1E2159;
}
body.mailing header {
  background-color: #1B23B0;
  color: white;
  margin-top: 0.5em;
  padding: 0.5em;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (max-width: 750px) {
  body.mailing header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 750px) {
  body.mailing header {
    margin: 0;
    padding: 1em;
  }
}
@media screen and (max-width: 750px) {
  body.mailing header h1 {
    font-size: 1.35rem;
  }
}
body.mailing header img {
  max-width: 15px;
}
body.mailing .message-title {
  background-color: #E2E4F4;
  padding: 1em;
  border-bottom: 2px solid #CCCDD9;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (max-width: 750px) {
  body.mailing .message-title {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
body.mailing .message-title h1 {
  color: #1B23B0;
}
@media screen and (max-width: 750px) {
  body.mailing .message-title h1 {
    font-size: 1.8rem;
    text-align: center;
  }
}
body.mailing .message-title img {
  max-width: 120px;
  margin: 0 auto;
}
body.mailing .message-body {
  padding-top: 1em;
  padding-bottom: 2em;
  background-color: white;
  border-bottom: 2px solid #CCCDD9;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (max-width: 750px) {
  body.mailing .message-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
body.mailing .btn {
  color: white;
  text-decoration: none;
  width: fit-content;
  margin-inline: 0;
}
body.mailing footer {
  padding: 0;
}
body.mailing footer > div {
  margin-top: 1.5em;
  font-size: 0.65rem;
  font-weight: normal;
  text-align: center;
}
body.mailing footer a:last-of-type {
  margin: 0;
  padding: 0;
}

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

.swal2-title h2 {

}