.bg_action_color_main { background-color:#007db3ff; }
.text_action_color_main { color:#007db3ff; }
.text_action_color_main:after { background-color:#007db3ff; }
.strong_action_color_main strong { color:#007db3ff; }
.bg_action_color_secondary { background-color:#cb9c1cff; }
.text_action_color_secondary { color:#cb9c1cff; }
#actionContent a:not(nav a).text_action_color_secondary:after{ background-color:#cb9c1cff; }
#fancy_error a.close { background-color:#007db3ff; }
#fancy_error a.close:hover { background-color:#cb9c1cff; }

.border_action_color_main {
    border-color: #007db3ff !important;
}

a {
    color:#007db3ff;
}
a:hover {
    color:#cb9c1cff;
}

#steps li.active div:before,
#steps li.active div:after,
.submit.bg_action_color_main:hover {
    background-color:#cb9c1cff;
}
.submit.bg_action_color_secondary:hover {
    background-color:#007db3ff;
}

.btn-primary {
    --bs-btn-bg: #007db3ff;
    --bs-btn-border-color: #007db3ff;
    --bs-btn-hover-bg: #cb9c1cff;
    --bs-btn-hover-border-color: #cb9c1cff;
    --bs-btn-active-bg: #cb9c1cff;
    --bs-btn-active-border-color: #cb9c1cff;
    --bs-btn-disabled-bg: #007db3ff;
    --bs-btn-disabled-border-color: #007db3ff;
}
.btn-outline-primary {
    --bs-btn-color: #007db3ff;
    --bs-btn-border-color: #007db3ff;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-color: #cb9c1cff;
    --bs-btn-hover-border-color: #cb9c1cff;
    --bs-btn-active-color: #cb9c1cff;
    --bs-btn-active-border-color: #cb9c1cff;
    --bs-btn-disabled-color: #007db3ff;
    --bs-btn-disabled-border-color: #007db3ff;
}
.nav-tabs.nav-justified>.active > a,
.nav-tabs.nav-justified>.active > a:hover,
.nav-tabs.nav-justified>.active > a:focus {
    background-color: #007db3ff;
    border-color: #007db3ff;
}

.navbar .button:hover,
.GaugeMeter span,
form input[type=text],
form input[type=number],
form input[type=email],
form input[type=password] {
    color: #007db3ff !important;
}
form input[type=text]:-webkit-autofill,
form input[type=number]:-webkit-autofill,
form input[type=email]:-webkit-autofill,
form input[type=password]:-webkit-autofill {
    -webkit-text-fill-color: #007db3ff !important;
}
form input[type=text]:focus,
form input[type=number]:focus,
form input[type=email]:focus,
form input[type=password]:focus {
    border-color: #007db3ff !important;
}

::-moz-selection {
    background-color: #007db3ff;
}
::selection {
    background-color: #007db3ff;
}

blockquote,
blockquote p,
body.blog_single article#post strong,
body.blog_single article#post h2 {
    color: #007db3ff !important;
}

.legal p strong{
    color: #007db3ff !important;
}
.full-loader.container-loader .loader {
box-shadow: 28px 0 0 0 rgba(0,125,179,0.2), 22.7px 16.5px 0 0 rgba(0,125,179,0.4), 8.68px 26.6px 0 0 rgba(0,125,179,0.6), -8.68px 26.6px 0 0 rgba(0,125,179,0.8), -22.7px 16.5px 0 0 #007db3ff !important;
}
a.submit{
color: #fff
}
steperQuestion{display:none !important}
.cta:focus, .cta:visited, .cta{color:#fff; border:0}
#actionContent > div.container > div > form > div.col-12{
    display: flex;
    flex-direction: column-reverse;
    max-width: 855px;
    margin: auto;
    h1{
        text-align: left !important;
        color: #000;
        font-size: 16px;
    }
    h2{
        font-weight: bold;
        text-align: left !important;
        color: #007DB3;
        font-size: 24px;
        strong{
            font-size: unset;
            color: unset;
        }
    }
}
.questions .form-check input:checked~.form-check-label .checkmark{
    background: #009FE3 !important;
    border-color: #D9D9D9 !important;
}
.questions .swiper-wrapper .form-check input:checked~.form-check-label{
    border-color: #009FE3 !important;
    background: #fff !important;
}
.questions .swiper-wrapper .form-check.is-incorrect input:checked~.form-check-label{
    border-color: #DC3545 !important;
    background: #FFF7F0 !important;
}
.questions .swiper-wrapper .form-check.is-incorrect input:checked~.form-check-label .checkmark{
    background: #DC3545 !important;
    border-color: #D9D9D9 !important;
}
.questions .swiper-wrapper .form-check.is-incorrect input:checked~.form-check-label .checkmark:after{
    transform: rotate(0deg);
    opacity: 1;
    border: 0;
    content: '✕';
    color: #fff;
    left: 3px;
    top: -2px;
}
.questions .swiper-wrapper .form-check.is-correct .form-check-label .checkmark:after {
    transform: rotate(45deg);
    opacity: 1;
}
.questions .swiper-wrapper .form-check.is-correct .form-check-label{
    border-color: #33691E!important;
    background: #fff !important;
    color: #33691e !important;
}
.questions .swiper-wrapper .form-check.is-correct .form-check-label .checkmark{
    background: #33691E !important;
    border-color: #D9D9D9 !important;
}
.labelQ h3{
    margin: 0 !important;
    text-align: left;
}
.questions .swiper-wrapper > div > div > div{
    max-width: 855px;
}

.questions .swiper-wrapper > div > div > div > div > div > div > div:nth-child(2){
    text-align: left !important;
    margin-bottom: 30px;
}


#submitQuestions{
    color: #fff;
    padding: 13px 60px;
    border: 0;
    border-radius: 4px;
}
.single-visualQ{
    background: #009FE3;
    border-radius: 20px 80px 20px 80px;
    padding: 50px;
    width: 100%;
    height: 100%;
    max-height: 400px;
    max-width: 400px;
    margin: 45px 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    img{
        max-height: 250px !important;
    }
}



@media screen and (min-width: 1200px) {
  body.soon .content-small {
    max-width: none;
  }
}
@media screen and (min-width: 1200px) {
  body.soon #actionContent {
    background-image: url("/Actions/-2026/202609-scanmania/bg-full-nl.png");
    background-size: 118%;
    background-position: left 56px;
    background-repeat: no-repeat;
    background-color: #009FE3;
    margin-bottom: 48px;
  }
}
body.soon #actionContent .breadcrumbs {
  margin-bottom: 0;
}
body.soon #actionContent > .container {
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  body.soon.fr #actionContent {
    background-image: url("/Actions/-2026/202609-scanmania/bg-full-fr.png");
  }
}
body.soon .count-down-container {
  color: white;
  background-color: #009FE3;
  background-image: url("/Actions/-2026/202609-scanmania/bg-mobile.png");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 100vw;
  margin-bottom: 48px;
  border-radius: 4px;
}
@media screen and (min-width: 1200px) {
  body.soon .count-down-container {
    background: none;
    margin: 0;
    padding-bottom: 0px;
  }
}
body.soon .count-down-container h3 {
  font-weight: 400;
  font-size: 4.1025641026vw;
  line-height: 6.1538461538vw;
  margin-top: 6.1538461538vw;
}
@media screen and (min-width: 390px) {
  body.soon .count-down-container h3 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px;
  }
}
@media screen and (min-width: 1200px) {
  body.soon .count-down-container h3 {
    line-height: 1.6666666667vw;
    font-size: 1.4583333333vw;
    margin-top: 4.7916666667vw;
  }
}
body.soon .count-down-container h2 {
  font-weight: 700;
  font-size: 6.1538461538vw;
  line-height: 8.2051282051vw;
  margin: 8px 0 0 0;
}
@media screen and (min-width: 390px) {
  body.soon .count-down-container h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (min-width: 1200px) {
  body.soon .count-down-container h2 {
    font-size: 3.75vw;
    line-height: 1;
    margin-top: 1.25vw;
  }
}
@media screen and (min-width: 1200px) {
  body.soon .count-down-container .count-down-container-right {
    padding-right: 10.9375vw;
    margin-left: 42%;
  }
}
body.soon .flipdown-container {
  background: #D3E5F1;
  height: auto;
  box-shadow: 0px 0.77px 1.54px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  backdrop-filter: blur(9.8901093312vw);
  padding: 2.3076923077vw 3.0769230769vw;
  margin: 6.1538461538vw auto 3.0769230769vw;
  width: 83.0769230769vw;
}
@media screen and (min-width: 390px) {
  body.soon .flipdown-container {
    backdrop-filter: blur(38.5714263916px);
    padding: 9px 12px;
    margin: 24px auto 12px;
    width: 324px;
  }
}
@media screen and (min-width: 1200px) {
  body.soon .flipdown-container {
    backdrop-filter: blur(5.2083333333vw);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 1.6666666667vw;
    margin: 32px auto;
    width: 100%;
  }
}
body.soon .flipdown {
  padding: 0;
  margin: 0 auto;
  box-sizing: content-box;
  height: 100%;
  width: 78.4615384615vw;
}
body.soon .flipdown.flipdown__theme-dark .rotor-group-heading:before {
  font-weight: 700;
  font-size: 2.5717948718vw;
}
body.soon .flipdown.flipdown__theme-dark .rotor-group {
  padding-right: 3.0769230769vw;
}
body.soon .flipdown.flipdown__theme-dark .rotor-group:last-child {
  padding-right: 0;
}
body.soon .flipdown.flipdown__theme-dark .rotor-group .rotor:last-child {
  margin-right: 0;
}
body.soon .flipdown.flipdown__theme-dark .rotor {
  font-size: 11.2820512821vw;
  margin: 0 0.7692307692vw 0 0;
}
body.soon .flipdown.flipdown__theme-dark .rotor:after {
  border-color: #008ED0;
}
body.soon .flipdown.flipdown__theme-dark .rotor,
body.soon .flipdown.flipdown__theme-dark .rotor-leaf {
  width: 8.2051282051vw;
  height: 11.7948717949vw;
}
body.soon .flipdown.flipdown__theme-dark .rotor-top,
body.soon .flipdown.flipdown__theme-dark .rotor-leaf-front {
  line-height: 11.7948717949vw;
}
body.soon .flipdown.flipdown__theme-dark .rotor-leaf-front,
body.soon .flipdown.flipdown__theme-dark .rotor-leaf-rear,
body.soon .flipdown.flipdown__theme-dark .rotor:after,
body.soon .flipdown.flipdown__theme-dark .rotor-top,
body.soon .flipdown.flipdown__theme-dark .rotor-bottom {
  width: 8.2051282051vw;
  height: 5.8974358974vw;
}
body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before, body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
  left: 17.9487179487vw;
  width: 1.2820512821vw;
  height: 1.2820512821vw;
}
body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before {
  bottom: 3.3333333333vw;
}
body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
  bottom: 6.6666666667vw;
}
@media screen and (min-width: 390px) {
  body.soon .flipdown {
    width: 306px;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-group-heading:before {
    font-size: 10.03px;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-group {
    padding-right: 12px;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor {
    font-size: 44px;
    margin: 0 3px 0 0;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor,
  body.soon .flipdown.flipdown__theme-dark .rotor-leaf {
    width: 32px;
    height: 46px;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-top,
  body.soon .flipdown.flipdown__theme-dark .rotor-leaf-front {
    line-height: 46px;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-leaf-front,
  body.soon .flipdown.flipdown__theme-dark .rotor-leaf-rear,
  body.soon .flipdown.flipdown__theme-dark .rotor:after,
  body.soon .flipdown.flipdown__theme-dark .rotor-top,
  body.soon .flipdown.flipdown__theme-dark .rotor-bottom {
    width: 32px;
    height: 23px;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before, body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    left: 70px;
    width: 5px;
    height: 5px;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before {
    bottom: 13px;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    bottom: 26px;
  }
}
@media screen and (min-width: 1200px) {
  body.soon .flipdown {
    width: 40.5208333333vw;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-group-heading:before {
    font-size: 1.3541666667vw;
    margin-bottom: 0.7291666667vw;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-group {
    padding-right: 1.7708333333vw;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor {
    font-size: 5.9375vw;
    margin: 0 0.4166666667vw 0 0;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor:after {
    border-color: #008ED0;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor,
  body.soon .flipdown.flipdown__theme-dark .rotor-leaf {
    width: 4.1666666667vw;
    height: 6.25vw;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-top,
  body.soon .flipdown.flipdown__theme-dark .rotor-leaf-front {
    line-height: 6.25vw;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-leaf-front,
  body.soon .flipdown.flipdown__theme-dark .rotor-leaf-rear,
  body.soon .flipdown.flipdown__theme-dark .rotor:after,
  body.soon .flipdown.flipdown__theme-dark .rotor-top,
  body.soon .flipdown.flipdown__theme-dark .rotor-bottom {
    width: 4.1666666667vw;
    height: 3.125vw;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before, body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    left: 9.0625vw;
    width: 0.7291666667vw;
    height: 0.7291666667vw;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before {
    bottom: 1.8229166667vw;
  }
  body.soon .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    bottom: 3.6458333333vw;
  }
}
body.soon p {
  font-weight: 400;
  line-height: 6.1538461538vw;
  font-size: 4.1025641026vw;
}
@media screen and (min-width: 390px) {
  body.soon p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  body.soon p {
    line-height: 1.25vw;
    font-size: 1.0416666667vw;
  }
}
body.soon ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
  color: #fff;
  line-height: 6.1538461538vw;
  font-size: 4.1025641026vw;
}
@media screen and (min-width: 390px) {
  body.soon ol {
    line-height: 24px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  body.soon ol {
    font-size: 1.0416666667vw;
    margin-bottom: 6.25vw;
  }
}
body.soon ol li {
  position: relative;
  min-height: 6.1538461538vw;
  padding-left: 12.3076923077vw;
}
@media screen and (min-width: 390px) {
  body.soon ol li {
    min-height: 24px;
    padding-left: 48px;
  }
}
@media screen and (min-width: 1200px) {
  body.soon ol li {
    min-height: 2.2916666667vw;
    padding-left: 3.0208333333vw;
  }
}
body.soon ol li {
  counter-increment: step;
}
body.soon ol li:first-child {
  line-height: 6.1538461538vw;
}
@media screen and (min-width: 390px) {
  body.soon ol li:first-child {
    line-height: 24px;
  }
}
@media screen and (min-width: 1200px) {
  body.soon ol li:first-child {
    line-height: 2.2916666667vw;
  }
}
body.soon ol {
  counter-reset: step;
}
body.soon ol li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f51f2b;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  width: 8.2051282051vw;
  height: 8.2051282051vw;
  font-size: 5.1282051282vw;
}
@media screen and (min-width: 390px) {
  body.soon ol li::before {
    width: 32px;
    height: 32px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  body.soon ol li::before {
    font-size: 1.25vw;
    width: 2.2916666667vw;
    height: 2.2916666667vw;
  }
}
body.soon ol strong {
  display: inline-block;
  background: #f51f2b;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  border-radius: 2px;
  transform: rotate(-2deg);
  margin: 0 2px;
  padding: 1px 2px 1px;
}
@media screen and (min-width: 1200px) {
  body.soon ol strong {
    margin: 0 4px;
    padding: 1px 4px 2px;
  }
}

body.questions .question-feedback{display:flex;align-items:center;gap:10px;justify-content:center;text-align:left;margin-bottom:20px}body.questions .question-feedback p{margin:0}body.questions .question-feedback-icon i{height:32px;width:32px;display:inline-block}