*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  margin: 0 0 1.5em;
}

h1,
h2,
h3,
h4 {
  font-weight: 800;
  color: #00a19a;
  line-height: 1.15;
}

h2 {
  font-size: 2.4rem;
  margin: 1.2em 0 0.9em;
}

@media screen and (min-width: 768px) {
  h2 {
    font-size: 4rem;
  }
}

h2:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .h-large-mobile {
    font-size: 4.1rem;
    margin: 1em 0 0.6em;
  }
}

h3 {
  font-size: 2.4rem;
  margin: 1.2em 0 0.6em;
}

@media screen and (min-width: 768px) {
  h3 {
    font-size: 3.8rem;
  }
}

.standout-copy {
  font-size: 2.4rem;
  color: #95c11e;
  font-weight: 700;
  line-height: 1.1;
}

@media screen and (min-width: 1024px) {
  .standout-copy {
    font-size: 4.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .centered-lrg {
    text-align: center;
  }
}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.container {
  max-width: 1250px;
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .container {
    margin: 0 30px;
  }
}

@media screen and (min-width: 1310px) {
  .container {
    margin: 0 auto;
    width: 100%;
  }
}

.container-mid {
  max-width: 1300px;
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .container-mid {
    margin: 0 30px;
  }
}

@media screen and (min-width: 1360px) {
  .container-mid {
    margin: 0 auto;
    width: 100%;
  }
}

.container-wide {
  max-width: 1360px;
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .container-wide {
    margin: 0 30px;
  }
}

@media screen and (min-width: 1420px) {
  .container-wide {
    margin: 0 auto;
    width: 100%;
  }
}

.container-narrow {
  max-width: 750px;
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .container-narrow {
    margin: 0 30px;
  }
}

@media screen and (min-width: 810px) {
  .container-narrow {
    margin: 0 auto;
    width: 100%;
  }
}

.section {
  margin: 2em auto;
}

@media screen and (min-width: 768px) {
  .section {
    margin: 4em auto;
  }
}

.section-padded {
  padding: 2em 0;
}

@media screen and (min-width: 768px) {
  .section-padded {
    padding: 4em 0;
  }
}

.toggles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}

.toggles .lrg-toggle+.lrg-toggle {
  margin: 22px 0 0;
}

@media screen and (min-width: 768px) {
  .toggles {

    -webkit-flex-direction: row;
    -webkit-justify-content: center;
    -webkit-align-items: center;




    flex-direction: row;
    justify-content: center;
    align-items: center;



  }

  .toggles .lrg-toggle+.lrg-toggle {
    margin: 0 0 0 30px;
  }
}

@media screen and (min-width: 1024px) {
  .toggles .lrg-toggle+.lrg-toggle {
    margin: 0 0 0 80px;
  }
}

.lrg-toggle {
  position: relative;
}

.lrg-toggle input[type="radio"],
.lrg-toggle input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.lrg-toggle input[type="radio"]+label,
.lrg-toggle input[type="checkbox"]+label {
  display: block;
  width: 165px;
  height: 165px;
  border: 7px solid #9ac720;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;


  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;

  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 2.1rem;
  font-weight: 700;
  color: #00a19a;
  background: #fff;
}

.lrg-toggle input[type="radio"]+label img,
.lrg-toggle input[type="checkbox"]+label img {
  display: block;
  width: 70px;
  height: 70px;
  object-fit: contain;
  margin: 0 0 10px;
}

.lrg-toggle input[type="radio"]:checked+label,
.lrg-toggle input[type="checkbox"]:checked+label {
  border: 7px solid #ffb400;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.2);
}


.lrg-toggle input[type="radio"]+label:hover,
.lrg-toggle input[type="checkbox"]+label:hover {
  border: 7px solid #ffb400;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.2);

}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
select,
textarea {
  display: block;
  width: 100%;
  border-radius: 6px;
  padding: 0.9em 1em;
  color: #000;
  background: #fff;
  font-size: 1.6rem;
  border: none;
}

.input-wrap {
  margin: 0 0 0.8em;
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  .input-wrap {
    margin: 0 0 1.8em;
  }
}

.check-wrap a {
  color: inherit;
  text-decoration: underline;
}

.check-wrap input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.check-wrap input+span {
  position: relative;
  width: 21px;
  height: 21px;
  display: inline-block;
  background: #fff;
  border-radius: 3px;
  margin: 0 10px 0 0;
  top: 4px;
}

.check-wrap input+span::after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.check-wrap input:checked+span::after {
  display: block;
}









/* Style 1 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  margin: 0 0 1.5em;
}

h1,
h2,
h3,
h4 {
  font-weight: 800;
  color: #00a19a;
  line-height: 1.15;
}

h2 {
  font-size: 2.4rem;
  margin: 1.2em 0 0.9em;
}

@media screen and (min-width: 768px) {
  h2 {
    font-size: 4rem;
  }
}

h2:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .h-large-mobile {
    font-size: 4.1rem;
    margin: 1em 0 0.6em;
  }
}

h3 {
  font-size: 2.4rem;
  margin: 1.2em 0 0.6em;
}

@media screen and (min-width: 768px) {
  h3 {
    font-size: 3.8rem;
  }
}

.standout-copy {
  font-size: 2.4rem;
  color: #95c11e;
  font-weight: 700;
  line-height: 1.1;
}

@media screen and (min-width: 1024px) {
  .standout-copy {
    font-size: 4.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .centered-lrg {
    text-align: center;
  }
}

/* Style 2 */
/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* Style 3 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Style 4 */
.container {
  max-width: 1250px;
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .container {
    margin: 0 30px;
  }
}

@media screen and (min-width: 1310px) {
  .container {
    margin: 0 auto;
    width: 100%;
  }
}

.container-mid {
  max-width: 1300px;
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .container-mid {
    margin: 0 30px;
  }
}

@media screen and (min-width: 1360px) {
  .container-mid {
    margin: 0 auto;
    width: 100%;
  }
}

.container-wide {
  max-width: 1360px;
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .container-wide {
    margin: 0 30px;
  }
}

@media screen and (min-width: 1420px) {
  .container-wide {
    margin: 0 auto;
    width: 100%;
  }
}

.container-narrow {
  max-width: 750px;
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .container-narrow {
    margin: 0 30px;
  }
}

@media screen and (min-width: 810px) {
  .container-narrow {
    margin: 0 auto;
    width: 100%;
  }
}

/* Style 5 */
.section {
  margin: 2em auto;
}

@media screen and (min-width: 768px) {
  .section {
    margin: 4em auto;
  }
}

.section-padded {
  padding: 2em 0;
}

@media screen and (min-width: 768px) {
  .section-padded {
    padding: 4em 0;
  }
}

/* Style 6 */
.toggles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}

.toggles .lrg-toggle+.lrg-toggle {
  margin: 22px 0 0;
}

@media screen and (min-width: 768px) {
  .toggles {

    -webkit-flex-direction: row;
    -webkit-justify-content: center;
    -webkit-align-items: center;




    flex-direction: row;
    justify-content: center;
    align-items: center;



  }

  .toggles .lrg-toggle+.lrg-toggle {
    margin: 0 0 0 30px;
  }
}

@media screen and (min-width: 1024px) {
  .toggles .lrg-toggle+.lrg-toggle {
    margin: 0 0 0 80px;
  }
}

.lrg-toggle {
  position: relative;
}

.lrg-toggle input[type="radio"],
.lrg-toggle input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.lrg-toggle input[type="radio"]+label,
.lrg-toggle input[type="checkbox"]+label {
  display: block;
  width: 165px;
  height: 165px;
  border: 7px solid #9ac720;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;


  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;

  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 2.1rem;
  font-weight: 700;
  color: #00a19a;
  background: #fff;
}

.lrg-toggle input[type="radio"]+label img,
.lrg-toggle input[type="checkbox"]+label img {
  display: block;
  width: 70px;
  height: 70px;
  object-fit: contain;
  margin: 0 0 10px;
}

.lrg-toggle input[type="radio"]:checked+label,
.lrg-toggle input[type="checkbox"]:checked+label {
  border: 7px solid #ffb400;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.2);
}


.lrg-toggle input[type="radio"]+label:hover,
.lrg-toggle input[type="checkbox"]+label:hover {
  border: 7px solid #ffb400;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.2);

}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
select,
textarea {
  display: block;
  width: 100%;
  border-radius: 6px;
  padding: 0.9em 1em;
  color: #000;
  background: #fff;
  font-size: 1.6rem;
  border: none;
}

.input-wrap {
  margin: 0 0 0.8em;
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  .input-wrap {
    margin: 0 0 1.8em;
  }
}

.check-wrap a {
  color: inherit;
  text-decoration: underline;
}

.check-wrap input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.check-wrap input+span {
  position: relative;
  width: 21px;
  height: 21px;
  display: inline-block;
  background: #fff;
  border-radius: 3px;
  margin: 0 10px 0 0;
  top: 4px;
}

.check-wrap input+span::after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.check-wrap input:checked+span::after {
  display: block;
}

/* Style 7 */
.form-hero__form {
  padding: 1.5rem 0.8rem;
  background: white;
  border-radius: 8px;
}

.form-hero__subheading,
.form-hero__prompt {
  color: #00a19a !important;
}

.twin-col p {
  color: #29235C;

  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.twin-col h3 {
  color: #29235C !important;
}


#promise {
  background-color: #1F7BC3;
  color: #fff;
  padding: 2em 0 1em 0;
}

#promise h3 {
  font-size: 2.4em;
  font-weight: 700;
  padding-bottom: 1.5rem;
  color: white !important;
}

#promise p {
  font-weight: 500;
  line-height: 1.5em;
  padding-bottom: 1.5rem;
  color: white !important;
}

#promise p.bold {
  font-weight: 700;
}

#promise ul {
  padding-top: 3rem;
  padding-left: 0;
}

#promise ul li {
  background: transparent url(images/tick-circle-white.png) no-repeat left center;
  list-style: none;
  padding: 1rem 0 1rem 4rem;
  font-size: 1.5em;
  font-weight: 800;
}

#promise a {
  background: white !important;
  color: #1F7BC3 !important;
}

#promise a:hover {
  background: #E30000 !important;
  color: white !important;
}

.Wiz {
    background: #E4EEF3 url(../Images/Wizbg.jpg) no-repeat center;
    min-height: 255px;
    width: 100%;
    background-size: cover;
    position: relative;
}
#did-you-know {
  background: #1F7BC3 url(../images/bg-did-you-know-blue.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 20rem;
  color: #fff;
  min-height: 861px;
}

#did-you-know h2 {
  color: white;
  font-weight: 700;
  padding-bottom: 1.5rem
}

#did-you-know p {
  padding-bottom: 1.7rem;
  line-height: 1.5em;
  font-size: 1.0em;
  font-weight: 500;
  color: #FFFFFF;

  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

#did-you-know p span.question {
  font-weight: 700;
}

#did-you-know h3 {
  color: #FFFFFF !important;
  font-size: 35px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 45px;
}


#did-you-know h3 span.pink {
  color: #E30000;
}





@media only screen and (min-width: 640px) {

  .medium-1,
  .medium-2,
  .medium-3,
  .medium-4,
  .medium-5,
  .medium-6,
  .medium-7,
  .medium-8,
  .medium-9,
  .medium-10,
  .medium-11,
  .medium-12 {
    position: relative;
    float: left;
    padding-left: 2.6rem;
    padding-right: 2.6rem;
  }

  .medium-1 {
    width: 8.33333%;
  }

  .medium-2 {
    width: 16.66667%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-4 {
    width: 33.33333%;
  }

  .medium-5 {
    width: 41.66667%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-7 {
    width: 58.33333%;
  }

  .medium-8 {
    width: 66.66667%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-10 {
    width: 83.33333%;
  }

  .medium-11 {
    width: 91.66667%;
  }

  .medium-12 {
    width: 100%;
  }
}

.medium-2 {
  width: 16.66667%;
}

.medium-10 {
  width: 83.33333%;
}

.form-hero {
  background: #E4EEF3;
  min-height: 325px;
  width: 100%;
}

.form-hero h2 {
  width: 100%;
  max-width: 100%;
  color: #2F2769;
  padding-top: 3.2rem;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 35px;
  text-transform: uppercase;
  margin-bottom: 0.1rem;

}

.form-hero h1 {
  width: 100%;
  max-width: 100%;
  color: #1F7BC3;
  padding-top: .2rem;
  margin-top: .2rem;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 45px;
}


.twin-col .standout-copy {
  color: #1F7BC3;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 39px;
}

@media only screen and (min-width: 480px) {
  #did-you-know h3 {
    color: #FFFFFF !important;

    font-size: 48px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 58px;

  }

  #promise h3 {
    font-size: 3.1em;
    font-weight: 700;
    padding-bottom: 1.5rem;
    color: white !important;
  }

  #promise {
    background-color: #1F7BC3;
    color: #fff;
    padding: 5em 0 0 0;
  }

  .twin-col .standout-copy {
    color: #1F7BC3;

    font-size: 58px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 68px;
  }

  .form-hero {
    background: #E4EEF3 url(../images/SLC_USA_bg.jpg) no-repeat top left;

    min-height: 550px;
    width: 100%;
    padding-top: 2em;
  }

  .form-hero h2 {
    width: 597px;
    max-width: 100%;
    color: #2F2769;
    padding-top: 3.2rem;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 70px;
    text-transform: uppercase;
    margin-bottom: 0.1rem;
    display: none;
  }

  .form-hero h1 {
    width: 430px;
    max-width: 100%;
    color: #1F7BC3;
    padding-top: 7.2rem;
    margin-top: .2rem;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 42px;
  }

  .ConEl {
    background: white;
    background-color: rgb(255 255 255 / 90%);
    box-shadow: 0 2px 36px 0 rgb(0 0 0 / 38%);
    border-radius: 13px;

    height: auto;
    width: 100%;
    max-width: 100%;
    padding: 1em;
  }


  .form-hero h5 {
    width: 581px;
    max-width: 100%;
    color: #1E70B7;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
  }


  .form-hero h2 {


    width: 581px;
    max-width: 100%;
    color: #1F7BC3;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;

    text-transform: uppercase;
    margin-bottom: 1.75rem;
    display: block;
  }

  .form-hero h1 {
    width: 591px;
    color: #29235C;
    font-size: 40px;
    max-width: 100%;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 50px;
    padding-top: 0;
    margin-bottom: 0.1rem;
  }



}

@media only screen and (min-width: 802px) {


  .ConEl {
    float: right;
    float: right;
    background: white;
    background-color: rgb(255 255 255 / 90%);
    box-shadow: 0 2px 36px 0 rgb(0 0 0 / 38%);
    border-radius: 13px;
    margin-top: 3em;
    height: 496px;
    width: 631px;
    padding: 1em;
  }

  .form-hero {
    background: #E4EEF3 url(../images/SLC_USA_bg.jpg) no-repeat 100% 25%;
    min-height: 643px;
    background-size: cover;
    width: 100%;
  }

  .form-hero h2 {


    width: 581px;
    color: #1F7BC3;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;

    text-transform: uppercase;
    margin-bottom: 1.75rem;
    display: block;
  }

  .form-hero h1 {
    width: 591px;
    color: #29235C;
    font-size: 43px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 53px;
    padding-top: 0;
  }

}

@media only screen and (min-width: 1441px) {
  .form-hero {
    background: #E4EEF3 url(../images/SLC_USA_bg.jpg) no-repeat 100% 25%;
    min-height: 643px;
    background-size: cover;
    width: 100%;
  }

}

/* Style 8 */
.submit-buttons {
  background-color: #CF0021;
}

.chatbot-content h5 {
  margin: 0;
  font-size: 30px;
}

.chatbot-container {
  max-width: 40rem;
}

.chatbot-icon {
  border: 4px solid #CF0021
}

.chatbot-button {
  bottom: 5rem;
}

.chatbot-text {
  color: #CF0021
}

@media (min-width: 1024px) {
  .chatbot-container {
    bottom: 18rem;
    gap: 1.5rem;
    width: 100%;
  }
}

/* Style 9 */
/* =========================================================================
       Buyer survey social proof strip

       Structure follows the argument rather than the data: three findings about
       owning a stairlift sit together in one panel, then a fourth about the
       buying process is pulled out on its own carrying the call to action.
       Giving all four equal weight flattened that into a list of trivia.

       Every rule is scoped under .svstrip and every box sets border-box
       explicitly. The 2021 template does not set border-box globally, so
       without this the card padding adds to the grid track width and the last
       column overflows the container.
       ========================================================================= */
.svstrip,
.svstrip *,
.svstrip *:before,
.svstrip *:after {
  box-sizing: border-box;
}

/* The 2021 template sets a reduced root font-size, so rem units render at
       roughly 62.5% of their nominal value. Every other survey component on the
       site (.svy on the survey form, .sres on the results page) pins its own
       16px base and works in em from there. This does the same, which is why the
       rules below use em for type and px for structural spacing. */
.svstrip {
  font-size: 16px;
  line-height: 1.5;
  --sv-blue: #1F7BC3;
  --sv-navy: #29235C;
  --sv-amber: #F39200;
  --sv-red: #CF0021;
  --sv-ink: #3a4149;
  --sv-muted: #6b7480;
  --sv-line: #e3ecf3;
  --sv-track: #e6eef4;
  --sv-bg: #EDF3F7;
  background: var(--sv-bg);
  padding: 72px 0;
  width: 100%;
  overflow: hidden;
}

.svstrip__inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---- header ---------------------------------------------------------- */
/* Capped independently of the container. At 1300px a full-width paragraph
       runs past a comfortable reading measure, so the copy stays narrow while
       the panels below use the extra width. */
.svstrip__head {
  max-width: 768px;
  margin: 0 0 38.4px;
}

.svstrip__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: var(--sv-blue);
  border: 1px solid #cfe0ee;
  font-size: .78em;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 7.2px 16px 7.2px 11.2px;
  border-radius: 100px;
  margin: 0 0 19.2px;
}

.svstrip__eyebrow .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sv-amber);
  flex: none;
}

.svstrip__title {
  color: var(--sv-navy) !important;
  font-weight: 900;
  margin: 0 0 14.4px;
  font-size: 2.15em;
  line-height: 1.14;
  letter-spacing: -.015em;
  text-wrap: balance;
}

.svstrip__title b {
  color: var(--sv-blue) !important;
  font-weight: 900;
}

.svstrip__lede {
  color: var(--sv-ink) !important;
  font-size: 1.08em;
  line-height: 1.62;
  margin: 0;
}

/* ---- findings panel -------------------------------------------------- */
/* One card holding all three positives, divided rather than floating, so
       the group reads as a single body of research. */
.svstrip__panel {
  background: #fff;
  border-radius: 18px;
  padding: 38.4px 24px;
  box-shadow: 0 1px 3px rgba(41, 35, 92, .05), 0 10px 30px rgba(31, 123, 195, .08);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 19.2px;
}

.svstrip__finding {
  text-align: center;
  padding: 0 22.4px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.svstrip__finding+.svstrip__finding {
  border-left: 1px solid var(--sv-line);
}

.svstrip__finding .cap {
  display: block;
  font-size: .98em;
  font-weight: 600;
  color: var(--sv-navy);
  line-height: 1.45;
  margin: 16px 0 0;
  max-width: 19ch;
}

/* ---- data ring ------------------------------------------------------- */
.svring {
  position: relative;
  width: 122px;
  height: 122px;
  flex: none;
}

.svring svg {
  width: 100%;
  height: 100%;
  display: block;
  transform: rotate(-90deg);
}

.svring circle {
  fill: none;
  stroke-width: 9;
  stroke-linecap: round;
}

.svring .svring-track {
  stroke: var(--sv-track);
}

.svring .svring-val {
  stroke: var(--sv-blue);
}

.svring .svring-num {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.72em;
  font-weight: 900;
  color: var(--sv-navy);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

/* ---- gap panel + cta ------------------------------------------------- */
/* Positive prompt, not a warning. Blue accent and a blue ring, because an
       amber left border and an amber figure both read as "something is wrong"
       and that is the opposite of what this block is now doing. */
.svstrip__prompt {
  background: #fff;
  border-radius: 18px;
  padding: 30.4px 33.6px;
  border-left: 5px solid var(--sv-blue);
  box-shadow: 0 1px 3px rgba(41, 35, 92, .05), 0 10px 30px rgba(31, 123, 195, .08);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 30.4px;
  align-items: center;
}

.svstrip__prompt .svring {
  width: 104px;
  height: 104px;
}

.svstrip__prompt .svring .svring-val {
  stroke: var(--sv-blue);
}

.svstrip__prompt .svring .svring-num {
  font-size: 1.5em;
  color: var(--sv-blue);
}

.svstrip__promptcopy {
  min-width: 0;
}

.svstrip__promptcopy h3 {
  margin: 0 0 5.6px;
  font-size: 1.22em;
  font-weight: 800;
  line-height: 1.3;
  color: var(--sv-navy) !important;
}

.svstrip__promptcopy p {
  margin: 0;
  font-size: 1em;
  line-height: 1.55;
  color: var(--sv-ink) !important;
  font-weight: 400;
}

.svstrip__act {
  text-align: center;
}

.svstrip__act .svstrip__cta {
  display: inline-block;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  padding-left: 35.2px;
  padding-right: 35.2px;
}

.svstrip__act .microcopy {
  display: block;
  margin: 9.6px 0 0;
  font-size: .82em;
  line-height: 1.4;
  color: var(--sv-muted) !important;
  font-weight: 600;
}

/* ---- source ---------------------------------------------------------- */
.svstrip__source {
  margin: 20.8px 0 0;
  font-size: .92em;
  line-height: 1.6;
  color: var(--sv-muted) !important;
}

.svstrip__source a {
  color: var(--sv-blue);
  font-weight: 700;
  text-decoration: underline;
}

.svstrip__source a:hover {
  color: var(--sv-navy);
}

.svstrip a:focus-visible {
  outline: 3px solid var(--sv-amber);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---- responsive ------------------------------------------------------ */
@media only screen and (min-width:1024px) {
  .svstrip__title {
    font-size: 2.7em;
  }

  .svstrip__panel {
    padding: 44.8px 35.2px;
  }

  /* The extra container width goes into the rings and the caption measure
           rather than into more whitespace between the three findings. */
  .svring {
    width: 136px;
    height: 136px;
  }

  .svring .svring-num {
    font-size: 1.9em;
  }

  .svstrip__finding .cap {
    font-size: 1.03em;
    max-width: 21ch;
  }

  .svstrip__prompt {
    padding: 33.6px 38.4px;
    gap: 35.2px;
  }

  .svstrip__prompt .svring {
    width: 112px;
    height: 112px;
  }

  .svstrip__prompt .svring .svring-num {
    font-size: 1.6em;
  }

  .svstrip__promptcopy h3 {
    font-size: 1.3em;
  }

  .svstrip__promptcopy p {
    font-size: 1.05em;
  }
}

@media only screen and (max-width:1023px) {
  .svstrip__prompt {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22.4px 25.6px;
  }

  .svstrip__act {
    grid-column: 1 / -1;
    text-align: left;
  }

  .svstrip__finding {
    padding: 0 12.8px;
  }

  .svring {
    width: 104px;
    height: 104px;
  }

  .svring .svring-num {
    font-size: 1.5em;
  }
}

@media only screen and (max-width:679px) {
  .svstrip {
    padding: 48px 0;
  }

  .svstrip__title {
    font-size: 1.6em;
  }

  .svstrip__lede {
    font-size: 1em;
  }

  .svstrip__head {
    margin-bottom: 28.8px;
  }

  /* Stack the findings and swap the dividers from vertical to horizontal
           so the panel still reads as one grouped set of numbers. */
  .svstrip__panel {
    grid-template-columns: 1fr;
    padding: 9.6px 20.8px;
    gap: 0;
    border-radius: 14px;
  }

  .svstrip__finding {
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 17.6px;
    padding: 20.8px 0;
  }

  .svstrip__finding+.svstrip__finding {
    border-left: 0;
    border-top: 1px solid var(--sv-line);
  }

  .svstrip__finding .cap {
    margin: 0;
    max-width: none;
    font-size: .98em;
  }

  .svring {
    width: 82px;
    height: 82px;
  }

  .svring circle {
    stroke-width: 11;
  }

  .svring .svring-num {
    font-size: 1.22em;
  }

  .svstrip__prompt {
    grid-template-columns: 1fr;
    gap: 17.6px;
    padding: 24px 20.8px;
    border-radius: 14px;
    text-align: center;
    justify-items: center;
  }

  .svstrip__prompt .svring {
    width: 88px;
    height: 88px;
  }

  .svstrip__act {
    grid-column: auto;
    text-align: center;
    width: 100%;
  }

  .svstrip__act .svstrip__cta {
    width: 100%;
    white-space: normal;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Style 10 */
.compare h2 {
  color: white !important;
}

@media screen and (min-width: 1024px) {
  .compare h2 {
    color: #1F7BC3 !important;
  }

}

/* Style 11 */
.CookieConsent a.CookieLaw_btnAllowAll {
  display: block;
  border: none;
  text-decoration: none;
  appearance: none;
  color: #000000;
  background: #ffb400;
  text-align: center;
  min-width: 100%;
  border-radius: 7px;
  padding: 1.5em .5em;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white url(images/bg-drp.png) no-repeat right 1rem center;
}

@media only screen and (max-width:640px) {
  .Backwiz {
    top: 96%;
    left: 10px;
  }

  .Wiz h1 {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
  }

  .Wiz h4 {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
  }

  .Wiz .curvedorangled label {
    width: 100%;
  }

  body {
    overflow-x: hidden !important;
  }

  .Wiz .curvedorangled input[type='radio']+label {
    background-position: top !important;
  }
}


.err {
  padding: 10px;
  background: red;
  /* border: 2px solid red; */
  border-radius: 5px;
  margin-top: 0.5rem;
  text-align: center;
  color: white;
  font-weight: 700;
  display: none;
}