*,
*::before,
*::after {
  box-sizing: border-box
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

*:focus {
  outline: thin dotted;
  outline-offset: -1px
}

a:focus {
  outline: thin dotted;
  box-shadow: none
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""
}

b,
strong {
  font-weight: bolder
}

em,
i {
  font-style: italic
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

img {
  display: block;
  height: auto;
  max-width: 100%
}

img.fade {
  animation-name: fade;
  animation-duration: .5s
}

textarea {
  resize: vertical;
  width: 100%;
  min-height: 76px;
  display: block;
  line-height: 1.3
}

input {
  line-height: 1.1
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%
}

input:focus,
textarea:focus {
  outline: none;
  border-color: #ccc
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: inherit
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: inherit;
  opacity: 1
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: inherit
}

input:focus+.search-form-button:before,
textarea:focus+.search-form-button:before {
  color: inherit
}

@keyframes fade {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  height: 100%
}

body {
  margin: 0
}

body.body-overflow {
  overflow: hidden
}

main {
  display: block
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace;
  font-size: 1em
}

a {
  background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

[class^=icon-],
[class*=" icon-"] {
  font-family: "font-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-cookie:before {
  content: ""
}

.icon-check-circle:before {
  content: ""
}

.icon-connect-hearing:before {
  content: ""
}

.icon-ear:before {
  content: ""
}

.icon-check-list:before {
  content: ""
}

.icon-shield-check:before {
  content: ""
}

.icon-face-laugh:before {
  content: ""
}

.icon-arrows-rotate:before {
  content: ""
}

.icon-badge:before {
  content: ""
}

.icon-car-crash:before {
  content: ""
}

.icon-car:before {
  content: ""
}

.icon-checkbox:before {
  content: ""
}

.icon-clock-regular:before {
  content: ""
}

.icon-cogs:before {
  content: ""
}

.icon-comment:before {
  content: ""
}

.icon-compare:before {
  content: ""
}

.icon-cross:before {
  content: ""
}

.icon-date:before {
  content: ""
}

.icon-flame:before {
  content: ""
}

.icon-headphones:before {
  content: ""
}

.icon-home:before {
  content: ""
}

.icon-house:before {
  content: ""
}

.icon-lock:before {
  content: ""
}

.icon-paper:before {
  content: ""
}

.icon-pencil:before {
  content: ""
}

.icon-percentage:before {
  content: ""
}

.icon-plus1:before {
  content: ""
}

.icon-scissors:before {
  content: ""
}

.icon-search:before {
  content: ""
}

.icon-star:before {
  content: ""
}

.icon-tag:before {
  content: ""
}

.icon-tick:before {
  content: ""
}

.icon-trophy:before {
  content: ""
}

.icon-truck:before {
  content: ""
}

.icon-users:before {
  content: ""
}

.icon-wrench:before {
  content: ""
}

.icon-leaf:before {
  content: ""
}

.icon-dollar:before {
  content: ""
}

.icon-phone:before {
  content: ""
}

.icon-filter:before {
  content: ""
}

.icon-archive:before {
  content: ""
}

.icon-map-marker:before {
  content: ""
}

.icon-mobile:before {
  content: ""
}

.icon-calendar:before {
  content: ""
}

.icon-pound:before {
  content: ""
}

.icon-euro:before {
  content: ""
}

.icon-money:before {
  content: ""
}

.icon-credit-card:before {
  content: ""
}

.icon-thought-bubble:before {
  content: ""
}

.icon-money-bag:before {
  content: ""
}

.icon-flower:before {
  content: ""
}

.icon-sun:before {
  content: ""
}

.icon-exclamation:before {
  content: ""
}

.icon-question:before {
  content: ""
}

.icon-heart:before {
  content: ""
}

.icon-thumbs-up:before {
  content: ""
}

.icon-thumbs-down:before {
  content: ""
}

.icon-hot-offer:before {
  content: ""
}

.icon-preview:before {
  content: ""
}

.icon-local-bar:before {
  content: ""
}

.icon-local-mall:before {
  content: ""
}

.icon-dinner-dining:before {
  content: ""
}

.icon-fast-food:before {
  content: ""
}

.icon-star-2:before {
  content: ""
}

.icon-swap-vert:before {
  content: ""
}

.icon-devices:before {
  content: ""
}

.icon-storefront:before {
  content: ""
}

.icon-ai:before {
  content: ""
}

.font {
  background: rgba(0, 0, 0, 0)
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign div:is(div:has(>iframe[id^=mvfFormWidget])) {
  margin: 22.5px 0 !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .0666666667), 15px 15px 1em 0 rgba(55, 84, 160, .2) !important
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign {
  z-index: 2
}

@media(min-width:768px) {
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign {
    overflow: hidden
  }
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign>.wpb_column {
  position: relative;
  z-index: 5
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign.vc_col-sm-12>div {
  max-inline-size: 67.5rem;
  margin-inline: auto;
  padding-inline: 0
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:has([id^=mvfFormWidget]) {
  display: grid;
  grid-template-columns: 1fr repeat(12, minmax(0, 96px)) 1fr;
  grid-template-rows: 1fr;
  margin-block-end: 0 !important;
  padding-block: 0;
  isolation: isolate;
  background-blend-mode: color;
  overflow: inherit
}

@media(max-width:767.98px) {
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:has([id^=mvfFormWidget]) {
    background: none !important;
    background-color: #51b4e6 !important
  }
}

@media(min-width:768px) {
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:has([id^=mvfFormWidget]) {
    grid-template-rows: 0 1fr 0
  }
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:has([id^=mvfFormWidget])>* {
  grid-column: 2/span 12;
  grid-row: 2
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:before,
.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: -2;
  grid-column-start: 4;
  grid-row: 1/-1;
  width: 100%
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:before {
  background-attachment: scroll !important;
  background-repeat: no-repeat !important;
  background-position: 100% 0 !important;
  background-size: auto 600px !important;
  min-block-size: 100% !important;
  max-inline-size: 1460px !important;
  -webkit-mask-image: linear-gradient(#000 60%, rgba(0, 0, 0, 0) 110%);
  mask-image: linear-gradient(#000 60%, rgba(0, 0, 0, 0) 110%);
  background-color: #51b4e6;
  z-index: -2
}

@media(min-width:768px) {
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:before {
    background-image: inherit;
    background-color: #fff
  }
}

@media(min-width:992px) {
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:before {
    height: 100%;
    max-height: 460px
  }
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:after {
  background: linear-gradient(90deg, #fff 20%, rgba(255, 255, 255, 0));
  grid-column-end: span 8;
  backdrop-filter: unset;
  z-index: 3;
  height: 100%
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign.background-cover:before {
  background-size: cover
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign.background-contain:before {
  background-size: contain
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign .carousel-suppliers {
  max-width: 1088px;
  margin: 0 auto;
  padding: 30px 0 10px 0
}

@media(min-width:768px) {
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign .carousel-suppliers {
    padding: 0
  }
}

@media(min-width:768px) {
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign .carousel-suppliers[data-total-positions="3"] {
    padding-top: 30px
  }
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign h1,
.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign h2,
.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign h3,
.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign h4 {
  margin: 0;
  margin-block-start: 22.5px;
  margin-block-end: 0;
  max-inline-size: 45ch;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.025em
}

@media(max-width:767.98px) {

  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign h1,
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign h2,
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign h3,
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign h4 {
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-inline: auto;
    text-align: center;
    font-size: 19px
  }
}

.pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:has(.carousel-suppliers):before {
  height: 220px
}

@media(min-width:992px) {
  .pinnacle-content .vc_row[data-vc-full-width].vc_row_decorative.hero-section-redesign:has(.carousel-suppliers):before {
    height: 260px
  }
}

@media(min-width:768px) {

  .vc_col-sm-1,
  .vc_column_container.vc_col-sm-1 {
    width: 8.3333333333%
  }
}

@media(min-width:768px) {

  .vc_col-sm-2,
  .vc_column_container.vc_col-sm-2 {
    width: 16.6666666667%
  }
}

@media(min-width:768px) {

  .vc_col-sm-3,
  .vc_column_container.vc_col-sm-3 {
    width: 25%
  }
}

@media(min-width:768px) {

  .vc_col-sm-4,
  .vc_column_container.vc_col-sm-4 {
    width: 33.3333333333%
  }
}

@media(min-width:768px) {

  .vc_col-sm-5,
  .vc_column_container.vc_col-sm-5 {
    width: 41.6666666667%
  }
}

@media(min-width:768px) {

  .vc_col-sm-6,
  .vc_column_container.vc_col-sm-6 {
    width: 50%
  }
}

@media(min-width:768px) {

  .vc_col-sm-7,
  .vc_column_container.vc_col-sm-7 {
    width: 58.3333333333%
  }
}

@media(min-width:768px) {

  .vc_col-sm-8,
  .vc_column_container.vc_col-sm-8 {
    width: 66.6666666667%
  }
}

@media(min-width:768px) {

  .vc_col-sm-9,
  .vc_column_container.vc_col-sm-9 {
    width: 75%
  }
}

@media(min-width:768px) {

  .vc_col-sm-10,
  .vc_column_container.vc_col-sm-10 {
    width: 83.3333333333%
  }
}

@media(min-width:768px) {

  .vc_col-sm-11,
  .vc_column_container.vc_col-sm-11 {
    width: 91.6666666667%
  }
}

@media(min-width:768px) {

  .vc_col-sm-12,
  .vc_column_container.vc_col-sm-12 {
    width: 100%
  }
}

@media(min-width:768px) {

  .vc_col-sm-1\/5,
  .vc_column_container.vc_col-sm-1\/5 {
    width: 20%;
    float: left
  }
}

.vc_col-xs-12,
.vc_column_container {
  width: 100%
}

.vc_col-lg-1,
.vc_col-lg-10,
.vc_col-lg-11,
.vc_col-lg-12,
.vc_col-lg-2,
.vc_col-lg-3,
.vc_col-lg-4,
.vc_col-lg-5,
.vc_col-lg-6,
.vc_col-lg-7,
.vc_col-lg-8,
.vc_col-lg-9,
.vc_col-md-1,
.vc_col-md-10,
.vc_col-md-11,
.vc_col-md-12,
.vc_col-md-2,
.vc_col-md-3,
.vc_col-md-4,
.vc_col-md-5,
.vc_col-md-6,
.vc_col-md-7,
.vc_col-md-8,
.vc_col-md-9,
.vc_col-sm-1,
.vc_col-sm-10,
.vc_col-sm-11,
.vc_col-sm-12,
.vc_col-sm-2,
.vc_col-sm-3,
.vc_col-sm-4,
.vc_col-sm-5,
.vc_col-sm-6,
.vc_col-sm-7,
.vc_col-sm-8,
.vc_col-sm-9,
.vc_col-xs-1,
.vc_col-xs-10,
.vc_col-xs-11,
.vc_col-xs-12,
.vc_col-xs-2,
.vc_col-xs-3,
.vc_col-xs-4,
.vc_col-xs-5,
.vc_col-xs-6,
.vc_col-xs-7,
.vc_col-xs-8,
.vc_col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box
}

@media(min-width:768px) {

  .vc_col-sm-1,
  .vc_col-sm-10,
  .vc_col-sm-11,
  .vc_col-sm-12,
  .vc_col-sm-2,
  .vc_col-sm-3,
  .vc_col-sm-4,
  .vc_col-sm-5,
  .vc_col-sm-6,
  .vc_col-sm-7,
  .vc_col-sm-8,
  .vc_col-sm-9 {
    float: left
  }
}

.vc_row-no-padding>.vc_column_container>.vc_column-inner {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0
}

.vc_column_container>.vc_column-inner {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%
}

.vc_column-inner:after,
.vc_column-inner:before,
.vc_row:after,
.vc_row:before {
  content: " ";
  display: table
}

.vc_column-inner:after,
.vc_row:after {
  clear: both
}

.vc_column_container {
  padding-left: 0;
  padding-right: 0
}

.vc_row {
  margin-left: -12px;
  margin-right: -12px
}

@media(max-width:991.98px) {
  .vc_row-hide-mobile {
    display: none
  }
}

@media(min-width:768px)and (max-width:1119.98px) {
  .vc_row-hide-tablet {
    display: none
  }
}

@media(min-width:992px) {
  .vc_row-hide-desktop {
    display: none
  }
}

.wpb-content-wrapper>.vc_row {
  padding: 1.25rem 0
}

@media(min-width:768px) {
  .wpb-content-wrapper>.vc_row {
    padding: 2rem 0
  }
}

.vc_row[data-vc-full-width] {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%
}

.vc_row[data-vc-full-width]:has(.comparison-table-ncd-overlay) {
  z-index: 9
}

@media(max-width:767.98px) {

  body:not(.page-template-template-brand-lander) .background-position-center-left:first-child,
  body:not(.page-template-template-brand-lander) .background-position-center-right:first-child {
    background-size: 0 0 !important
  }

  body:not(.page-template-template-brand-lander) .background-position-center-left:first-child:before,
  body:not(.page-template-template-brand-lander) .background-position-center-right:first-child:before {
    content: "";
    background: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    background-position: top right;
    background-size: 168px auto
  }
}

@media(max-width:767.98px) {

  body:not(.page-template-template-brand-lander) .background-position-center-left:first-child.vc_row_decorative:before,
  body:not(.page-template-template-brand-lander) .background-position-center-right:first-child.vc_row_decorative:before {
    background-size: 168px auto
  }
}

.vc_row[data-vc-full-width].vc_row_decorative {
  z-index: 2;
  background-size: 0 0 !important
}

@media(min-width:768px) {
  .vc_row[data-vc-full-width].vc_row_decorative {
    overflow: hidden
  }
}

.vc_row[data-vc-full-width].vc_row_decorative>.wpb_column {
  position: relative;
  z-index: 5
}

.vc_row[data-vc-full-width].vc_row_decorative:before {
  content: "";
  background: inherit;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  height: 380px;
  width: 100%;
  background-size: 49% auto;
  display: block
}

@media(min-width:992px) {
  .vc_row[data-vc-full-width].vc_row_decorative:before {
    height: 100%;
    max-height: 460px
  }
}

.vc_row[data-vc-full-width].vc_row_decorative:after {
  background: #fff;
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block
}

.vc_row[data-vc-full-width].vc_row_decorative.background-cover:before {
  background-size: cover
}

.vc_row[data-vc-full-width].vc_row_decorative.background-contain:before {
  background-size: contain
}

.vc_row[data-vc-full-width].vc_row_decorative .carousel-suppliers {
  max-width: 1088px;
  margin: 0 auto;
  padding: 30px 0 10px 0
}

@media(min-width:768px) {
  .vc_row[data-vc-full-width].vc_row_decorative .carousel-suppliers {
    padding: 0
  }
}

@media(min-width:768px) {
  .vc_row[data-vc-full-width].vc_row_decorative .carousel-suppliers[data-total-positions="3"] {
    padding-top: 30px
  }
}

.vc_row[data-vc-full-width].vc_row_decorative:has(.carousel-suppliers):before {
  height: 220px
}

@media(min-width:992px) {
  .vc_row[data-vc-full-width].vc_row_decorative:has(.carousel-suppliers):before {
    height: 260px
  }
}

.vc_row_custom {
  position: relative;
  z-index: 1;
  max-width: 1112px;
  margin: 0 auto;
  width: 100%
}

div[id^=chameleonwidget-] {
  margin: 0 auto;
  text-align: center
}

.chameleon-visibility-pending,
.match-count-visibility-pending {
  visibility: hidden
}

.wpb_content_element:after {
  content: "";
  display: table
}

@media only screen and (max-width:767px) {
  .wpb_content_element.wpb_content_element:last-child {
    margin-bottom: 0
  }
}

.wpb_single_image {
  overflow: hidden
}

.wpb_single_image a {
  display: inline-block
}

.wpb_single_image.vc_align_center {
  padding: 0 0 1rem;
  text-align: center
}

@media(min-width:768px) {
  .wpb_single_image.vc_align_center {
    padding: 0 0 1.2rem
  }
}

.wpb_single_image.vc_align_center img {
  display: block;
  margin: 0 auto
}

.wpb_single_image.vc_align_center a {
  margin: 0 auto
}

.wpb_single_image.vc_align_right {
  padding: 0 0 1rem
}

@media(min-width:768px) {
  .wpb_single_image.vc_align_right {
    padding: 0 0 1.2rem
  }
}

@media(min-width:768px) {
  .wpb_single_image.vc_align_right img {
    float: right
  }
}

@media(min-width:768px) {
  .wpb_single_image.vc_align_right a {
    float: right
  }
}

.wpb_single_image.vc_align_left {
  padding: 0 0 1rem
}

@media(min-width:768px) {
  .wpb_single_image.vc_align_left {
    padding: 0 0 1.2rem
  }
}

@media(min-width:768px) {
  .wpb_single_image.vc_align_left img {
    float: left
  }
}

.page-template-template-advertorial .wpb_single_image.vc_align_center {
  padding: 1.5rem 0 1rem
}

@media(min-width:768px) {
  .page-template-template-advertorial .wpb_single_image.vc_align_center {
    padding: 2.5rem 0 1.2rem
  }
}

.page-template-template-advertorial .wpb_single_image.vc_align_right {
  padding: 1.5rem 0 1rem
}

@media(min-width:768px) {
  .page-template-template-advertorial .wpb_single_image.vc_align_right {
    padding: 2.5rem 0 1.2rem
  }
}

.page-template-template-advertorial .wpb_single_image.vc_align_left {
  padding: 1.5rem 0 1rem
}

@media(min-width:768px) {
  .page-template-template-advertorial .wpb_single_image.vc_align_left {
    padding: 2.5rem 0 1.2rem
  }
}

.page-template-template-advertorial .wpb-content-wrapper>.vc_row {
  padding: 0
}

.wpb_wrapper p img.alignright {
  float: right;
  margin: 1rem 0 1rem 2.4rem
}

.wpb_wrapper p img.alignleft {
  float: left;
  margin: 1rem 2.4rem 1rem 0
}

.wpb_wrapper p img.aligncenter {
  margin: 1rem auto
}

.wpb_wrapper article.align-right {
  float: right
}

.wpb_wrapper article.align-right img {
  margin: 1rem 0 1rem 2.4rem
}

.wpb_wrapper article.align-left {
  float: left
}

.wpb_wrapper article.align-left img {
  margin: 1rem 2.4rem 1rem 0
}

.wpb_wrapper article.align-center img {
  margin: 1rem auto 1rem
}

.wpb_wrapper .align-right {
  text-align: right
}

.wpb_wrapper .align-left {
  text-align: left
}

.wpb_wrapper .align-center {
  text-align: center
}

.vc_row.vc_row-flex,
.vc_row.vc_row-flex>.vc_row_custom {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap
}

.vc_row.vc_row-flex>.vc_column_container,
.vc_row.vc_row-flex>.vc_row_custom>.vc_column_container {
  display: flex
}

.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner,
.vc_row.vc_row-flex>.vc_row_custom>.vc_column_container>.vc_column-inner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  z-index: 1
}

.vc_row.vc_row-flex::before,
.vc_row.vc_row-flex::after,
.vc_row.vc_row-flex>.vc_row_custom::before,
.vc_row.vc_row-flex>.vc_row_custom::after {
  display: none
}

.vc_row.vc_row-o-equal-height>.vc_column_container,
.vc_row.vc_row-o-equal-height>.vc_row_custom>.vc_column_container {
  align-items: stretch
}

.vc_row.vc_row-o-equal-height>.vc_column_container>.vc_column-inner .wpb_wrapper,
.vc_row.vc_row-o-equal-height>.vc_row_custom>.vc_column_container>.vc_column-inner .wpb_wrapper {
  height: 100%
}

.vc_row.vc_row-refcontent-pending {
  visibility: hidden
}

@media(max-width:991.98px) {
  .vc_row.vc_row-hide-background-image-mobile {
    background-image: none !important
  }
}

.vc_row:has(.hero-section) {
  padding: 0
}

.wpb_wistia {
  overflow: hidden
}

.wpb_wistia.vc_align_center {
  padding: 0 0 1rem;
  text-align: center
}

.wpb_wistia.vc_align_center .wistia_embed,
.wpb_wistia.vc_align_center iframe {
  display: block;
  margin: 0 auto
}

.wpb_wistia.vc_align_right {
  padding: 0 0 1rem
}

@media(min-width:768px) {
  .wpb_wistia.vc_align_right .wistia_embed {
    float: right
  }
}

.wpb_wistia.vc_align_left {
  padding: 0 0 1rem
}

@media(min-width:768px) {
  .wpb_wistia.vc_align_left .wistia_embed {
    float: left
  }
}

@media(max-width:991.98px) {
  .hide-on-mobile {
    display: none
  }
}

.section-title-with-border {
  border-radius: .25em !important;
  border: 1px solid #5bb1dc;
  text-wrap: balance;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: 7px 16px;
  font-size: 18px;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, .067) 11.25px 11.25px 22.5px 0px;
  color: inherit;
  background-color: #fff
}

.section-title-with-border::before {
  content: none
}

@media(min-width:992px) {
  .section-title-with-border {
    font-size: 22px;
    padding: 6px 14px
  }
}

:is(div>:has(>.u-border-gradient-top)) {
  -o-border-image: linear-gradient(0deg, rgb(218, 237, 246) 70%, rgb(255, 255, 255)) 0/0/0 100vw;
  border-image: linear-gradient(0deg, rgb(218, 237, 246) 70%, rgb(255, 255, 255)) fill 0/0/0 100vw
}

:is(div>:has(>.u-border-gradient-down)) {
  -o-border-image: linear-gradient(180deg, rgb(218, 237, 246) 70%, rgb(255, 255, 255)) 0/0/1em 100vw;
  border-image: linear-gradient(180deg, rgb(218, 237, 246) 70%, rgb(255, 255, 255)) fill 0/0/1em 100vw
}

.header-advertorial p {
  text-align: center;
  margin: 0;
  line-height: 1.5
}

.header-container {
  padding: .5rem 0;
  display: flex;
  justify-content: center;
  align-items: center
}

@media(min-width:768px) {
  .header-container {
    justify-content: flex-start
  }
}

.header-logo {
  max-width: var(--logo-max-width, 450px)
}

.header-logo img,
.header-logo svg {
  max-height: var(--logo-max-height, 70px)
}

.header-cta {
  display: flex;
  justify-content: center
}

@media(min-width:768px) {
  .header-cta {
    margin-left: auto
  }
}

.header-cta.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #d1d1d1;
  z-index: 10;
  transition: .35s
}

@media(min-width:768px) {
  .header-cta.is-sticky {
    padding: 10px 0
  }
}

@media(min-width:768px) {
  .admin-bar .header-cta.is-sticky {
    top: 32px
  }
}

.header-cta-button {
  display: none;
  font-size: 1.1rem;
  font-weight: 700;
  width: 100%;
  line-height: 2.5;
  text-decoration: none;
  max-width: 500px;
  padding: 0 1rem;
  transition: .35s;
  text-align: center
}

.is-sticky .header-cta-button {
  display: block
}

.header-cta-button:hover {
  text-decoration: none
}

@media(min-width:576px) {
  .header-cta-button {
    display: block
  }
}

@media(min-width:768px) {
  .header-cta-button {
    padding: 0 2.5rem;
    font-size: 1.3rem
  }
}

.header-cta-box {
  border: 1px solid #bbb;
  padding: 1rem;
  margin: 0 0 1rem 0;
  text-align: center
}

.header-cta-box-options {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 2rem auto .5rem auto
}

.header-cta-box-options li {
  margin: 0 1rem .4rem 0;
  display: block;
  width: 100%;
  max-width: 300px
}

@media(min-width:768px) {
  .header-cta-box-options li {
    min-width: 75px
  }
}

@media(min-width:992px) {
  .header-cta-box-options li {
    min-width: 90px
  }
}

.header-cta-box-option {
  display: block;
  padding: 1rem .8rem;
  text-align: center;
  text-decoration: none
}

.header-cta-box-option:hover {
  text-decoration: none
}

.article-meta {
  display: flex;
  align-items: center;
  margin-bottom: 1rem
}

.article-meta-image {
  margin-right: 10px;
  width: 40px;
  min-width: 40px;
  height: 40px
}

.article-meta.the-independent .article-meta-image {
  width: 80px;
  height: 36px
}

.article-meta-title {
  font-size: 1rem;
  font-weight: 700
}

.article-meta-updated {
  font-size: .9rem
}

.article-meta-asa-compliance {
  margin: 0;
  font-weight: 300;
  color: #54595f;
  font-size: .675rem;
  line-height: inherit
}

@media(min-width:768px) {
  .sidebar-cta {
    position: sticky;
    top: 20px;
    padding: 14px 18px 18px;
    margin: 0 0 20px
  }

  .header-cta-post .sidebar-cta {
    top: 90px
  }

  .post-sidebar-static .sidebar-cta {
    position: static
  }
}

@media(min-width:768px) {
  .sidebar-cta-title {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2rem;
    margin: 0 0 18px
  }
}

.sidebar-cta-subtitle {
  text-align: center;
  line-height: 1.5
}

@media(min-width:768px) {
  .sidebar-cta-option {
    display: block;
    text-align: center;
    padding: 14px 5px;
    margin: 0 0 18px;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 700
  }
}

.sidebar-cta-option:hover,
.sidebar-cta-option:focus {
  text-decoration: none
}

.sidebar-cta-footer {
  text-align: center
}

@media(min-width:768px) {
  .sidebar-cta-footer {
    border-top: 1px solid #ccc;
    padding: 18px 0 0 0
  }

  .sidebar-cta-footer p:last-child {
    margin: 0
  }
}

.cover-component {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1
}

.cover-component-line {
  border-top: 1px solid #bbb
}

.cover-component-color {
  height: 40%;
  max-height: 400px
}

@media(min-width:768px) {
  .cover-component-color {
    height: 60%;
    max-height: 600px
  }
}

@media(min-width:768px) {
  .cover-component-image {
    height: 600px;
    max-height: 600px
  }

  .cover-component-image+.site-main .article {
    margin-top: 7.5rem;
    background: #fff;
    padding: 2rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }
}

.trust-badges {
  max-width: 800px;
  margin: 15px auto 0
}

@media(min-width:992px) {
  .trust-badges {
    margin: 15px auto 50px
  }
}

.trust-badges-list {
  text-align: center
}

@media(min-width:768px) {
  .trust-badges-list {
    display: flex;
    align-items: center;
    justify-content: center
  }
}

.trust-badges-item {
  color: inherit;
  font-size: .813rem
}

.trust-badges-item i {
  margin-right: 7px
}

.trust-badges-item:not(:last-child) {
  margin: 0 0 10px 0
}

@media(min-width:768px) {
  .trust-badges-item:not(:last-child) {
    margin: 0 27px 0 0
  }
}

.how-we-match-list {
  display: flex;
  justify-content: space-between;
  counter-reset: steps;
  flex-wrap: wrap
}

.how-we-match-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 5px;
  max-width: 100%;
  width: 100%;
  margin-bottom: 4rem
}

@media(min-width:768px) {
  .how-we-match-item {
    max-width: 33.33%;
    width: 33.33%
  }
}

.how-we-match-item h4 {
  color: inherit;
  font-size: 1.25rem;
  margin-bottom: 16px
}

.how-we-match-item p {
  font-size: .938rem;
  margin: 0
}

.how-we-match-ico {
  height: 80px;
  margin: 0 auto 15px
}

.overlay:not(.page-template-template-brand-lander .overlay) .overlay-title,
.overlay:not(.page-template-template-brand-lander .overlay) .overlay-subtitle {
  text-align: center;
  margin: 0 0 5px;
  color: inherit
}

.overlay:not(.page-template-template-brand-lander .overlay) .overlay-title:before,
.overlay:not(.page-template-template-brand-lander .overlay) .overlay-subtitle:before {
  display: none
}

@media(min-width:768px) {
  .overlay:not(.page-template-template-brand-lander .overlay) .overlay-title {
    margin: 16px 0 5px
  }
}

.overlay:not(.page-template-template-brand-lander .overlay) .overlay-subtitle {
  display: none
}

@media(min-width:768px) {
  .overlay:not(.page-template-template-brand-lander .overlay) .overlay-subtitle {
    display: block
  }
}

.chameleon-overlay {
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999;
  height: 0;
  width: 100%;
  opacity: 0;
  transition: opacity .4s ease-in-out;
  color: #fff
}

.chameleon-overlay.is-active {
  width: 100%;
  height: 100%;
  opacity: 1
}

.chameleon-overlay h1,
.chameleon-overlay h2,
.chameleon-overlay h3,
.chameleon-overlay h4,
.chameleon-overlay h5,
.chameleon-overlay h6 {
  color: inherit
}

.chameleon-overlay-decoration-left,
.chameleon-overlay-decoration-right {
  position: absolute;
  opacity: .8;
  top: 50%;
  z-index: 1;
  width: 15vw;
  height: 15vw;
  transform: translateY(-50%) rotate(45deg)
}

.chameleon-overlay-decoration-left {
  right: calc(100% - 5vw)
}

.chameleon-overlay-decoration-right {
  left: calc(100% - 5vw)
}

@media(min-width:768px) {
  .admin-bar .chameleon-overlay {
    top: 32px;
    padding-bottom: 32px
  }

  .admin-bar .chameleon-overlay .chameleon-overlay-close {
    top: 56px
  }
}

.chameleon-overlay-wrapper {
  max-width: 962px;
  margin: 0 auto;
  padding: 0 16px
}

.chameleon-overlay-close {
  position: fixed;
  top: 14px;
  right: 14px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  font-size: 0;
  background: rgba(0, 0, 0, 0);
  border: none;
  float: right;
  cursor: pointer;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(min-width:768px) {
  .chameleon-overlay-close {
    top: 16px;
    right: 29px;
    transition: transform .2s ease-in-out
  }

  .chameleon-overlay-close:hover {
    transform: rotateZ(90deg)
  }
}

@media(min-width:992px) {
  .chameleon-overlay-close {
    top: 17px;
    right: 29px
  }
}

.chameleon-overlay-close span {
  font-size: 30px;
  line-height: 1;
  display: block
}

.chameleon-overlay-close span:before,
.chameleon-overlay-close span:after {
  content: "";
  width: 14px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: inherit
}

@media(min-width:768px) {

  .chameleon-overlay-close span:before,
  .chameleon-overlay-close span:after {
    width: 18px
  }
}

.chameleon-overlay-close span:before {
  transform: translate(-50%, -50%) rotate(45deg)
}

.chameleon-overlay-close span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.chameleon-overlay-header-box {
  display: flex;
  justify-content: space-between;
  padding: 16px 0
}

@media(min-width:768px) {
  .chameleon-overlay-header-box {
    padding: 8px 45px;
    justify-content: space-between;
    align-items: center
  }
}

@media(min-width:992px) {
  .chameleon-overlay-header-box {
    padding: 8px 0
  }
}

@media(max-width:767.98px) {
  .chameleon-overlay-header-box:has(.chameleon-overlay-header-tagline) {
    justify-content: center
  }
}

.chameleon-overlay-header-tagline {
  font-size: 1.125rem
}

@media(max-width:767.98px) {
  .chameleon-overlay-header-tagline {
    display: none
  }
}

.chameleon-overlay-header-tagline.header-tagline-bold {
  font-weight: 700
}

.chameleon-overlay-header-tagline-mobile {
  font-size: .9375rem;
  text-align: center;
  padding: 5px
}

.chameleon-overlay-header-tagline-mobile.header-tagline-bold {
  font-weight: 700
}

@media(min-width:768px) {
  .chameleon-overlay-header-tagline-mobile {
    display: none
  }
}

.chameleon-overlay-header-logotypes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0px
}

@media(min-width:768px) {
  .chameleon-overlay-header-logotypes {
    width: auto;
    justify-content: flex-start
  }

  .no-number .chameleon-overlay-header-logotypes {
    width: 100%;
    justify-content: space-between
  }
}

@media(min-width:768px) {
  .chameleon-overlay-header-sublogo {
    margin-right: 20px
  }
}

@media(min-width:992px) {
  .chameleon-overlay-header-sublogo {
    margin-right: 40px
  }
}

.chameleon-overlay-header-sublogo img {
  max-width: 140px;
  max-height: 70px;
  width: 100%
}

@media(min-width:992px) {
  .chameleon-overlay-header-sublogo img {
    max-width: 200px
  }
}

.chameleon-overlay-header-logo {
  text-align: center;
  position: relative;
  margin: 0 16px
}

@media(min-width:768px) {
  .chameleon-overlay-header-logo {
    margin: 0 0 0 10px
  }
}

@media(min-width:992px) {
  .chameleon-overlay-header-logo {
    margin: 0 0 0 10px
  }

  .chameleon-overlay-header-logo:before {
    left: -40px
  }
}

.chameleon-overlay-header-association {
  display: block;
  line-height: 1;
  font-size: .813rem
}

.chameleon-overlay-header-info {
  display: flex;
  align-items: center
}

.chameleon-overlay-header-text {
  display: none
}

@media(min-width:768px) {
  .chameleon-overlay-header-text {
    display: block;
    font-size: 1.0625rem
  }
}

.chameleon-overlay-header-btn.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%
}

@media(min-width:768px) {
  .chameleon-overlay-header-btn.btn {
    margin-left: 20px;
    font-size: 1.0625rem;
    width: auto
  }
}

.chameleon-overlay-header-btn.btn:hover {
  transform: none
}

.chameleon-overlay-header-btn.btn .btn-icon {
  margin-right: 6px
}

.chameleon-overlay-awards {
  display: none
}

@media(min-width:768px) {
  .chameleon-overlay-awards {
    display: flex;
    align-items: center
  }

  .chameleon-overlay-awards img {
    height: 30px;
    max-width: 40px;
    margin: 10px;
    -o-object-fit: contain;
    object-fit: contain
  }
}

.chameleon-overlay-main {
  position: relative;
  z-index: 2
}

.chameleon-overlay-main h3 {
  line-height: 1;
  text-align: center;
  color: inherit;
  margin: 0 0 16px
}

@media(min-width:768px) {
  .chameleon-overlay-main h3 {
    margin: 0 0 32px
  }
}

.chameleon-overlay-element {
  padding: 32px 0;
  border-bottom: 1px solid #fff
}

.chameleon-overlay-element:last-child {
  border-bottom: none
}

@media(min-width:768px) {
  .chameleon-overlay-element {
    padding: 64px 0
  }
}

.chameleon-advanced-banner {
  align-content: baseline;
  flex-direction: column;
  overflow: hidden;
  position: sticky;
  bottom: 0;
  z-index: 999;
  height: 101px;
  padding-bottom: 0;
  display: none
}

@media(min-width:768px) {
  .chameleon-advanced-banner {
    height: 115px
  }
}

.chameleon-advanced-banner.is-open {
  display: flex
}

.chameleon-advanced-banner .banner-sticky {
  top: 100%;
  position: relative;
  transition: all .3s ease-out;
  background: #f5fbfe;
  height: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  width: 100%;
  display: flex;
  margin-top: 80px
}

.chameleon-advanced-banner .banner-close {
  position: absolute;
  background-color: #f5fbfe;
  width: 30px;
  height: 28px;
  left: 1rem;
  bottom: 76px;
  z-index: 999;
  border-radius: 4px 4px 0 0;
  box-shadow: 0px -4px 3px rgba(50, 50, 50, .3);
  cursor: pointer;
  border: none;
  outline: none;
  display: flex;
  justify-content: center
}

@media(min-width:768px) {
  .chameleon-advanced-banner .banner-close {
    right: 1rem;
    left: auto;
    bottom: 80px
  }
}

.chameleon-advanced-banner .banner-close-icon {
  display: block;
  position: relative
}

.chameleon-advanced-banner .banner-close-icon:after,
.chameleon-advanced-banner .banner-close-icon:before {
  background: inherit;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 18px
}

.chameleon-advanced-banner .banner-close-icon:before {
  transform: translate(-50%, -50%) rotate(45deg)
}

.chameleon-advanced-banner .banner-close-icon:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.chameleon-advanced-banner .banner-sticky-in {
  top: 4px;
  height: 80px;
  margin: auto 0 0 0;
  padding: 0 1rem
}

.chameleon-advanced-banner .banner-wrap {
  max-width: 800px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 5px;
  align-items: center;
  font-weight: 700
}

@media(min-width:768px) {
  .chameleon-advanced-banner .banner-wrap {
    grid-template-columns: 2fr 1fr
  }
}

.chameleon-advanced-banner .banner-text,
.chameleon-advanced-banner .banner-action {
  padding: 0
}

@media(min-width:768px) {

  .chameleon-advanced-banner .banner-text,
  .chameleon-advanced-banner .banner-action {
    margin: 0 0 7px 0
  }
}

.chameleon-advanced-banner .banner-text {
  text-align: center;
  line-height: 1.2;
  font-size: 1.25rem;
  color: #053c5e
}

@media(min-width:768px) {
  .chameleon-advanced-banner .banner-text {
    text-align: right
  }
}

.chameleon-advanced-banner .banner-text p {
  margin: 0
}

.chameleon-advanced-banner .banner-action .btn {
  color: #fff;
  border-color: #fff;
  text-decoration: none;
  background-color: #fe621d;
  padding: .7rem 2rem;
  margin-left: .5rem;
  border-radius: 6px;
  cursor: pointer;
  font-size: 1rem
}

.chameleon-advanced-banner .banner-action .btn-text {
  display: none
}

@media(min-width:768px) {
  .chameleon-advanced-banner .banner-action .btn-text {
    display: inline-block
  }
}

.chameleon-advanced-banner .banner-action .btn .btn-icon {
  border-style: solid;
  border-color: inherit;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-45deg)
}

[class^=mvf-loading-subline-] {
  z-index: 9999999 !important
}

.page-template-template-advertorial .chameleon-overlay-decoration-left,
.page-template-template-advertorial .chameleon-overlay-decoration-right {
  top: 40%
}

@media(min-width:768px) {
  .admin-bar .page-template-template-advertorial .chameleon-overlay .chameleon-overlay-close {
    top: 42px
  }
}

.page-template-template-advertorial .chameleon-overlay-close {
  width: 30px;
  height: 30px;
  background: #fff
}

@media(min-width:768px) {
  .page-template-template-advertorial .chameleon-overlay-close {
    width: 40px;
    height: 40px
  }
}

.page-template-template-advertorial .chameleon-overlay-close span {
  font-size: 40px
}

.page-template-template-advertorial .chameleon-overlay-close span:before,
.page-template-template-advertorial .chameleon-overlay-close span:after {
  width: 24px;
  height: 4px
}

.page-template-template-advertorial .chameleon-overlay-header-box {
  justify-content: center
}

@media(min-width:768px) {
  .page-template-template-advertorial .chameleon-overlay-header-box {
    justify-content: space-between
  }
}

.page-template-template-advertorial .chameleon-overlay-logo {
  width: auto;
  text-align: center;
  max-width: 180px
}

.page-template-template-advertorial .chameleon-overlay-main h3 {
  font-size: 1.2rem
}

.page-template-template-advertorial .chameleon-overlay .flexi-comp-footer {
  background: #000;
  color: #fff
}

.page-template-template-advertorial .chameleon-overlay .flexi-comp-footer a {
  color: #fff
}

.page-template-template-advertorial .chameleon-overlay .flexi-comp-footer-divider {
  border-color: #fff
}

.chameleon-message-banner {
  --background-color: #1c9077;
  --text-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  padding: .5rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  font-size: 1rem;
  pointer-events: none;
  opacity: 0;
  display: none;
  text-align: center;
  transition-property: opacity, display;
  transition-duration: .4s;
  transition-timing-function: ease;
  transition-behavior: allow-discrete;
  background-color: var(--background-color);
  color: var(--text-color)
}

@media(min-width:768px) {
  .chameleon-message-banner {
    padding: .5rem 1rem;
    font-size: 1.2rem
  }
}

.chameleon-message-banner--visible {
  display: flex;
  opacity: 1
}

@starting-style {
  .chameleon-message-banner--visible {
    opacity: 0
  }
}

.chameleon-message-banner-icon {
  width: 18px;
  height: 18px;
  display: none
}

@media(min-width:768px) {
  .chameleon-message-banner-icon {
    display: flex
  }
}

.chameleon-message-banner-icon-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.ecox-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2147483646;
  background: var(--loader-background-color);
  backdrop-filter: blur(2px);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  display: none
}

.ecox-bg-elements {
  position: absolute;
  inset: 0;
  pointer-events: none
}

.ecox-bg-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(43, 88, 163, 0.2), transparent)
}

.ecox-main-content {
  position: relative;
  z-index: 10;
  max-width: 480px;
  width: 100%;
  padding: 0 20px;
  animation: ecox-fade-up .8s ease-out
}

@media(max-width:991.98px) {
  .ecox-main-content {
    max-width: 340px
  }
}

.ecox-main-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, .15);
  padding: 32px;
  text-align: center;
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  animation: ecox-fade-up .8s ease-out .2s both
}

@media(min-width:576px)and (max-width:991.98px) {
  .ecox-main-card {
    padding: 24px 20px
  }
}

@media(max-width:767.98px) {
  .ecox-main-card {
    padding: 20px
  }
}

.ecox-value-section {
  margin-bottom: 32px
}

.ecox-value-section .ecox-value {
  font-size: 34px;
  color: var(--main-loader-color)
}

.ecox-value-section .ecox-value-subtitle {
  font-size: 16px
}

@media(max-width:767.98px) {
  .ecox-value-section {
    margin-bottom: 20px
  }
}

.ecox-progress-container {
  width: 100%;
  background: rgba(248, 217, 196, .35);
  border-radius: 999px;
  height: 8px;
  margin-bottom: 16px;
  overflow: hidden
}

.ecox-progress-fill {
  height: 100%;
  background: linear-gradient(280deg, var(--main-loader-color), hsl(from var(--main-loader-color) h s l/0.6));
  border-radius: 999px;
  width: 0;
  transition: width .4s ease-out;
  box-shadow: 0 0 8px rgba(28, 144, 119, .4)
}

.ecox-process-section {
  margin-bottom: 24px;
  transition: opacity .2s ease-in-out
}

.ecox-process-section.step-2 {
  opacity: 0;
  display: none
}

@media(max-width:767.98px) {
  .ecox-process-section {
    margin-bottom: 16px
  }
}

.ecox-main-title {
  font-size: 22px;
  font-weight: 700;
  color: #2d3350;
  margin-bottom: 8px;
  line-height: 1.3
}

@media(max-width:991.98px) {
  .ecox-main-title {
    font-size: 20px
  }
}

.ecox-steps-preview {
  font-size: 15px;
  color: rgba(45, 51, 80, .8);
  font-weight: 500;
  margin-bottom: 12px
}

@media(max-width:991.98px) {
  .ecox-steps-preview {
    font-size: 14px
  }
}

.ecox-time-estimate {
  font-size: 14px;
  color: var(--main-loader-color);
  font-weight: 600;
  background: hsl(from var(--main-loader-color) h s l/0.12);
  padding: 6px 16px;
  border-radius: 20px;
  display: inline-block
}

.ecox-trust-section {
  padding-top: 20px;
  border-top: 1px solid rgba(45, 51, 80, .12)
}

.ecox-trust-text {
  font-size: 14px;
  color: rgba(45, 51, 80, .7);
  font-weight: 500
}

.ecox-highlight {
  color: var(--main-loader-color);
  font-weight: 600
}

.ecox-noscroll {
  overflow: hidden
}

@keyframes ecox-pulse-glow {

  0%,
  100% {
    opacity: .3;
    transform: translate(-50%, -50%) scale(1)
  }

  50% {
    opacity: .6;
    transform: translate(-50%, -50%) scale(1.1)
  }
}

@keyframes ecox-fade-up {
  from {
    opacity: 0;
    transform: translateY(30px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

#multistep-banner {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  padding: 24px 56px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events: none
}

#multistep-banner>div {
  display: none
}

#multistep-banner>div.active {
  display: block
}

#multistep-banner.active {
  opacity: 1;
  pointer-events: initial
}

#multistep-banner .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 8px -2px
}

#multistep-banner .icon.loading {
  border: 2px solid color-mix(in srgb, currentColor 20%, transparent);
  border-radius: 50%;
  animation-name: mb-loader;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

#multistep-banner .mb-close {
  position: absolute;
  top: 24px;
  right: 24px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  outline: none
}

#multistep-banner .mb-close:hover {
  opacity: .7
}

.chameleon-overlay #multistep-banner .mb-close {
  display: none
}

@keyframes mb-loader {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

.advertising-disclosure-bar {
  padding: .5rem 0;
  background: #fff;
  border-bottom: 1px solid #dedede
}

.advertising-disclosure-bar p {
  margin: 0;
  text-align: center;
  line-height: 1.4;
  font-size: 13px
}

.site {
  overflow: hidden
}

.content-area {
  position: relative;
  padding-top: 1rem
}

.post-info-subtitle {
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 1rem 0;
  font-weight: 400
}

@media(min-width:768px) {
  .post-info-subtitle {
    font-size: 1.6rem;
    line-height: 1.3
  }
}

@media(min-width:768px) {
  .post-wrap {
    display: flex
  }
}

@media(min-width:768px) {
  .post-main {
    width: 100%
  }
}

.post-sidebar {
  display: none
}

@media(min-width:768px) {
  .post-sidebar {
    display: block;
    min-width: 215px;
    width: 215px;
    margin-left: 20px
  }
}

@media(min-width:992px) {
  .post-sidebar {
    margin-left: 40px
  }
}

.flexi-comp-video-container {
  max-width: 686px;
  margin: 0 auto 20px
}

@media(min-width:768px) {
  .flexi-comp-video-container {
    margin: 0 auto 30px
  }
}

.trustpilot-widget {
  margin: 2rem 0
}

@keyframes slidein {
  from {
    bottom: -100%
  }

  to {
    bottom: 40px
  }
}

@media(max-width:768px) {
  .brand-logo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .brand-logo img {
    max-width: 200px
  }

  .article-meta-image,
  .article-meta-title {
    display: none !important
  }

  .article-meta-updated {
    display: block !important
  }

  h2 {
    font-size: 1.4rem
  }

  h3 {
    font-size: 1.1rem
  }
}
