/*! version_19_03_2026 */
#catalog_wrapper_box {
  width: 100% !important;
  display: initial !important;
}

.ct_design_system {
  /* 
  - CERCA NELLE VARIABILI $spacings-xs
  - COME POSSO USARE QUESTI VALORI SE NON HANNO PIXEL, POSSO MODIFCARLI?
  - I VALORI DEGLI SPAZI NON COMBACIONO CON QUELLI CHE VEDO NEL FRONT END SVILUPPATO 
  */
}

.ct_design_system .ct-mt--none {
  margin-top: 0;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ct-mt--none {
    margin-top: 0;
  }
}

.ct_design_system .ct-mt--xxs {
  margin-top: 4px;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ct-mt--xxs {
    margin-top: 4px;
  }
}

.ct_design_system .ct-mt--xs {
  margin-top: 8px;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ct-mt--xs {
    margin-top: 8px;
  }
}

.ct_design_system .ct-mt--s {
  margin-top: 16px;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ct-mt--s {
    margin-top: 16px;
  }
}

.ct_design_system .ct-mt--m {
  margin-top: 24px;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ct-mt--m {
    margin-top: 24px;
  }
}

.ct_design_system .ct-mt--l {
  margin-top: 32px;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ct-mt--l {
    margin-top: 32px;
  }
}

.ct_design_system .ct-mt--xl {
  margin-top: 40px;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ct-mt--xl {
    margin-top: 40px;
  }
}

.ct_design_system .ct-mt--xxl {
  margin-top: 48px;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ct-mt--xxl {
    margin-top: 48px;
  }
}

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

.ct_design_system .ct-text--mobile-center {
  text-align: center;
}

.ct_design_system .ct-text--left {
  text-align: left;
}

.ct_design_system .ct-text--mobiel-left {
  text-align: left;
}

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

.ct_design_system .ct-text--mobile-right {
  text-align: right;
}

.ct_design_system .ct-aspect-ratio-mob--1-1 img,
.ct_design_system .ct-aspect-ratio-mob--1-1 video {
  aspect-ratio: 1/1;
}

.ct_design_system .ct-aspect-ratio-mob--4-3 img,
.ct_design_system .ct-aspect-ratio-mob--4-3 video {
  aspect-ratio: 4/3;
}

.ct_design_system .ct-aspect-ratio-mob--16-9 img,
.ct_design_system .ct-aspect-ratio-mob--16-9 video {
  aspect-ratio: 16/9;
}

.ct_design_system .ct-aspect-ratio-mob--2-1 img,
.ct_design_system .ct-aspect-ratio-mob--2-1 video {
  aspect-ratio: 2/1;
}

.ct_design_system .ct-aspect-ratio-mob--21-9 img,
.ct_design_system .ct-aspect-ratio-mob--21-9 video {
  aspect-ratio: 21/9;
}

.ct_design_system .ct-aspect-ratio-mob--16-5 img,
.ct_design_system .ct-aspect-ratio-mob--16-5 video {
  aspect-ratio: 16/5;
}

.ct_design_system .ct-aspect-ratio-mob--14-3 img,
.ct_design_system .ct-aspect-ratio-mob--14-3 video {
  aspect-ratio: 14/3;
}

.ct_design_system .ct-aspect-ratio-mob--9-16 img,
.ct_design_system .ct-aspect-ratio-mob--9-16 video {
  aspect-ratio: 9/16;
}

.ct_design_system .ct-aspect-ratio-mob--2-3 img,
.ct_design_system .ct-aspect-ratio-mob--2-3 video {
  aspect-ratio: 2/3;
}

.ct_design_system .ct-aspect-ratio-mob--3-4 img,
.ct_design_system .ct-aspect-ratio-mob--3-4 video {
  aspect-ratio: 3/4;
}

.ct_design_system .ct-aspect-ratio-mob--6-7 img,
.ct_design_system .ct-aspect-ratio-mob--6-7 video {
  aspect-ratio: 6/7;
}

@media only screen and (min-width: 576px) and (orientation: landscape) {
  .ct_design_system .ct-aspect-ratio-desk--1-1 img,
  .ct_design_system .ct-aspect-ratio-desk--1-1 video {
    aspect-ratio: 1/1;
  }
  .ct_design_system .ct-aspect-ratio-desk--4-3 img,
  .ct_design_system .ct-aspect-ratio-desk--4-3 video {
    aspect-ratio: 4/3;
  }
  .ct_design_system .ct-aspect-ratio-desk--16-9 img,
  .ct_design_system .ct-aspect-ratio-desk--16-9 video {
    aspect-ratio: 16/9;
  }
  .ct_design_system .ct-aspect-ratio-desk--2-1 img,
  .ct_design_system .ct-aspect-ratio-desk--2-1 video {
    aspect-ratio: 2/1;
  }
  .ct_design_system .ct-aspect-ratio-desk--21-9 img,
  .ct_design_system .ct-aspect-ratio-desk--21-9 video {
    aspect-ratio: 21/9;
  }
  .ct_design_system .ct-aspect-ratio-desk--16-5 img,
  .ct_design_system .ct-aspect-ratio-desk--16-5 video {
    aspect-ratio: 16/5;
  }
  .ct_design_system .ct-aspect-ratio-desk--14-3 img,
  .ct_design_system .ct-aspect-ratio-desk--14-3 video {
    aspect-ratio: 14/3;
  }
  .ct_design_system .ct-aspect-ratio-desk--9-16 img,
  .ct_design_system .ct-aspect-ratio-desk--9-16 video {
    aspect-ratio: 9/16;
  }
  .ct_design_system .ct-aspect-ratio-desk--2-3 img,
  .ct_design_system .ct-aspect-ratio-desk--2-3 video {
    aspect-ratio: 2/3;
  }
  .ct_design_system .ct-aspect-ratio-desk--3-4 img,
  .ct_design_system .ct-aspect-ratio-desk--3-4 video {
    aspect-ratio: 3/4;
  }
  .ct_design_system .ct-aspect-ratio-desk--6-7 img,
  .ct_design_system .ct-aspect-ratio-desk--6-7 video {
    aspect-ratio: 6/7;
  }
}

@media only screen and (min-width: 576px) and (orientation: portrait) {
  .ct_design_system .ct-aspect-ratio-desk--1-1 img,
  .ct_design_system .ct-aspect-ratio-desk--1-1 video {
    aspect-ratio: 1/1;
  }
  .ct_design_system .ct-aspect-ratio-desk--4-3 img,
  .ct_design_system .ct-aspect-ratio-desk--4-3 video {
    aspect-ratio: 4/3;
  }
  .ct_design_system .ct-aspect-ratio-desk--16-9 img,
  .ct_design_system .ct-aspect-ratio-desk--16-9 video {
    aspect-ratio: 16/9;
  }
  .ct_design_system .ct-aspect-ratio-desk--2-1 img,
  .ct_design_system .ct-aspect-ratio-desk--2-1 video {
    aspect-ratio: 2/1;
  }
  .ct_design_system .ct-aspect-ratio-desk--21-9 img,
  .ct_design_system .ct-aspect-ratio-desk--21-9 video {
    aspect-ratio: 21/9;
  }
  .ct_design_system .ct-aspect-ratio-desk--16-5 img,
  .ct_design_system .ct-aspect-ratio-desk--16-5 video {
    aspect-ratio: 16/5;
  }
  .ct_design_system .ct-aspect-ratio-desk--14-3 img,
  .ct_design_system .ct-aspect-ratio-desk--14-3 video {
    aspect-ratio: 14/3;
  }
  .ct_design_system .ct-aspect-ratio-desk--9-16 img,
  .ct_design_system .ct-aspect-ratio-desk--9-16 video {
    aspect-ratio: 9/16;
  }
  .ct_design_system .ct-aspect-ratio-desk--2-3 img,
  .ct_design_system .ct-aspect-ratio-desk--2-3 video {
    aspect-ratio: 2/3;
  }
  .ct_design_system .ct-aspect-ratio-desk--3-4 img,
  .ct_design_system .ct-aspect-ratio-desk--3-4 video {
    aspect-ratio: 3/4;
  }
  .ct_design_system .ct-aspect-ratio-desk--6-7 img,
  .ct_design_system .ct-aspect-ratio-desk--6-7 video {
    aspect-ratio: 6/7;
  }
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system {
  /* 
  - CERCA NELLE VARIABILI una di quelle commentate qui sotto, es: --borders-stroke-thinnest
  - COME POSSO USARE QUESTI VALORI SE NON HANNO PIXEL, POSSO MODIFCARLI?
  - manca un colore per un hover dei bottoni, POSSO AGGIUNGERLO TRA I COLORS?
  - COME POSSO GESTIRE LA SIZE DEI BOTTONI? POSSO STACCARE LA CLASSE LEGATA 
  ALLA SIZE DEL BOTTONE ED AVERE UNA STRUTTURA DEL GENERE: 
  .lc-button .lc-button-medium .lc-button-black-outline?
  - ci sono due bottoni black con hover diversi
  */
}

.ct_design_system .lc-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 10px;
  padding: var(--action-p-sm, 4px) var(--action-m-right-sm, 16px) var(--action-p-sm, 4px) var(--action-m-left-sm, 16px);
  height: 40px;
  font-family: var(--text-cta-small-family, "sofia-pro");
  font-size: var(--text-cta-small-size, 14px);
  font-weight: 700;
  line-height: var(--text-cta-small-lineheight, 14px);
  letter-spacing: var(--text-cta-small-kerning, 0);
  border-radius: var(--action-border-radius, 999px);
  transition: background-color 0.3s ease;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .lc-button {
    padding: var(--action-m-top-md, 11.5px) var(--action-m-left-md, 32px) var(--action-m-bottom-md, 12.5px) var(--action-m-left-md, 32px);
  }
}

.ct_design_system .lc-button--xsmall {
  font-family: var(--text-cta-small-family, "sofia-pro");
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
}

.ct_design_system .lc-button--small {
  font-family: var(--text-cta-small-family, "sofia-pro");
  font-size: var(--text-cta-small-size, 14px);
  line-height: var(--text-cta-small-lineheight, 14px);
  letter-spacing: var(--text-cta-small-kerning, 0);
}

.ct_design_system .lc-button--medium {
  font-family: var(--text-cta-small-family, "sofia-pro");
  font-size: var(--text-cta-small-size, 14px);
  line-height: var(--text-cta-small-lineheight, 14px);
  letter-spacing: var(--text-cta-small-kerning, 0);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .lc-button--medium {
    font-family: var(--text-cta-medium-family, "sofia-pro");
    font-size: var(--text-cta-medium-size, 16px);
    line-height: var(--text-cta-medium-lineheight, 16px);
    letter-spacing: var(--text-cta-medium-kerning, 0);
  }
}

.ct_design_system .lc-button--big {
  font-family: var(--text-cta-big-family, "sofia-pro");
  font-size: var(--text-cta-big-size, 20px);
  line-height: var(--text-cta-big-lineheight, 20px);
  letter-spacing: var(--text-cta-big-kerning, 0);
}

.ct_design_system .lc-button--weight-400 {
  font-weight: 400;
}

.ct_design_system .lc-button--weight-600 {
  font-weight: 600;
}

.ct_design_system .lc-button--weight-700 {
  font-weight: 700;
}

.ct_design_system .lc-button:before {
  content: "";
  height: calc(100% - 1px);
  width: calc(100% - 1px);
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.ct_design_system .lc-button:hover {
  text-decoration: none;
}

.ct_design_system .lc-button--copy-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ct_design_system .lc-button--caption.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .lc-button--caption.text-grey {
  color: var(--color-generic-neutral-medium-text, #818181);
}

.ct_design_system .lc-button--caption.text-white {
  color: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .lc-button--caption.text-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .lc-button--badge-position-right .lc-badge {
  margin-left: var(--spacings-md, 8px);
  order: 1;
}

.ct_design_system .lc-button--badge-position-left .lc-badge {
  margin-right: var(--spacings-md, 8px);
}

.ct_design_system .lc-button--black-outline {
  color: var(--action-color-bg-brand, #222222);
  border-color: var(--action-color-bg-brand, #222222);
}

.ct_design_system .lc-button--black-outline:before {
  border-width: 1px;
}

.ct_design_system .lc-button--black-outline:hover {
  color: var(--action-color-bg-brand, #222222);
  background-color: rgba(34, 34, 34, 0.2);
}

.ct_design_system .lc-button--black-outline:hover:before {
  border-width: 3px;
}

.ct_design_system .lc-button--white-outline {
  color: var(--action-color-bg-brand-inverse, #ffffff);
  border-color: var(--action-color-bg-brand-inverse, #ffffff);
}

.ct_design_system .lc-button--white-outline:before {
  border-width: 1px;
}

.ct_design_system .lc-button--white-outline:hover {
  color: var(--action-color-bg-brand-inverse, #ffffff);
  background-color: rgba(255, 255, 255, 0.2);
}

.ct_design_system .lc-button--white-outline:hover:before {
  border-width: 3px;
}

.ct_design_system .lc-button--blue-outline {
  color: var(--action-color-bg-tertiary, #557b92);
  border-color: var(--action-color-bg-tertiary, #557b92);
}

.ct_design_system .lc-button--blue-outline:before {
  border-width: 1px;
}

.ct_design_system .lc-button--blue-outline:hover {
  color: var(--action-color-bg-tertiary, #557b92);
  background-color: rgba(36, 76, 90, 0.2);
}

.ct_design_system .lc-button--blue-outline:hover:before {
  border-width: 3px;
}

.ct_design_system .lc-button--blue-fill {
  color: var(--action-color-bg-brand-inverse, #ffffff);
  border-color: var(--action-color-bg-tertiary, #557b92);
  background-color: var(--action-color-bg-tertiary, #557b92);
}

.ct_design_system .lc-button--blue-fill:before {
  border-width: 1px;
  border-color: var(--action-color-bg-tertiary, #557b92);
}

.ct_design_system .lc-button--blue-fill:hover {
  color: var(--action-color-bg-brand-inverse, #ffffff);
  border-color: var(--action-color-borders-tertiary-hover, #192c50);
  background-color: var(--action-color-bg-tertiary-hover, #192c50);
}

.ct_design_system .lc-button--blue-fill:hover:before {
  border-width: 3px;
  border-color: var(--action-color-borders-tertiary-hover, #192c50);
}

.ct_design_system .lc-button--black-fill {
  color: var(--action-color-bg-brand-inverse, #ffffff);
  border-color: var(--action-color-bg-brand, #222222);
  background-color: var(--action-color-bg-brand, #222222);
}

.ct_design_system .lc-button--black-fill:before {
  border-width: 1px;
  border-color: var(--action-color-bg-brand, #222222);
}

.ct_design_system .lc-button--black-fill:hover {
  color: var(--action-color-bg-brand-inverse, #ffffff);
  border-color: var(--action-color-bg-brand, #222222);
  background-color: var(--action-color-bg-brand, #222222);
}

.ct_design_system .lc-button--black-fill:hover:before {
  border-width: 3px;
}

.ct_design_system .lc-button--white-fill {
  color: var(--action-color-bg-brand, #222222);
  border-color: var(--action-color-bg-brand-inverse, #ffffff);
  background-color: var(--action-color-bg-brand-inverse, #ffffff);
}

.ct_design_system .lc-button--white-fill:before {
  border-width: 1px;
  border-color: var(--action-color-bg-brand-inverse, #ffffff);
}

.ct_design_system .lc-button--white-fill:hover {
  color: var(--action-color-bg-brand, #222222);
  border-color: var(--action-color-bg-brand-inverse, #ffffff);
  background-color: var(--action-color-bg-brand-inverse, #ffffff);
}

.ct_design_system .lc-button--white-fill:hover:before {
  border-width: 3px;
}

.ct_design_system .lc-button--link-black:before, .ct_design_system .lc-button--link-white:before, .ct_design_system .lc-button--link-black-reverse:before, .ct_design_system .lc-button--link-white-reverse:before {
  content: none;
}

.ct_design_system .lc-button--link-black, .ct_design_system .lc-button--link-white {
  padding: 0;
  height: 100%;
  line-height: 1.5;
  letter-spacing: 1px;
}

.ct_design_system .lc-button--link-black-reverse, .ct_design_system .lc-button--link-white-reverse {
  padding: 0;
  height: 100%;
  line-height: 1.5;
  letter-spacing: 1px;
}

.ct_design_system .lc-button--link-black, .ct_design_system .lc-button--link-black-reverse {
  color: var(--action-color-bg-brand, #222222);
}

.ct_design_system .lc-button--link-black:hover, .ct_design_system .lc-button--link-black-reverse:hover {
  color: var(--action-color-bg-brand, #222222);
}

.ct_design_system .lc-button--link-white, .ct_design_system .lc-button--link-white-reverse {
  color: var(--action-color-bg-brand-inverse, #ffffff);
}

.ct_design_system .lc-button--link-white:hover, .ct_design_system .lc-button--link-white-reverse:hover {
  color: var(--action-color-bg-brand-inverse, #ffffff);
}

.ct_design_system .lc-button--copy {
  position: relative;
  display: inline-block;
}

.lc-button--link-black .ct_design_system .lc-button--copy:before, .lc-button--link-white .ct_design_system .lc-button--copy:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 100%;
  transform: translate(0, 0);
  border-radius: 0;
  border-style: none;
  transition: all 0.3s ease;
  pointer-events: none;
}

.lc-button--link-black .ct_design_system .lc-button--copy:before {
  background-color: var(--action-color-bg-brand, #222222);
}

.lc-button--link-white .ct_design_system .lc-button--copy:before {
  background-color: var(--action-color-bg-brand-inverse, #ffffff);
}

.lc-button--link-black:hover .ct_design_system .lc-button--copy:before, .lc-button--link-white:hover .ct_design_system .lc-button--copy:before {
  width: 0;
}

.lc-button--link-black-reverse .ct_design_system .lc-button--copy:before, .lc-button--link-white-reverse .ct_design_system .lc-button--copy:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 0;
  transform: translate(0, 0);
  border-radius: 0;
  border-style: none;
  transition: all 0.3s ease;
  pointer-events: none;
}

.lc-button--link-black-reverse .ct_design_system .lc-button--copy:before {
  background-color: var(--action-color-bg-brand, #222222);
}

.lc-button--link-white-reverse .ct_design_system .lc-button--copy:before {
  background-color: var(--action-color-bg-brand-inverse, #ffffff);
}

.lc-button--link-black-reverse:hover .ct_design_system .lc-button--copy:before, .lc-button--link-white-reverse:hover .ct_design_system .lc-button--copy:before {
  width: 100%;
}

.ct_design_system .lc-button-full {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
  width: fit-content;
  cursor: pointer;
}

.ct_design_system .lc-button-full:hover {
  text-decoration: none;
}

.ct_design_system .lc-button-full.size-xsmall svg {
  width: 12px;
  height: 12px;
}

.ct_design_system .lc-button-full.size-xsmall .lc-button-full--copy {
  font-size: var(--text-xs-size, 12px);
}

.ct_design_system .lc-button-full.order-copy-icon .lc-button-full--icon {
  order: 1;
}

.ct_design_system .lc-button-full.order-copy-icon .lc-button-full--copy {
  order: 0;
  margin-right: 5px;
}

.ct_design_system .lc-button-full.order-icon-copy .lc-button-full--icon {
  order: 0;
}

.ct_design_system .lc-button-full.order-icon-copy .lc-button-full--copy {
  order: 1;
  margin-left: 5px;
}

.ct_design_system .lc-button-full--icon {
  position: relative;
  top: 1px;
  display: flex;
  align-items: center;
}

.ct_design_system .lc-button-full--icon.icon-black svg path {
  fill: var(--text-color-base-default, #222222);
}

.ct_design_system .lc-button-full--icon.icon-white svg path {
  fill: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .lc-button-full--icon.icon-blue svg path {
  fill: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .lc-button-full--copy {
  position: relative;
  display: inline-block;
  text-align: center;
  font-family: var(--text-base-family, "sofia-pro");
  font-weight: 700;
  line-height: var(--text-xs-lineheight, 16px);
  letter-spacing: var(--text-xs-kerning, 0);
}

.ct_design_system .lc-button-full--copy.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .lc-button-full--copy.text-black.underline:before {
  background: var(--text-color-base-default, #222222);
}

.ct_design_system .lc-button-full--copy.text-white {
  color: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .lc-button-full--copy.text-white.underline:before {
  background: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .lc-button-full--copy.text-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .lc-button-full--copy.text-blue.underline:before {
  background: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .lc-button-full--copy.underline:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 100%;
  transform: translate(0, 0);
  border-radius: 0;
  border-style: none;
  transition: all 0.3s ease;
  pointer-events: none;
}

.ct_design_system .lc-button-full--copy.underline:hover:before {
  width: 0;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .icon-wrapper {
  display: flex;
}

.ct_design_system .icon-wrapper.icon-black svg path {
  fill: var(--text-color-base-default, #222222);
}

.ct_design_system .icon-wrapper.icon-white svg path {
  fill: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .ct_image {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .tab-selector--wrapper {
  display: flex;
  width: 100%;
  margin-bottom: var(--spacings-3xl, 64px);
  border-bottom: 1px solid var(--borders-color-functional-disabled, #b0b0b0);
}

.ct_design_system .tab-selector--btn {
  position: relative;
  width: 33.3333333333%;
  padding: var(--spacings-md, 8px) var(--spacings-sm, 4px);
  text-align: center;
  color: var(--text-color-functional-disabled, #767676);
  font-family: var(--text-cta-medium-family, "sofia-pro");
  font-size: var(--text-cta-medium-size, 16px);
  font-weight: 700;
  line-height: var(--text-cta-medium-lineheight, 16px);
  letter-spacing: var(--text-cta-medium-kerning, 0);
  border: none;
  background: transparent;
}

.ct_design_system .tab-selector--btn:focus-visible {
  outline: auto;
}

.ct_design_system .tab-selector--btn.active {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .tab-selector--btn.active:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--borders-color-neutral-inverse-default, #222222);
  position: absolute;
  bottom: -1px;
  left: 0;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system #toastMessageModal {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(100%);
  transition: 0.4s ease;
  z-index: 99;
}

.ct_design_system #toastMessageModal.toast-active {
  transform: translateY(0);
}

.ct_design_system .toast-message-overlay {
  padding: var(--spacings-lg, 24px);
  background-color: var(--bg-color-base-default, #ffffff);
  box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.15);
  border-radius: var(--device-mob-r-radius, 4px) var(--device-mob-r-radius, 4px) 0 0;
  height: 300px;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .toast-message-overlay {
    height: 200px;
    border-radius: var(--device-desk-r-radius, 4px) var(--device-desk-r-radius, 4px) 0 0;
  }
}

.ct_design_system .toast-message-overlay--header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 0 0 var(--spacings-base, 16px) 0;
}

.ct_design_system .toast-message-overlay--title {
  margin: 0;
  font-family: var(--text-h2-family, "minerva-modern");
  font-size: var(--text-h2-mob-size, 28px);
  line-height: var(--text-h2-mob-lineheight, 32px);
  letter-spacing: var(--text-h2-mob-kerning, 0);
  font-weight: 400;
  color: var(--text-color-base-default, #222222);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .toast-message-overlay--title {
    font-family: var(--text-h2-family, "minerva-modern");
    font-size: var(--text-h2-desk-size, 32px);
    line-height: var(--text-h2-desk-lineheight, 40px);
    letter-spacing: var(--text-h2-desk-kerning, 0);
  }
}

.ct_design_system .toast-message-overlay--content {
  height: 200px;
  padding-bottom: 50px;
  overflow-y: auto;
  box-sizing: border-box;
}

.ct_design_system .toast-message-overlay--content p {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .toast-message-overlay--content {
    height: 100px;
    padding-bottom: 25px;
  }
}

.ct_design_system .toast-message-overlay--text {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-base-size, 16px);
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
  font-weight: 400;
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .toast-message-overlay--btn-close {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  position: relative;
  pointer-events: auto;
}

.ct_design_system .toast-message-overlay--btn-close:before {
  content: "";
  position: absolute;
  inset: -10px;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .toast-message-overlay--btn-close:before {
    content: none;
  }
}

.ct_design_system .toast-message-overlay--btn-close span {
  display: block;
  text-indent: -9999px;
  line-height: 0;
}

.ct_design_system .ct_video-wrapper {
  width: 100%;
  height: 100%;
}

.ct_design_system .ct_video-wrapper .ct_video {
  width: 100%;
  height: 100%;
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
}

.ct_design_system .ct_video-wrapper .ct_video--m {
  display: none;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ct_video-wrapper .ct_video--m {
    display: block;
  }
}

.ct_design_system .ct_video-wrapper .ct_video--s {
  display: block;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ct_video-wrapper .ct_video--s {
    display: none;
  }
}

.ct_design_system .ct_video-wrapper .ct_video--controller {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  border-radius: var(--borders-radius-round, 999px);
  background: rgba(31, 31, 36, 0.4);
  backdrop-filter: blur(8px);
}

.ct_design_system .ct_video-wrapper .ct_video--controller.controls-bottom-left {
  bottom: 24px;
  left: 24px;
  top: auto;
  right: auto;
}

.ct_design_system .ct_video-wrapper .ct_video--controller.controls-bottom-right {
  bottom: 24px;
  right: 24px;
  top: auto;
}

.ct_design_system .ct_video-wrapper .ct_video--controller.controls-top-left {
  top: 24px;
  left: 24px;
  right: auto;
}

.ct_design_system .ct_video-wrapper .ct_video--controller button {
  padding: 0;
  margin: 0;
  text-transform: inherit;
  background: transparent;
  border: none;
}

.ct_design_system .ct_video-wrapper .ct_video--controller .controller--play, .ct_design_system .ct_video-wrapper .ct_video--controller .controller--mute {
  cursor: pointer;
}

.ct_design_system .ct_video-wrapper .ct_video--controller .controller--mute {
  margin-left: 22px;
}

.ct_design_system .ct_video-wrapper .ct_video--controller [data-play=false] .controller--icon-play {
  display: flex;
}

.ct_design_system .ct_video-wrapper .ct_video--controller [data-play=false] .controller--icon-pause {
  display: none;
}

.ct_design_system .ct_video-wrapper .ct_video--controller [data-play=true] .controller--icon-play {
  display: none;
}

.ct_design_system .ct_video-wrapper .ct_video--controller [data-play=true] .controller--icon-pause {
  display: flex;
}

.ct_design_system .ct_video-wrapper .ct_video--controller [data-mute=false] .controller--icon-mute {
  display: flex;
}

.ct_design_system .ct_video-wrapper .ct_video--controller [data-mute=false] .controller--icon-unmute {
  display: none;
}

.ct_design_system .ct_video-wrapper .ct_video--controller [data-mute=true] .controller--icon-mute {
  display: none;
}

.ct_design_system .ct_video-wrapper .ct_video--controller [data-mute=true] .controller--icon-unmute {
  display: flex;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .lc-badge-background-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding: var(--spacings-base, 16px);
  border-radius: var(--borders-radius-round, 999px);
}

.ct_design_system .lc-badge-background-icon--bg-grey {
  background-color: #d8d8d8;
}

.ct_design_system .lc-badge-background-icon--bg-grey-light {
  background-color: #f2f2f2;
}

.ct_design_system .lc-badge-background-icon--bg-transparent {
  background-color: transparent;
}

.ct_design_system .lc-badge-background-icon--bg-white {
  background-color: var(--bg-color-base-default, #ffffff);
}

.ct_design_system .lc-badge-background-icon--border-color-black {
  border: 1px solid #000;
}

.ct_design_system .lc-badge-background-icon--border-color-grey {
  border: 1px solid #d8d8d8;
}

.ct_design_system .lc-badge-background-icon--border-color-grey-light {
  border: 1px solid #f2f2f2;
}

.ct_design_system .lc-badge-background-icon--border-color-white {
  border: 1px solid #fff;
}

.ct_design_system .lc-badge-background-icon--border-color-none {
  border: none;
}

.ct_design_system .lc-badge-background-icon-wrapper {
  display: flex;
}

.ct_design_system .lc-badge-background-icon-wrapper.icon-black svg path {
  fill: var(--text-color-base-default, #222222);
}

.ct_design_system .lc-badge-background-icon-wrapper.icon-white svg path {
  fill: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .banner-contact-lenses--title-text {
  margin-bottom: var(--spacings-2xl, 40px);
  padding: 0 var(--spacings-base, 16px);
}

.ct_design_system .banner-contact-lenses--text {
  display: flex;
  align-items: center;
  font-family: var(--text-xs-family, "sofia-pro");
  font-size: var(--text-xs-size, 12px);
  font-weight: 400;
  color: var(--text-color-base-default, #222222);
  letter-spacing: var(--text-xs-kerning, 0);
}

.ct_design_system .banner-contact-lenses--text p {
  margin: 0 4px 0 0;
  padding: 0;
}

.ct_design_system .banner-contact-lenses--text.text-xxs p {
  font-size: 8px;
  line-height: 8px;
}

.ct_design_system .banner-contact-lenses--text.text-xs p {
  font-size: var(--text-xs-size, 12px);
  line-height: var(--text-xs-lineheight, 16px);
}

.ct_design_system .banner-contact-lenses--text.text-black p {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .banner-contact-lenses--text.text-blue p {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .banner-contact-lenses--text.text-white p {
  color: var(--text-color-brand-primary-inverse, #ffffff);
}

.ct_design_system .banner-contact-lenses--text svg {
  position: relative;
  top: 1px;
}

.ct_design_system .banner-contact-lenses--text.icon-black svg path {
  fill: var(--text-color-base-default, #222222);
}

.ct_design_system .banner-contact-lenses--text.icon-blue svg path {
  fill: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .banner-contact-lenses--text.icon-white svg path {
  fill: var(--text-color-brand-primary-inverse, #ffffff);
}

.ct_design_system .banner-contact-lenses--text.position-left {
  justify-content: flex-start;
}

.ct_design_system .banner-contact-lenses--text.position-right {
  justify-content: flex-end;
}

.ct_design_system .banner-contact-lenses--text.position-center {
  justify-content: center;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .green-shipping-banner {
  width: 100%;
  padding: var(--spacings-xl, 32px) var(--device-mob-m-lr-base, 16px);
  border-radius: var(--borders-radius-xl, 20px);
}

.ct_design_system .green-shipping-banner--bg-grey {
  background-color: var(--bg-color-base-secondary, #f6f6f6);
}

.ct_design_system .green-shipping-banner--bg-blue-light {
  background-color: var(--bg-color-brand-tertiary, #e7eef0);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .green-shipping-banner {
    padding: var(--spacings-xl, 32px) var(--device-tab-m-lr-base, 32px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .green-shipping-banner {
    padding: var(--spacings-xl, 32px) var(--device-desk-m-lr-base, 64px);
  }
}

.ct_design_system .green-shipping-banner--info:has(.green-shipping-banner--toast-button) .green-shipping-banner--text, .ct_design_system .green-shipping-banner--info:has(.green-shipping-banner--ctas) .green-shipping-banner--text {
  margin-bottom: var(--spacings-lg, 24px);
}

.ct_design_system .green-shipping-banner--info:has(.green-shipping-banner--toast-button) .green-shipping-banner--ctas {
  margin-bottom: var(--spacings-lg, 24px);
}

.ct_design_system .green-shipping-banner--info-wrapper.position-center {
  text-align: center;
}

.ct_design_system .green-shipping-banner--info-wrapper.position-center .green-shipping-banner--title-wrapper {
  justify-content: center;
}

.ct_design_system .green-shipping-banner--info-wrapper.position-left {
  text-align: left;
}

.ct_design_system .green-shipping-banner--info-wrapper.position-left .green-shipping-banner--title-wrapper {
  justify-content: flex-start;
}

.ct_design_system .green-shipping-banner--info-wrapper.position-right {
  text-align: right;
}

.ct_design_system .green-shipping-banner--info-wrapper.position-right .green-shipping-banner--title-wrapper {
  justify-content: flex-end;
}

.ct_design_system .green-shipping-banner--title-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacings-lg, 24px);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .green-shipping-banner--title-wrapper {
    flex-direction: row;
  }
}

.ct_design_system .green-shipping-banner--icon-title {
  display: block;
  margin-bottom: var(--spacings-lg, 24px);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .green-shipping-banner--icon-title {
    margin-bottom: 0;
    margin-right: var(--spacings-lg, 24px);
  }
}

.ct_design_system .green-shipping-banner--icon-title.icon-black svg path {
  fill: var(--text-color-base-default, #222222);
}

.ct_design_system .green-shipping-banner--icon-title.icon-white svg path {
  fill: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .green-shipping-banner--icon-title.icon-blue svg path {
  fill: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .green-shipping-banner--title {
  margin: 0;
  font-family: var(--text-h2-family, "minerva-modern");
  font-size: var(--text-h2-mob-size, 28px);
  font-weight: 400;
  line-height: var(--text-h2-mob-lineheight, 32px);
  letter-spacing: var(--text-h2-mob-kerning, 0);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .green-shipping-banner--title {
    font-size: var(--text-h2-desk-size, 32px);
    line-height: var(--text-h2-desk-lineheight, 40px);
    letter-spacing: var(--text-h2-desk-kerning, 0);
  }
}

.ct_design_system .green-shipping-banner--title.title-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .green-shipping-banner--title.title-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .green-shipping-banner--title.title-white {
  color: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .green-shipping-banner--text {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-base-size, 16px);
  font-weight: 400;
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
}

.ct_design_system .green-shipping-banner--text.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .green-shipping-banner--text.text-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .green-shipping-banner--text.text-white {
  color: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .green-shipping-banner--toast-button, .ct_design_system .green-shipping-banner--ctas {
  display: flex;
}

.ct_design_system .green-shipping-banner--toast-button.position-center, .ct_design_system .green-shipping-banner--ctas.position-center {
  justify-content: center;
}

.ct_design_system .green-shipping-banner--toast-button.position-left, .ct_design_system .green-shipping-banner--ctas.position-left {
  justify-content: flex-start;
}

.ct_design_system .green-shipping-banner--toast-button.position-right, .ct_design_system .green-shipping-banner--ctas.position-right {
  justify-content: flex-end;
}

.ct_design_system .green-shipping-banner--ctas {
  flex-direction: column;
  align-items: center;
}

.ct_design_system .green-shipping-banner--ctas .lc-button {
  margin: 0;
  width: 100%;
}

.ct_design_system .green-shipping-banner--ctas a.lc-button--link-white, .ct_design_system .green-shipping-banner--ctas a.lc-button--link-black,
.ct_design_system .green-shipping-banner--ctas button.lc-button--link-white,
.ct_design_system .green-shipping-banner--ctas button.lc-button--link-black {
  width: auto;
  padding: 0;
  margin: 0 auto;
}

.ct_design_system .green-shipping-banner--ctas a.lc-button--link-white:first-child, .ct_design_system .green-shipping-banner--ctas a.lc-button--link-black:first-child,
.ct_design_system .green-shipping-banner--ctas button.lc-button--link-white:first-child,
.ct_design_system .green-shipping-banner--ctas button.lc-button--link-black:first-child {
  margin: 0 auto var(--spacings-base, 16px) auto;
}

.ct_design_system .green-shipping-banner--ctas .lc-button:first-child {
  margin: 0 0 var(--spacings-base, 16px) 0;
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .green-shipping-banner--ctas .lc-button {
    width: 50%;
  }
  .ct_design_system .green-shipping-banner--ctas .lc-button:first-child {
    margin: 0 auto var(--spacings-base, 16px) auto;
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .green-shipping-banner--ctas .lc-button {
    width: 50%;
    margin: 0 auto;
  }
  .ct_design_system .green-shipping-banner--ctas .lc-button:first-child {
    margin: 0 auto var(--spacings-base, 16px) auto;
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .green-shipping-banner--ctas {
    flex-direction: row;
    align-items: baseline;
  }
  .ct_design_system .green-shipping-banner--ctas .lc-button {
    width: auto;
    margin: 0;
    min-width: 250px;
  }
  .ct_design_system .green-shipping-banner--ctas .lc-button:first-child {
    margin: 0 var(--spacings-base, 16px) 0 0;
  }
  .ct_design_system .green-shipping-banner--ctas a.lc-button--link-white, .ct_design_system .green-shipping-banner--ctas a.lc-button--link-black,
  .ct_design_system .green-shipping-banner--ctas button.lc-button--link-white,
  .ct_design_system .green-shipping-banner--ctas button.lc-button--link-black {
    margin: 0;
  }
  .ct_design_system .green-shipping-banner--ctas a.lc-button--link-white:first-child, .ct_design_system .green-shipping-banner--ctas a.lc-button--link-black:first-child,
  .ct_design_system .green-shipping-banner--ctas button.lc-button--link-white:first-child,
  .ct_design_system .green-shipping-banner--ctas button.lc-button--link-black:first-child {
    margin: 0 var(--spacings-base, 16px) 0 0;
  }
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .offer-banner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ct_design_system .offer-banner.hide {
  display: none;
}

.ct_design_system .offer-banner.text-image .offer-banner--image {
  order: 1;
}

.ct_design_system .offer-banner.image-text .offer-banner--info {
  order: 2;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offer-banner {
    flex-direction: row;
  }
  .ct_design_system .offer-banner--info {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: var(--spacings-lg, 24px) var(--spacings-xl, 32px);
  }
  .ct_design_system .offer-banner--info-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ct_design_system .offer-banner--image {
    position: relative;
    width: 50%;
  }
  .ct_design_system .offer-banner--image .ct_image {
    height: 100%;
  }
}

.ct_design_system .offer-banner--contact-lenses {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: calc(100% - 24px);
}

@media only screen and (max-width: 350px) {
  .ct_design_system .offer-banner--contact-lenses {
    left: 8px;
    width: calc(100% - 16px);
  }
}

.ct_design_system .offer-banner--contact-lenses .ct_image {
  max-width: 50%;
}

.ct_design_system .offer-banner--contact-lenses img {
  display: block;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offer-banner--contact-lenses {
    bottom: 60px;
    left: 16px;
  }
}

.ct_design_system .offer-banner--info {
  padding: var(--spacings-lg, 24px) var(--spacings-base, 16px);
  text-align: left;
  border: 1px solid var(--borders-color-neutral-secondary, #d8d8d8);
}

.ct_design_system .offer-banner--category {
  width: fit-content;
  display: inline-block;
  margin-bottom: var(--spacings-base, 16px);
  padding: var(--spacings-sm, 4px) var(--spacings-md, 8px);
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 700;
  color: var(--text-color-base-default, #222222);
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
  border: 1px solid var(--borders-color-neutral-inverse-default, #222222);
}

.ct_design_system .offer-banner--title {
  margin-bottom: var(--spacings-base, 16px);
  font-family: var(--text-h2-family, "minerva-modern");
  font-size: var(--text-h2-mob-size, 28px);
  font-weight: 400;
  text-align: left;
  color: var(--text-color-base-default, #222222);
  line-height: var(--text-h2-mob-lineheight, 32px);
  letter-spacing: var(--text-h2-mob-kerning, 0);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offer-banner--title {
    font-size: var(--text-h2-desk-size, 32px);
    line-height: var(--text-h2-desk-lineheight, 40px);
    letter-spacing: var(--text-h2-desk-kerning, 0);
  }
}

.ct_design_system .offer-banner--text-wrap {
  margin-bottom: var(--spacings-base, 16px);
}

.ct_design_system .offer-banner--text-wrap:has(.offer-banner--subtext) .offer-banner--text {
  margin-bottom: var(--spacings-base, 16px);
}

.ct_design_system .offer-banner--text, .ct_design_system .offer-banner--subtext {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-base-size, 16px);
  font-weight: 400;
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
}

.ct_design_system .offer-banner--text {
  margin-bottom: var(--spacings-md, 8px);
}

.ct_design_system .offer-banner--subtext {
  margin-bottom: var(--spacings-md, 8px);
}

.ct_design_system .offer-banner--caption {
  font-family: var(--text-xs-family, "sofia-pro");
  font-size: var(--text-xs-size, 12px);
  font-weight: 400;
  line-height: var(--text-xs-lineheight, 16px);
  letter-spacing: var(--text-xs-kerning, 0);
}

.ct_design_system .offer-banner--caption.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .offer-banner--caption.text-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .offer-banner--details {
  display: flex;
  align-items: center;
}

.ct_design_system .offer-banner--details span {
  margin-left: var(--spacings-sm, 4px);
  color: var(--text-color-base-default, #222222);
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-xs-size, 12px);
  font-weight: 700;
  line-height: var(--text-xs-lineheight, 16px);
  letter-spacing: var(--text-xs-kerning, 0);
}

.ct_design_system .offer-banner--ctas {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--spacings-lg, 24px);
}

.ct_design_system .offer-banner--ctas .lc-button {
  margin: 0 var(--spacings-base, 16px) var(--spacings-base, 16px) 0;
}

.ct_design_system .offer-banner--ctas .lc-button:last-child {
  margin: 0;
}

.ct_design_system .offer-banner--ctas a.lc-button--link-white-reverse, .ct_design_system .offer-banner--ctas a.lc-button--link-black-reverse, .ct_design_system .offer-banner--ctas a.lc-button--link-white, .ct_design_system .offer-banner--ctas a.lc-button--link-black,
.ct_design_system .offer-banner--ctas button.lc-button--link-white-reverse,
.ct_design_system .offer-banner--ctas button.lc-button--link-black-reverse,
.ct_design_system .offer-banner--ctas button.lc-button--link-white,
.ct_design_system .offer-banner--ctas button.lc-button--link-black {
  padding: 0;
}

.ct_design_system .offer-banner--image {
  position: relative;
  margin-top: 25px;
}

@media only screen and (max-width: 1024px) {
  .ct_design_system .offer-banner--image .ct_image {
    aspect-ratio: 16/9;
  }
  .ct_design_system .offer-banner--image .banner-contact-lenses .ct_image {
    aspect-ratio: unset;
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offer-banner--image {
    margin-top: 0;
  }
}

.ct_design_system .offer-banner--image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ct_design_system .offer-banner--badge {
  position: absolute;
  padding: var(--spacings-sm, 4px) var(--spacings-md, 8px);
  top: -15px;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 700;
  color: var(--text-color-base-inverse-default, #ffffff);
  background: var(--bg-color-base-inverse-default, #222222);
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
  width: max-content;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offer-banner--badge {
    width: auto;
    transform: translate(0, 0);
  }
  .ct_design_system .offer-banner--badge.position-top {
    top: 16px;
  }
  .ct_design_system .offer-banner--badge.position-bottom {
    bottom: 16px;
    top: unset;
  }
  .ct_design_system .offer-banner--badge.position-left {
    left: 0;
  }
  .ct_design_system .offer-banner--badge.position-right {
    right: 0;
    left: unset;
  }
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system #storybook-root .box-module {
  width: 100%;
}

.ct_design_system .box-module {
  width: 100vw;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .ct_design_system .box-module.mob-order-info-image .box-module--media {
    order: 2;
  }
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module {
    flex-direction: row;
  }
  .ct_design_system .box-module.media-width-50 .box-module--info,
  .ct_design_system .box-module.media-width-50 .box-module--media {
    width: 50%;
  }
  .ct_design_system .box-module.media-width-75 .box-module--media {
    width: 67%;
  }
  .ct_design_system .box-module.media-width-75 .box-module--info {
    width: 33%;
  }
  .ct_design_system .box-module.desk-order-info-image .box-module--media {
    order: 2;
  }
  .ct_design_system .box-module.desk-order-info-image.box-module--padding .box-module--info {
    padding-left: 0;
  }
  .ct_design_system .box-module.desk-order-image-info.box-module--padding .box-module--info {
    padding-right: 0;
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .box-module {
    flex-direction: row;
  }
  .ct_design_system .box-module.media-width-50 .box-module--info,
  .ct_design_system .box-module.media-width-50 .box-module--media {
    width: 50%;
  }
  .ct_design_system .box-module.media-width-75 .box-module--media {
    width: 67%;
  }
  .ct_design_system .box-module.media-width-75 .box-module--info {
    width: 33%;
  }
  .ct_design_system .box-module.desk-order-info-image .box-module--media {
    order: 2;
  }
  .ct_design_system .box-module.desk-order-info-image.box-module--padding .box-module--info {
    padding-left: 0;
  }
  .ct_design_system .box-module.desk-order-image-info.box-module--padding .box-module--info {
    padding-right: 0;
  }
  .ct_design_system .box-module.media-width-80 .box-module--media {
    width: 80%;
  }
  .ct_design_system .box-module.media-width-80 .box-module--info {
    width: 50%;
  }
}

.ct_design_system .box-module--padding {
  padding: var(--spacings-base, 16px);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module--padding {
    padding: var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module--padding {
    padding: var(--spacings-3xl, 64px);
  }
}

.ct_design_system .box-module--media {
  position: relative;
  width: 100%;
}

.ct_design_system .box-module--media.not-audio .controller--mute {
  display: none;
}

.ct_design_system .box-module--media .ct_image {
  height: 100%;
}

.ct_design_system .box-module--media .ct_image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ct_design_system .box-module--info {
  padding: var(--spacings-base, 16px);
  width: 100%;
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module--info {
    padding: var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module--info {
    padding: var(--spacings-3xl, 64px);
  }
}

.ct_design_system .box-module--info-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.ct_design_system .box-module--info-wrapper.info-center {
  text-align: center;
}

.ct_design_system .box-module--info-wrapper.info-center .box-module--ctas {
  justify-content: center;
}

.ct_design_system .box-module--info-wrapper.info-right {
  text-align: right;
}

.ct_design_system .box-module--info-wrapper.info-right .box-module--ctas {
  justify-content: flex-end;
}

.ct_design_system .box-module--logo {
  margin-bottom: var(--spacings-base, 16px);
}

.ct_design_system .box-module--logo.logo-black svg path {
  fill: var(--bg-color-base-inverse-default, #222222);
}

.ct_design_system .box-module--logo.logo-white svg path {
  fill: var(--bg-color-base-default, #ffffff);
}

.ct_design_system .box-module--logo.logo-blue svg path {
  fill: var(--bg-color-promo-inverse-default-g1, #557b92);
}

.ct_design_system .box-module--title {
  margin-bottom: var(--spacings-md, 8px);
  font-family: var(--text-h2-family, "minerva-modern");
  font-size: var(--text-h2-mob-size, 28px);
  font-weight: 400;
  color: var(--text-color-base-default, #222222);
  line-height: var(--text-h2-mob-lineheight, 32px);
  letter-spacing: var(--text-h2-mob-kerning, 0);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module--title {
    font-size: var(--text-h2-desk-size, 32px);
    line-height: var(--text-h2-desk-lineheight, 40px);
    letter-spacing: var(--text-h2-desk-kerning, 0);
  }
}

.ct_design_system .box-module--title.title-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .box-module--title.title-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .box-module--text {
  margin-bottom: var(--spacings-base, 16px);
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-base-size, 16px);
  font-weight: 400;
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
}

.ct_design_system .box-module--text.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .box-module--text.text-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .box-module--ctas {
  display: flex;
  flex-wrap: wrap;
}

.ct_design_system .box-module--ctas .lc-button {
  margin: 0 var(--spacings-base, 16px) var(--spacings-base, 16px) 0;
  padding: var(--action-m-top-sm, 12px) var(--action-m-left-sm, 16px) var(--action-m-bottom-sm, 12px) var(--action-m-left-sm, 16px);
  font-size: var(--text-cta-small-size, 14px);
  line-height: var(--text-cta-small-lineheight, 14px);
  letter-spacing: var(--text-cta-small-kerning, 0);
}

@media only screen and (max-width: 768px) {
  .ct_design_system .box-module--ctas .lc-button {
    width: 100%;
    margin-right: 0;
  }
}

.ct_design_system .box-module--ctas .lc-button:last-child {
  margin: 0;
}

.ct_design_system .box-module--ctas a.lc-button--link-white-reverse, .ct_design_system .box-module--ctas a.lc-button--link-black-reverse, .ct_design_system .box-module--ctas a.lc-button--link-black, .ct_design_system .box-module--ctas a.lc-button--link-black,
.ct_design_system .box-module--ctas button.lc-button--link-white-reverse,
.ct_design_system .box-module--ctas button.lc-button--link-black-reverse,
.ct_design_system .box-module--ctas button.lc-button--link-black,
.ct_design_system .box-module--ctas button.lc-button--link-black {
  padding: 0;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system #storybook-root .box-module-two-images {
  width: 100%;
}

.ct_design_system .box-module-two-images {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-images {
    flex-direction: row;
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .box-module-two-images {
    flex-direction: row;
  }
}

.ct_design_system .box-module-two-images.desk-order-info-image .box-module-two-images--media {
  order: 2;
  padding-left: 0;
  padding-right: var(--spacings-base, 16px);
}

.ct_design_system .box-module-two-images.desk-order-image-info.box-module-two-images--padding .box-module-two-images--info {
  padding-right: 0;
}

.ct_design_system .box-module-two-images.mob-order-info-image .box-module-two-images--media {
  order: 2;
}

.ct_design_system .box-module-two-images--padding {
  padding: var(--spacings-base, 16px);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-images--padding {
    padding: var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-two-images--padding {
    padding: var(--spacings-3xl, 64px);
  }
}

.ct_design_system .box-module-two-images--media {
  display: flex;
  width: 100%;
  padding: 16px 16px 0 16px;
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-images--media {
    width: 50%;
    padding: 16px 0 16px 16px;
  }
}

.ct_design_system .box-module-two-images--media-wrapper {
  position: relative;
  width: 100%;
}

.ct_design_system .box-module-two-images--media-wrapper:first-child {
  margin-right: var(--spacings-base, 16px);
}

.ct_design_system .box-module-two-images--media-wrapper.media-square video,
.ct_design_system .box-module-two-images--media-wrapper.media-square img {
  aspect-ratio: 1/1;
}

.ct_design_system .box-module-two-images--media-wrapper.media-rectangular video,
.ct_design_system .box-module-two-images--media-wrapper.media-rectangular img {
  aspect-ratio: 16/9;
}

.ct_design_system .box-module-two-images--media-wrapper .ct_image {
  height: 100%;
}

.ct_design_system .box-module-two-images--media-wrapper .ct_image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ct_design_system .box-module-two-images--info {
  width: 100%;
  padding: var(--spacings-base, 16px);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-images--info {
    width: 50%;
    padding: var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-two-images--info {
    padding: var(--spacings-3xl, 64px);
  }
}

.ct_design_system .box-module-two-images--info-wrapper {
  display: flex;
  flex-direction: column;
}

.ct_design_system .box-module-two-images--info-wrapper.info-center {
  text-align: center;
}

.ct_design_system .box-module-two-images--info-wrapper.info-center .box-module-two-images--ctas {
  justify-content: center;
}

.ct_design_system .box-module-two-images--info-wrapper.info-right {
  text-align: right;
}

.ct_design_system .box-module-two-images--info-wrapper.info-right .box-module-two-images--ctas {
  justify-content: flex-end;
}

.ct_design_system .box-module-two-images--logo {
  margin-bottom: var(--spacings-base, 16px);
}

.ct_design_system .box-module-two-images--logo.logo-black svg path {
  fill: var(--bg-color-base-inverse-default, #222222);
}

.ct_design_system .box-module-two-images--logo.logo-white svg path {
  fill: var(--bg-color-base-default, #ffffff);
}

.ct_design_system .box-module-two-images--logo.logo-blue svg path {
  fill: var(--bg-color-promo-inverse-default-g1, #557b92);
}

.ct_design_system .box-module-two-images--title {
  margin-bottom: var(--spacings-md, 8px);
  font-family: var(--text-h2-family, "minerva-modern");
  font-size: var(--text-h2-mob-size, 28px);
  font-weight: 400;
  color: var(--text-color-base-default, #222222);
  line-height: var(--text-h2-mob-lineheight, 32px);
  letter-spacing: var(--text-h2-mob-kerning, 0);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-two-images--title {
    font-size: var(--text-h2-desk-size, 32px);
    line-height: var(--text-h2-desk-lineheight, 40px);
    letter-spacing: var(--text-h2-desk-kerning, 0);
  }
}

.ct_design_system .box-module-two-images--title.title-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .box-module-two-images--title.title-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .box-module-two-images--text {
  margin-bottom: 0;
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-base-size, 16px);
  font-weight: 400;
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
}

.ct_design_system .box-module-two-images--text.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .box-module-two-images--text.text-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .box-module-two-images--ctas {
  display: flex;
  flex-wrap: wrap;
}

.ct_design_system .box-module-two-images--ctas .lc-button {
  margin: 0 var(--spacings-base, 16px) var(--spacings-base, 16px) 0;
  padding: var(--action-m-top-sm, 12px) var(--action-m-left-sm, 16px) var(--action-m-bottom-sm, 12px) var(--action-m-left-sm, 16px);
  font-size: var(--text-cta-small-size, 14px);
  line-height: var(--text-cta-small-lineheight, 14px);
  letter-spacing: var(--text-cta-small-kerning, 0);
}

@media only screen and (max-width: 768px) {
  .ct_design_system .box-module-two-images--ctas .lc-button {
    width: 100%;
    margin-right: 0;
  }
}

.ct_design_system .box-module-two-images--ctas .lc-button:last-child {
  margin: 0;
}

.ct_design_system .box-module-two-images--ctas a.lc-button--link-white-reverse, .ct_design_system .box-module-two-images--ctas a.lc-button--link-black-reverse, .ct_design_system .box-module-two-images--ctas a.lc-button--link-white, .ct_design_system .box-module-two-images--ctas a.lc-button--link-black,
.ct_design_system .box-module-two-images--ctas button.lc-button--link-white-reverse,
.ct_design_system .box-module-two-images--ctas button.lc-button--link-black-reverse,
.ct_design_system .box-module-two-images--ctas button.lc-button--link-white,
.ct_design_system .box-module-two-images--ctas button.lc-button--link-black {
  padding: 0;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system #storybook-root .box-module-two-cards {
  width: 100%;
}

.ct_design_system .box-module-two-cards {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacings-base, 16px) 0;
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards {
    padding: var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .box-module-two-cards {
    padding: var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: portrait) {
  .ct_design_system .box-module-two-cards {
    flex-direction: row;
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards {
    flex-direction: row;
    padding: var(--spacings-3xl, 64px);
  }
}

.ct_design_system .box-module-two-cards--bg-white {
  background-color: var(--bg-color-base-default, #ffffff);
}

.ct_design_system .box-module-two-cards--bg-grey {
  background-color: var(--bg-color-base-tertiary, #d8d8d8);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards.desk-order-info-cards .box-module-two-cards--cards {
    order: 1;
  }
  .ct_design_system .box-module-two-cards.desk-order-info-cards .swiper-wrapper .swiper-slide .box-module-card {
    padding-right: 0;
    padding-left: var(--spacings-xl, 32px);
  }
}

.ct_design_system .box-module-two-cards.mob-order-info-image .box-module-box-cards--media {
  order: 2;
}

.ct_design_system .box-module-two-cards--padding {
  padding: var(--spacings-base, 16px);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards--padding {
    padding: var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards--padding {
    padding: var(--spacings-3xl, 64px);
  }
}

.ct_design_system .box-module-two-cards--cards {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .ct_design_system .box-module-two-cards--cards {
    order: 1;
  }
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards--cards .carousel-box-module-two-cards .swiper-slide {
    width: 50%;
  }
  .ct_design_system .box-module-two-cards--cards .swiper-slide:first-child .box-module-card {
    padding-right: var(--spacings-base, 16px);
  }
  .ct_design_system .box-module-two-cards--cards .swiper-slide:last-child .box-module-card {
    padding-left: var(--spacings-base, 16px);
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .box-module-two-cards--cards .carousel-box-module-two-cards .swiper-slide {
    width: 50%;
  }
  .ct_design_system .box-module-two-cards--cards .swiper-slide:first-child .box-module-card {
    padding-right: var(--spacings-base, 16px);
  }
  .ct_design_system .box-module-two-cards--cards .swiper-slide:last-child .box-module-card {
    padding-left: var(--spacings-base, 16px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards--cards {
    width: 66.6666666667%;
  }
  .ct_design_system .box-module-two-cards--cards .carousel-box-module-two-cards--pagination,
  .ct_design_system .box-module-two-cards--cards .carousel-box-module-two-cards--btn-prev,
  .ct_design_system .box-module-two-cards--cards .carousel-box-module-two-cards--btn-next {
    display: none;
  }
  .ct_design_system .box-module-two-cards--cards .swiper-slide:first-child .box-module-card,
  .ct_design_system .box-module-two-cards--cards .swiper-slide:last-child .box-module-card {
    padding-right: var(--spacings-xl, 32px);
    padding-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .ct_design_system .box-module-two-cards .carousel-box-module-two-cards {
    overflow: visible;
    margin: var(--spacings-none, 0) var(--spacings-base, 16px);
  }
}

.ct_design_system .box-module-two-cards .carousel-box-module-two-cards--btn-prev, .ct_design_system .box-module-two-cards .carousel-box-module-two-cards--btn-next {
  background-color: var(--bg-color-base-default, #ffffff);
  border-radius: var(--borders-radius-round, 999px);
  max-width: 40px;
  max-height: 40px;
  top: calc(var(--slide-image-h) / 2);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards .carousel-box-module-two-cards--btn-prev, .ct_design_system .box-module-two-cards .carousel-box-module-two-cards--btn-next {
    display: none;
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .box-module-two-cards .carousel-box-module-two-cards--btn-prev, .ct_design_system .box-module-two-cards .carousel-box-module-two-cards--btn-next {
    display: none;
  }
}

.ct_design_system .box-module-two-cards .carousel-box-module-two-cards--btn-prev svg, .ct_design_system .box-module-two-cards .carousel-box-module-two-cards--btn-next svg {
  width: 16px;
  height: 16px;
}

.ct_design_system .box-module-two-cards .carousel-box-module-two-cards--pagination {
  position: unset;
  padding-top: var(--spacings-lg, 24px);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards .carousel-box-module-two-cards--pagination {
    display: none;
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .box-module-two-cards .carousel-box-module-two-cards--pagination {
    display: none;
  }
}

.ct_design_system .box-module-two-cards .carousel-box-module-two-cards--pagination .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  border-radius: var(--borders-radius-round, 999px) !important;
  border: 1px solid #666;
  background: transparent !important;
  opacity: 1 !important;
  margin: 0 8px !important;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.ct_design_system .box-module-two-cards .carousel-box-module-two-cards--pagination .swiper-pagination-bullet-active {
  background: var(--bg-color-base-inverse-default, #222222) !important;
  border-color: var(--borders-color-neutral-inverse-default, #222222) !important;
}

.ct_design_system .box-module-two-cards--media {
  display: flex;
  width: 100%;
  padding: 16px 16px 0 16px;
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards--media {
    width: 50%;
    padding: 16px 0 16px 16px;
  }
}

.ct_design_system .box-module-two-cards--media-wrapper {
  position: relative;
  width: 100%;
}

.ct_design_system .box-module-two-cards--media-wrapper:first-child {
  margin-right: var(--spacings-base, 16px);
}

.ct_design_system .box-module-two-cards--media-wrapper.media-square video,
.ct_design_system .box-module-two-cards--media-wrapper.media-square img {
  aspect-ratio: 1/1;
}

.ct_design_system .box-module-two-cards--media-wrapper.media-rectangular video,
.ct_design_system .box-module-two-cards--media-wrapper.media-rectangular img {
  aspect-ratio: 16/9;
}

.ct_design_system .box-module-two-cards--media-wrapper .ct_image {
  height: 100%;
}

.ct_design_system .box-module-two-cards--media-wrapper .ct_image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ct_design_system .box-module-two-cards--info {
  width: 100%;
  padding: 0 var(--spacings-base, 16px) var(--spacings-xl, 32px) var(--spacings-base, 16px);
}

@media only screen and (max-width: 768px) {
  .ct_design_system .box-module-two-cards--info {
    text-align: center;
  }
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards--info {
    padding: 0 0 var(--spacings-lg, 24px) 0;
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .box-module-two-cards--info {
    padding: 0 0 var(--spacings-lg, 24px) 0;
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards--info {
    width: 33.3333333333%;
    padding: var(--spacings-xl, 32px) 0 var(--spacings-xl, 32px) 0;
  }
}

.ct_design_system .box-module-two-cards--info-wrapper {
  display: flex;
  flex-direction: column;
}

.ct_design_system .box-module-two-cards--info-wrapper.info-center {
  text-align: center;
}

.ct_design_system .box-module-two-cards--info-wrapper.info-center .box-module-box-cards--ctas {
  justify-content: center;
}

.ct_design_system .box-module-two-cards--info-wrapper.info-right {
  text-align: right;
}

.ct_design_system .box-module-two-cards--info-wrapper.info-right .box-module-box-cards--ctas {
  justify-content: flex-end;
}

.ct_design_system .box-module-two-cards--info p {
  margin: 0;
}

.ct_design_system .box-module-two-cards--logo {
  margin-bottom: var(--spacings-base, 16px);
}

.ct_design_system .box-module-two-cards--logo.logo-black svg path {
  fill: var(--bg-color-base-inverse-default, #222222);
}

.ct_design_system .box-module-two-cards--logo.logo-white svg path {
  fill: var(--bg-color-base-default, #ffffff);
}

.ct_design_system .box-module-two-cards--logo.logo-blue svg path {
  fill: var(--bg-color-promo-inverse-default-g1, #557b92);
}

.ct_design_system .box-module-two-cards--title {
  margin-bottom: var(--spacings-md, 8px);
  font-family: var(--text-h2-family, "minerva-modern");
  font-size: var(--text-h2-mob-size, 28px);
  font-weight: 400;
  color: var(--text-color-base-default, #222222);
  line-height: var(--text-h2-mob-lineheight, 32px);
  letter-spacing: var(--text-h2-mob-kerning, 0);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-two-cards--title {
    font-size: var(--text-h2-desk-size, 32px);
    line-height: var(--text-h2-desk-lineheight, 40px);
    letter-spacing: var(--text-h2-desk-kerning, 0);
  }
}

.ct_design_system .box-module-two-cards--title.title-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .box-module-two-cards--title.title-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .box-module-two-cards--text {
  margin-bottom: var(--spacings-base, 16px);
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-base-size, 16px);
  font-weight: 400;
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
}

.ct_design_system .box-module-two-cards--text.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .box-module-two-cards--text.text-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .box-module-two-cards--ctas {
  display: flex;
  flex-wrap: wrap;
}

.ct_design_system .box-module-two-cards--ctas .lc-button {
  margin: 0 var(--spacings-base, 16px) var(--spacings-base, 16px) 0;
  padding: var(--action-m-top-sm, 12px) var(--action-m-left-sm, 16px) var(--action-m-bottom-sm, 12px) var(--action-m-left-sm, 16px);
  font-size: var(--text-cta-small-size, 14px);
  line-height: var(--text-cta-small-lineheight, 14px);
  letter-spacing: var(--text-cta-small-kerning, 0);
}

@media only screen and (max-width: 768px) {
  .ct_design_system .box-module-two-cards--ctas .lc-button {
    width: 100%;
    margin-right: 0;
  }
}

.ct_design_system .box-module-two-cards--ctas .lc-button:last-child {
  margin: 0;
}

.ct_design_system .box-module-two-cards--ctas a.lc-button--link-white-reverse, .ct_design_system .box-module-two-cards--ctas a.lc-button--link-black-reverse, .ct_design_system .box-module-two-cards--ctas a.lc-button--link-white, .ct_design_system .box-module-two-cards--ctas a.lc-button--link-black,
.ct_design_system .box-module-two-cards--ctas button.lc-button--link-white-reverse,
.ct_design_system .box-module-two-cards--ctas button.lc-button--link-black-reverse,
.ct_design_system .box-module-two-cards--ctas button.lc-button--link-white,
.ct_design_system .box-module-two-cards--ctas button.lc-button--link-black {
  padding: 0;
}

.ct_design_system .carousel-box-module-two-cards .swiper-wrapper {
  display: flex;
}

.ct_design_system .carousel-box-module-two-cards .swiper-slide {
  height: auto;
  display: flex;
}

.ct_design_system .carousel-box-module-two-cards .swiper-slide .box-module-card {
  display: flex;
  flex: 1;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .box-module-card {
  position: relative;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ct_design_system .box-module-card--text {
  flex-grow: 1;
}

.ct_design_system .box-module-card--image-link {
  position: relative;
  display: block;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-card--image-link:hover .box-module-card--hover-image {
    opacity: 1;
    visibility: visible;
  }
}

.ct_design_system .box-module-card--image img, .ct_design_system .box-module-card--hover-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 16/9;
}

.ct_design_system .box-module-card--hover-image {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-color-base-secondary, #f6f6f6);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  z-index: 1;
}

.ct_design_system .box-module-card--info {
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .box-module-card--info.position-center {
    text-align: center;
  }
  .ct_design_system .box-module-card--info.position-left {
    text-align: left;
  }
  .ct_design_system .box-module-card--info.position-right {
    text-align: right;
  }
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-card--info.position-center {
    text-align: center;
  }
  .ct_design_system .box-module-card--info.position-left {
    text-align: left;
  }
  .ct_design_system .box-module-card--info.position-right {
    text-align: right;
  }
}

.ct_design_system .box-module-card--info {
  background: var(--bg-color-base-default, #ffffff);
  padding: var(--spacings-lg, 24px) var(--spacings-base, 16px);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-card--info {
    padding: var(--spacings-lg, 24px);
  }
}

.ct_design_system .box-module-card--title {
  margin: 0 0 var(--spacings-md, 8px) 0;
  font-family: var(--text-h3-family, "minerva-modern");
  font-size: var(--text-h3-mob-size, 24px);
  font-weight: 400;
  line-height: var(--text-h3-mob-lineheight, 28px);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .box-module-card--title {
    font-size: var(--text-h3-desk-size, 28px);
    line-height: var(--text-h3-desk-lineheight, 32px);
  }
}

.ct_design_system .box-module-card--title.title-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .box-module-card--title.title-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .box-module-card--title.title-white {
  color: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .box-module-card--text {
  margin-bottom: var(--spacings-base, 16px);
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-base-size, 16px);
  font-weight: 400;
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
}

.ct_design_system .box-module-card--text.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .box-module-card--text.text-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .box-module-card--text.text-white {
  color: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .box-module-card--cta {
  display: flex;
  margin-bottom: var(--spacings-base, 16px);
  justify-content: center;
}

.ct_design_system .box-module-card--cta a,
.ct_design_system .box-module-card--cta button {
  margin: 0;
}

.ct_design_system .box-module-card--cta a.lc-button--link-white-reverse, .ct_design_system .box-module-card--cta a.lc-button--link-black-reverse, .ct_design_system .box-module-card--cta a.lc-button--link-white, .ct_design_system .box-module-card--cta a.lc-button--link-black,
.ct_design_system .box-module-card--cta button.lc-button--link-white-reverse,
.ct_design_system .box-module-card--cta button.lc-button--link-black-reverse,
.ct_design_system .box-module-card--cta button.lc-button--link-white,
.ct_design_system .box-module-card--cta button.lc-button--link-black {
  padding: 0;
}

.ct_design_system .box-module-card--cta .lc-button {
  width: 100%;
  padding: var(--action-m-top-md, 11.5px) var(--action-m-left-md, 32px) var(--action-m-bottom-md, 12.5px) var(--action-m-left-md, 32px);
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .box-module-card--cta.position-center {
    justify-content: center;
  }
  .ct_design_system .box-module-card--cta.position-left {
    justify-content: flex-start;
  }
  .ct_design_system .box-module-card--cta.position-right {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-card--cta.position-center {
    justify-content: center;
  }
  .ct_design_system .box-module-card--cta.position-left {
    justify-content: flex-start;
  }
  .ct_design_system .box-module-card--cta.position-right {
    justify-content: flex-end;
  }
}

.ct_design_system .box-module-card--toast-button {
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .box-module-card--toast-button.position-center {
    justify-content: center;
  }
  .ct_design_system .box-module-card--toast-button.position-left {
    justify-content: left;
  }
  .ct_design_system .box-module-card--toast-button.position-right {
    justify-content: right;
  }
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .box-module-card--toast-button.position-center {
    justify-content: center;
  }
  .ct_design_system .box-module-card--toast-button.position-left {
    justify-content: left;
  }
  .ct_design_system .box-module-card--toast-button.position-right {
    justify-content: right;
  }
}

.ct_design_system .box-module-card--badge {
  position: absolute;
  top: 0;
  left: 0;
  margin: var(--spacings-lg, 24px);
}

.ct_design_system .box-module-card--badge.position-right {
  left: unset;
  right: 0;
}

.ct_design_system .box-module-card--badge.position-center {
  left: 50%;
  transform: translateX(-50%);
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .exclusive-frontdoor-card {
  position: relative;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ct_design_system .exclusive-frontdoor-card--image-link {
  position: relative;
  display: block;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor-card--image-link:hover .exclusive-frontdoor-card--hover-image {
    opacity: 1;
    visibility: visible;
  }
}

.ct_design_system .exclusive-frontdoor-card--image img, .ct_design_system .exclusive-frontdoor-card--hover-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.ct_design_system .exclusive-frontdoor-card--hover-image {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-color-base-secondary, #f6f6f6);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  z-index: 1;
}

.ct_design_system .exclusive-frontdoor-card--toast-button.position-center, .ct_design_system .exclusive-frontdoor-card--info.position-center {
  text-align: center;
}

.ct_design_system .exclusive-frontdoor-card--toast-button.position-left, .ct_design_system .exclusive-frontdoor-card--info.position-left {
  text-align: left;
}

.ct_design_system .exclusive-frontdoor-card--toast-button.position-right, .ct_design_system .exclusive-frontdoor-card--info.position-right {
  text-align: right;
}

.ct_design_system .exclusive-frontdoor-card--info {
  padding: var(--spacings-lg, 24px) var(--spacings-base, 16px);
  flex: 1;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor-card--info {
    padding: var(--spacings-lg, 24px);
  }
}

.ct_design_system .exclusive-frontdoor-card--title {
  margin: 0 0 var(--spacings-md, 8px) 0;
  font-family: var(--text-h3-family, "minerva-modern");
  font-size: var(--text-h3-mob-size, 24px);
  font-weight: 400;
  line-height: var(--text-h3-mob-lineheight, 28px);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor-card--title {
    font-size: var(--text-h3-desk-size, 28px);
    line-height: var(--text-h3-desk-lineheight, 32px);
  }
}

.ct_design_system .exclusive-frontdoor-card--title.title-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .exclusive-frontdoor-card--title.title-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .exclusive-frontdoor-card--title.title-white {
  color: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .exclusive-frontdoor-card--text {
  margin-bottom: var(--spacings-base, 16px);
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-base-size, 16px);
  font-weight: 400;
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
}

.ct_design_system .exclusive-frontdoor-card--text.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .exclusive-frontdoor-card--text.text-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .exclusive-frontdoor-card--text.text-white {
  color: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .exclusive-frontdoor-card--cta {
  display: flex;
  margin-bottom: var(--spacings-base, 16px);
}

.ct_design_system .exclusive-frontdoor-card--cta a,
.ct_design_system .exclusive-frontdoor-card--cta button {
  margin: 0;
}

.ct_design_system .exclusive-frontdoor-card--cta a.lc-button--link-white-reverse, .ct_design_system .exclusive-frontdoor-card--cta a.lc-button--link-black-reverse, .ct_design_system .exclusive-frontdoor-card--cta a.lc-button--link-white, .ct_design_system .exclusive-frontdoor-card--cta a.lc-button--link-black,
.ct_design_system .exclusive-frontdoor-card--cta button.lc-button--link-white-reverse,
.ct_design_system .exclusive-frontdoor-card--cta button.lc-button--link-black-reverse,
.ct_design_system .exclusive-frontdoor-card--cta button.lc-button--link-white,
.ct_design_system .exclusive-frontdoor-card--cta button.lc-button--link-black {
  padding: 0;
}

.ct_design_system .exclusive-frontdoor-card--cta.position-center {
  justify-content: center;
}

.ct_design_system .exclusive-frontdoor-card--cta.position-left {
  justify-content: flex-start;
}

.ct_design_system .exclusive-frontdoor-card--cta.position-right {
  justify-content: flex-end;
}

.ct_design_system .exclusive-frontdoor-card--cta .lc-button {
  padding: var(--action-m-top-md, 11.5px) var(--action-m-left-md, 32px) var(--action-m-bottom-md, 12.5px) var(--action-m-left-md, 32px);
}

.ct_design_system .exclusive-frontdoor-card--toast-button {
  display: inline-block;
}

.ct_design_system .exclusive-frontdoor-card--badge {
  position: absolute;
  top: 0;
  left: 0;
  margin: var(--spacings-lg, 24px);
}

.ct_design_system .exclusive-frontdoor-card--badge.position-right {
  left: unset;
  right: 0;
}

.ct_design_system .exclusive-frontdoor-card--badge.position-center {
  left: 50%;
  transform: translateX(-50%);
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system #storybook-root .exclusive-frontdoor {
  width: 100%;
}

.ct_design_system .exclusive-frontdoor {
  width: 100vw;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .ct_design_system .exclusive-frontdoor .header-title-simple {
    padding: var(--spacings-lg, 24px) var(--spacings-base, 16px) var(--spacings-lg, 24px) var(--spacings-base, 16px);
  }
}

@media only screen and (max-width: 1024px) {
  .ct_design_system .exclusive-frontdoor .header-title-simple {
    padding: var(--spacings-lg, 24px) var(--spacings-xl, 32px) var(--spacings-lg, 24px) var(--spacings-xl, 32px);
    text-align: center;
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor .header-title-simple {
    margin: var(--spacings-xl, 32px) var(--spacings-2xl, 40px) var(--spacings-xl, 32px) var(--spacings-2xl, 40px);
  }
  .ct_design_system .exclusive-frontdoor .header-title-simple.position-center {
    margin: var(--spacings-xl, 32px) auto var(--spacings-xl, 32px) auto;
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor .swiper-slide {
    margin-right: 24px;
  }
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor .swiper-slide:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor .swiper-slide {
    margin-right: 24px;
    flex-shrink: unset;
  }
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor .swiper-slide:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor .swiper-slide {
    margin-right: 32px;
    flex-shrink: unset;
  }
}

.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.img-shape-square .exclusive-frontdoor-card--image img {
  aspect-ratio: 1/1;
}

.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.img-shape-rectangular .exclusive-frontdoor-card--image img {
  aspect-ratio: 16/9;
}

.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.img-shape-square .carousel-exclusive-frontdoor--btn-prev,
.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.img-shape-square .carousel-exclusive-frontdoor--btn-next, .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.img-shape-rectangular .carousel-exclusive-frontdoor--btn-prev,
.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.img-shape-rectangular .carousel-exclusive-frontdoor--btn-next {
  top: calc(var(--slide-image-h) / 2);
}

@media only screen and (max-width: 768px) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.cards-wrap {
    overflow: visible;
    margin: var(--spacings-none, 0) var(--spacings-base, 16px);
  }
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.cards-wrap .exclusive-frontdoor-card--info {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.cards-wrap {
    overflow: visible;
    margin: var(--spacings-none, 0) var(--spacings-base, 16px);
  }
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.cards-wrap .exclusive-frontdoor-card--info {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.cards-wrap {
    margin: var(--spacings-none, 0) var(--spacings-xl, 32px);
  }
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.cards-wrap .exclusive-frontdoor-card--info {
    padding: var(--spacings-base, 16px) var(--spacings-none, 0);
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.cards-wrap {
    margin: var(--spacings-none, 0) var(--spacings-xl, 32px);
  }
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.cards-wrap .exclusive-frontdoor-card--info {
    padding: var(--spacings-base, 16px) var(--spacings-none, 0);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor.cards-wrap {
    margin: var(--spacings-none, 0) var(--spacings-3xl, 64px);
  }
}

.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="2"] .swiper-slide {
  width: calc(50% - 12px);
}

@media only screen and (max-width: 768px) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="2"] .swiper-slide {
    margin-right: 24px;
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="2"] .swiper-slide {
    width: calc(50% - 16px);
  }
}

.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .swiper-slide {
  width: calc(33.3333333333% - 12px);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .swiper-slide {
    width: calc(33.3333333333% - 16px);
  }
}

@media only screen and (max-width: 768px) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .carousel-exclusive-frontdoor--pagination.swiper-pagination {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .carousel-exclusive-frontdoor--pagination.swiper-pagination {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .carousel-exclusive-frontdoor--btn-next.swiper-button-next, .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .carousel-exclusive-frontdoor--btn-next.swiper-button-prev,
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .carousel-exclusive-frontdoor--btn-prev.swiper-button-next,
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .carousel-exclusive-frontdoor--btn-prev.swiper-button-prev {
    display: flex;
  }
}

@media only screen and (max-width: 768px) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .carousel-exclusive-frontdoor--btn-next.swiper-button-next, .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .carousel-exclusive-frontdoor--btn-next.swiper-button-prev,
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .carousel-exclusive-frontdoor--btn-prev.swiper-button-next,
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor[data-cards="3"] .carousel-exclusive-frontdoor--btn-prev.swiper-button-prev {
    display: flex;
  }
}

.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--btn-prev, .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--btn-next {
  background-color: var(--bg-color-base-default, #ffffff);
  border-radius: var(--borders-radius-round, 999px);
  max-width: 40px;
  max-height: 40px;
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--btn-prev, .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--btn-next {
    display: none;
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--btn-prev, .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--btn-next {
    display: none;
  }
}

.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--btn-prev svg, .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--btn-next svg {
  width: 16px;
  height: 16px;
}

.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--pagination {
  position: unset;
  padding-bottom: var(--spacings-xl, 32px);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--pagination {
    display: none;
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--pagination {
    display: none;
  }
}

.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--pagination .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  border-radius: var(--borders-radius-round, 999px) !important;
  border: 1px solid #666;
  background: transparent !important;
  opacity: 1 !important;
  margin: 0 8px !important;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.ct_design_system .exclusive-frontdoor .carousel-exclusive-frontdoor--pagination .swiper-pagination-bullet-active {
  background: var(--bg-color-base-inverse-default, #222222) !important;
  border-color: var(--borders-color-neutral-inverse-default, #222222) !important;
}

.ct_design_system .carousel-exclusive-frontdoor .swiper-wrapper {
  display: flex;
}

.ct_design_system .carousel-exclusive-frontdoor .swiper-slide {
  height: auto;
  display: flex;
}

.ct_design_system .carousel-exclusive-frontdoor .swiper-slide .exclusive-frontdoor-card {
  display: flex;
  flex: 1;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .header-title-simple {
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .header-title-simple.position-left {
  text-align: left;
}

.ct_design_system .header-title-simple.position-right {
  text-align: right;
}

.ct_design_system .header-title-simple.position-center {
  text-align: center;
}

.ct_design_system .header-title-simple.title-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .header-title-simple.title-white {
  color: var(--text-color-brand-primary-inverse, #ffffff);
}

.ct_design_system .header-title-simple.title-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .header-title-simple.title-large {
  font-size: var(--text-h1-mob-size, 32px);
  line-height: var(--text-h1-mob-lineheight, 40px);
  letter-spacing: var(--text-h1-mob-kerning, 0);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .header-title-simple.title-large {
    font-family: var(--text-h1-family, "minerva-modern");
    font-size: var(--text-h1-desk-size, 48px);
    line-height: var(--text-h1-desk-lineheight, 56px);
    letter-spacing: var(--text-h1-desk-kerning, 0);
  }
}

.ct_design_system .header-title-simple.title-medium {
  font-family: var(--text-h2-family, "minerva-modern");
  font-size: var(--text-h2-mob-size, 28px);
  line-height: var(--text-h2-mob-lineheight, 32px);
  letter-spacing: var(--text-h2-mob-kerning, 0);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .header-title-simple.title-medium {
    font-family: var(--text-h2-family, "minerva-modern");
    font-size: var(--text-h2-desk-size, 32px);
    line-height: var(--text-h2-desk-lineheight, 40px);
    letter-spacing: var(--text-h2-desk-kerning, 0);
  }
}

.ct_design_system .header-title-simple.title-small {
  font-family: var(--text-h3-family, "minerva-modern");
  font-size: var(--text-h3-mob-size, 24px);
  line-height: var(--text-h3-mob-lineheight, 28px);
  letter-spacing: var(--text-h3-mob-kerning, 0);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .header-title-simple.title-small {
    font-family: var(--text-h3-family, "minerva-modern");
    font-size: var(--text-h3-desk-size, 28px);
    line-height: var(--text-h3-desk-lineheight, 32px);
    letter-spacing: var(--text-h3-desk-kerning, 0);
  }
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .header-title-text {
  margin-bottom: var(--spacings-2xl, 40px);
}

.ct_design_system .header--title, .ct_design_system .header--text {
  font-weight: 400;
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .header--title.position-left, .ct_design_system .header--text.position-left {
  text-align: left;
}

.ct_design_system .header--title.position-right, .ct_design_system .header--text.position-right {
  text-align: right;
}

.ct_design_system .header--title.position-center, .ct_design_system .header--text.position-center {
  text-align: center;
}

.ct_design_system .header--title.title-black, .ct_design_system .header--title.text-black, .ct_design_system .header--text.title-black, .ct_design_system .header--text.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .header--title.title-white, .ct_design_system .header--title.text-white, .ct_design_system .header--text.title-white, .ct_design_system .header--text.text-white {
  color: var(--text-color-brand-primary-inverse, #ffffff);
}

.ct_design_system .header--title.title-blue, .ct_design_system .header--title.text-blue, .ct_design_system .header--text.title-blue, .ct_design_system .header--text.text-blue {
  color: var(--text-color-brand-secondary, #557b92);
}

.ct_design_system .header--title {
  margin-bottom: var(--spacings-base, 16px);
  font-family: var(--text-h1-family, "minerva-modern");
  font-size: var(--text-h1-mob-size, 32px);
  line-height: var(--text-h1-mob-lineheight, 40px);
  letter-spacing: var(--text-h1-mob-kerning, 0);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .header--title {
    font-family: var(--text-h1-family, "minerva-modern");
    font-size: var(--text-h1-desk-size, 48px);
    line-height: var(--text-h1-desk-lineheight, 56px);
    letter-spacing: var(--text-h1-desk-kerning, 0);
  }
}

.ct_design_system .header--text {
  margin-bottom: 0;
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-base-size, 16px);
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .ddm-all-brands {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-base, 16px);
  width: 100%;
  padding: 0;
  margin: 0;
}

.ct_design_system .ddm-all-brands--header {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-xs, 2px);
  width: 100%;
  order: 1;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-all-brands--header {
    order: 0;
  }
}

.ct_design_system .ddm-all-brands--title {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 700;
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
  color: var(--bg-color-base-inverse-default, #222222);
  margin: 0;
  padding: 0 0 var(--spacings-sm, 4px) 0;
  text-transform: uppercase;
  border-bottom: 1px solid var(--borders-color-neutral-secondary, #d8d8d8);
}

.ct_design_system .ddm-all-brands--item .lc-button {
  padding: 0;
  margin: 0;
  display: inline-flex;
  padding-left: 8px;
  border-radius: 0;
  border-left: 1px solid #d8d8d8;
}

.ct_design_system .ddm-all-brands--item .lc-button .lc-badge {
  display: inline-block;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-all-brands--item .lc-button .lc-badge {
    display: none;
  }
}

.ct_design_system .ddm-all-brands--item .lc-button--copy {
  white-space: nowrap;
  /* New variables */
}

.ct_design_system .ddm-all-brands--brands-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  order: 1;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-all-brands--brands-container {
    order: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(9, auto);
    grid-auto-flow: column;
    column-gap: 8px;
    row-gap: 8px;
    align-items: start;
    max-height: 250px;
    overflow-y: scroll;
  }
}

.ct_design_system .ddm-all-brands--button-wrapper {
  display: flex;
  justify-content: flex-start;
  order: 0;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-all-brands--button-wrapper {
    order: 1;
    justify-content: flex-start;
  }
}

.ct_design_system .ddm-all-brands--button-wrapper .lc-button {
  width: 100%;
  margin: 0;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-all-brands--button-wrapper .lc-button {
    width: auto;
  }
}

.ct_design_system .ddm-all-brands--button-wrapper .lc-button--blue-fill:hover,
.ct_design_system .ddm-all-brands--button-wrapper .lc-button--white-fill:hover,
.ct_design_system .ddm-all-brands--button-wrapper .lc-button--black-fill:hover {
  background: #767676;
  box-shadow: 0 0 2.945px 0 rgba(40, 41, 61, 0.04), 0 5.891px 11.782px 0 rgba(96, 97, 112, 0.16);
}

.ct_design_system .ddm-all-brands--button-wrapper .lc-button--blue-fill:hover:before,
.ct_design_system .ddm-all-brands--button-wrapper .lc-button--white-fill:hover:before,
.ct_design_system .ddm-all-brands--button-wrapper .lc-button--black-fill:hover:before {
  border-width: 1px;
  border-color: #767676;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .ddm-featured-brands {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-lg, 24px);
  margin-bottom: var(--spacings-lg, 24px);
  width: 100%;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-featured-brands {
    gap: var(--spacings-base, 16px);
  }
}

.ct_design_system .ddm-featured-brands--content {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-lg, 24px);
  width: 100%;
}

.ct_design_system .ddm-featured-brands--upper {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-base, 16px);
  width: 100%;
}

.ct_design_system .ddm-featured-brands--header {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-sm, 4px);
  width: 100%;
}

.ct_design_system .ddm-featured-brands--title {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 700;
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
  color: var(--bg-color-base-inverse-default, #222222);
  margin: 0;
  padding: 0 0 var(--spacings-sm, 4px) 0;
  text-transform: uppercase;
  border-bottom: 1px solid var(--borders-color-neutral-secondary, #d8d8d8);
}

.ct_design_system .ddm-featured-brands--grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacings-md, 8px);
  width: 100%;
}

.ct_design_system .ddm-featured-brands--brand-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 119px;
  height: 59.5px;
  padding: 0 var(--spacings-base, 16px);
  background-color: var(--bg-color-base-default, #ffffff);
  border: 0.5px solid var(--bg-color-base-tertiary, #d8d8d8);
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ct_design_system .ddm-featured-brands--brand-card--small {
  width: 84px;
  height: 45px;
  padding: var(--spacings-md, 8px);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-featured-brands--brand-card--small {
    width: 75px;
    height: 38px;
  }
}

.ct_design_system .ddm-featured-brands--brand-card--small.ddm-featured-brands--brand-card--more {
  width: 100px;
}

.ct_design_system .ddm-featured-brands--brand-card--medium {
  width: 87px;
  height: 46px;
  padding: 0 var(--spacings-base, 16px);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-featured-brands--brand-card--medium {
    width: 119px;
    height: 59.5px;
  }
}

.ct_design_system .ddm-featured-brands--brand-card:hover {
  background: #f6f6f6;
}

.ct_design_system .ddm-featured-brands--brand-card:focus-visible {
  outline: 2px solid var(--bg-color-base-inverse-default, #222222);
  outline-offset: 2px;
}

.ct_design_system .ddm-featured-brands--brand-card--more {
  width: auto;
  cursor: default;
  border: none;
}

.ct_design_system .ddm-featured-brands--brand-card--more:hover {
  border-color: none;
  box-shadow: none;
}

.ct_design_system .ddm-featured-brands--brand-logo {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.ct_design_system .ddm-featured-brands--more-text {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 400;
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
  color: var(--bg-color-base-inverse-default, #222222);
}

.ct_design_system .ddm-featured-brands--more-text--size-12 {
  font-size: var(--text-xs-size, 12px);
  line-height: var(--text-xs-lineheight, 16px);
  letter-spacing: var(--text-xs-kerning, 0);
}

.ct_design_system .ddm-featured-brands--more-text--size-14 {
  font-size: var(--text-sm-size, 14px);
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
}

.ct_design_system .ddm-featured-brands--cta {
  display: inline-flex;
}

.ct_design_system .ddm-featured-brands--cta .lc-button {
  margin: 0;
  width: 100%;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-featured-brands--cta .lc-button {
    width: auto;
  }
}

.ct_design_system .ddm-featured-brands--cta .lc-button--blue-fill:hover,
.ct_design_system .ddm-featured-brands--cta .lc-button--white-fill:hover,
.ct_design_system .ddm-featured-brands--cta .lc-button--black-fill:hover {
  background: #767676;
  box-shadow: 0 0 2.945px 0 rgba(40, 41, 61, 0.04), 0 5.891px 11.782px 0 rgba(96, 97, 112, 0.16);
}

.ct_design_system .ddm-featured-brands--cta .lc-button--blue-fill:hover:before,
.ct_design_system .ddm-featured-brands--cta .lc-button--white-fill:hover:before,
.ct_design_system .ddm-featured-brands--cta .lc-button--black-fill:hover:before {
  border-width: 1px;
  border-color: #767676;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .ddm-card {
  display: flex;
  flex-direction: column;
  background-color: var(--bg-color-base-default, #ffffff);
  width: 100%;
  max-width: 500px;
  position: relative;
}

.ct_design_system .ddm-card--image {
  position: relative;
  width: 100%;
  margin-bottom: var(--spacings-lg, 24px);
  background-color: var(--bg-color-base-tertiary, #d8d8d8);
}

.ct_design_system .ddm-card--image .ct_image {
  width: 100%;
  display: block;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.ct_design_system .ddm-card--image .ct_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ct_design_system .ddm-card--content {
  display: flex;
  flex-direction: column;
}

.ct_design_system .ddm-card--text-container {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacings-base, 16px);
}

.ct_design_system .ddm-card--title {
  font-family: var(--text-h3-family, "minerva-modern");
  font-size: var(--text-h3-desk-size, 28px);
  font-weight: 700;
  line-height: var(--text-h3-desk-lineheight, 32px);
  letter-spacing: var(--text-h3-desk-kerning, 0);
  margin: 0;
  margin-bottom: var(--spacings-md, 8px);
}

.ct_design_system .ddm-card--title.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .ddm-card--title.text-white {
  color: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .ddm-card--caption {
  font-family: var(--text-sm-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 400;
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
  margin: 0;
}

.ct_design_system .ddm-card--caption.text-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .ddm-card--caption.text-white {
  color: var(--text-color-base-inverse-default, #ffffff);
}

.ct_design_system .ddm-card--cta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ct_design_system .ddm-card--cta .lc-button {
  margin: 0;
  transition: all 0.3s ease;
}

.ct_design_system .ddm-card--cta .lc-button--blue-fill:hover,
.ct_design_system .ddm-card--cta .lc-button--white-fill:hover,
.ct_design_system .ddm-card--cta .lc-button--black-fill:hover {
  background: #767676;
  box-shadow: 0 0 2.945px 0 rgba(40, 41, 61, 0.04), 0 5.891px 11.782px 0 rgba(96, 97, 112, 0.16);
}

.ct_design_system .ddm-card--cta .lc-button--blue-fill:hover:before,
.ct_design_system .ddm-card--cta .lc-button--white-fill:hover:before,
.ct_design_system .ddm-card--cta .lc-button--black-fill:hover:before {
  border-width: 1px;
  border-color: #767676;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .ddm-categories {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: var(--spacings-lg, 24px);
}

.ct_design_system .ddm-categories--header {
  padding-bottom: var(--spacings-base, 16px);
}

.ct_design_system .ddm-categories--title {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 700;
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-base-kerning, 0);
  color: var(--text-color-base-default, #222222);
  margin: 0;
  padding: 0 0 var(--spacings-sm, 4px) 0;
  text-transform: uppercase;
  border-bottom: 1px solid var(--borders-color-neutral-secondary, #d8d8d8);
}

.ct_design_system .ddm-categories--list {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-base, 16px);
  width: 100%;
}

.ct_design_system .ddm-categories--item {
  display: flex;
  align-items: center;
  gap: var(--spacings-md, 8px);
  padding-right: var(--spacings-lg, 24px);
  border-radius: 100px;
  transition: background-color 0.2s ease;
}

.ct_design_system .ddm-categories--item .lc-button {
  text-decoration: none;
  margin: 0;
}

.ct_design_system .ddm-categories--item .lc-button.lc-button--link-black .lc-button--copy:before, .ct_design_system .ddm-categories--item .lc-button.lc-button--link-white .lc-button--copy:before, .ct_design_system .ddm-categories--item .lc-button.lc-button--link-black-reverse .lc-button--copy:before, .ct_design_system .ddm-categories--item .lc-button.lc-button--link-white-reverse .lc-button--copy:before {
  height: 2px;
}

.ct_design_system .ddm-categories--avatar {
  width: 40px;
  height: 40px;
  border-radius: var(--borders-radius-round, 999px);
  border: 2px solid var(--bg-color-base-default, #ffffff);
  overflow: hidden;
  flex-shrink: 0;
}

.ct_design_system .ddm-categories--avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ct_design_system .ddm-categories--cta {
  padding-top: var(--spacings-lg, 24px);
}

.ct_design_system .ddm-categories--cta button.lc-button,
.ct_design_system .ddm-categories--cta a.lc-button {
  margin: 0;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-categories--cta button.lc-button,
  .ct_design_system .ddm-categories--cta a.lc-button {
    display: inline-flex;
  }
}

.ct_design_system .ddm-categories--cta .lc-button--blue-fill:hover,
.ct_design_system .ddm-categories--cta .lc-button--white-fill:hover,
.ct_design_system .ddm-categories--cta .lc-button--black-fill:hover {
  background: #767676;
  box-shadow: 0 0 2.945px 0 rgba(40, 41, 61, 0.04), 0 5.891px 11.782px 0 rgba(96, 97, 112, 0.16);
}

.ct_design_system .ddm-categories--cta .lc-button--blue-fill:hover:before,
.ct_design_system .ddm-categories--cta .lc-button--white-fill:hover:before,
.ct_design_system .ddm-categories--cta .lc-button--black-fill:hover:before {
  border-width: 1px;
  border-color: #767676;
}

.ct_design_system .ddm-categories--alert {
  padding-top: var(--spacings-lg, 24px);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-categories--alert {
    padding-top: var(--spacings-base, 16px);
  }
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .ddm-one-click-reorder {
  border-radius: var(--borders-radius-md, 8px);
  padding: var(--spacings-base, 16px);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
}

.ct_design_system .ddm-one-click-reorder--bg-grey {
  background-color: var(--bg-color-base-secondary, #f6f6f6);
}

.ct_design_system .ddm-one-click-reorder--bordered {
  border: 1px solid var(--borders-color-neutral-tertiary, #b0b0b0);
}

.ct_design_system .ddm-one-click-reorder--content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ct_design_system .ddm-one-click-reorder--text-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-sm, 4px);
  width: 100%;
}

.ct_design_system .ddm-one-click-reorder--title {
  font-family: var(--text-base-family, "sofia-pro");
  font-weight: 700;
  color: var(--text-color-base-default, #222222);
  margin: 0;
  padding: 0;
}

.ct_design_system .ddm-one-click-reorder--title--size-14 {
  font-size: var(--text-sm-size, 14px);
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
}

.ct_design_system .ddm-one-click-reorder--title--size-16 {
  font-size: var(--text-base-size, 16px);
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
}

.ct_design_system .ddm-one-click-reorder--title--color-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .ddm-one-click-reorder--description {
  font-family: var(--text-base-family, "sofia-pro");
  font-weight: 400;
  color: var(--text-color-base-default, #222222);
  margin: 0;
  padding: 0;
}

.ct_design_system .ddm-one-click-reorder--description--size-12 {
  font-size: var(--text-xs-size, 12px);
  line-height: var(--text-xs-lineheight, 16px);
  letter-spacing: var(--text-xs-kerning, 0);
}

.ct_design_system .ddm-one-click-reorder--description--size-14 {
  font-size: var(--text-sm-size, 14px);
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
}

.ct_design_system .ddm-one-click-reorder--description--size-16 {
  font-size: var(--text-base-size, 16px);
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
}

.ct_design_system .ddm-one-click-reorder--description--color-black {
  color: var(--text-color-base-default, #222222);
}

.ct_design_system .ddm-one-click-reorder--cta {
  display: inline-flex;
  padding-top: var(--spacings-base, 16px);
}

.ct_design_system .ddm-one-click-reorder .lc-button {
  margin: 0;
  width: auto;
  transition: all 0.3s ease;
}

.ct_design_system .ddm-one-click-reorder .lc-button--blue-fill:hover,
.ct_design_system .ddm-one-click-reorder .lc-button--white-fill:hover,
.ct_design_system .ddm-one-click-reorder .lc-button--black-fill:hover {
  background: #767676;
  box-shadow: 0 0 2.945px 0 rgba(40, 41, 61, 0.04), 0 5.891px 11.782px 0 rgba(96, 97, 112, 0.16);
}

.ct_design_system .ddm-one-click-reorder .lc-button--blue-fill:hover:before,
.ct_design_system .ddm-one-click-reorder .lc-button--white-fill:hover:before,
.ct_design_system .ddm-one-click-reorder .lc-button--black-fill:hover:before {
  border-width: 1px;
  border-color: #767676;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .ddm-steps {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ct_design_system .ddm-steps--content {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-xl, 32px);
  width: 100%;
  max-width: 402px;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-steps--content {
    gap: var(--spacings-lg, 24px);
    max-width: 100%;
  }
}

.ct_design_system .ddm-steps--header {
  padding-bottom: var(--spacings-base, 16px);
}

.ct_design_system .ddm-steps--title {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 700;
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
  color: var(--bg-color-base-inverse-default, #222222);
  margin: 0;
  padding: 0 0 var(--spacings-sm, 4px) 0;
  text-transform: uppercase;
  border-bottom: 1px solid var(--borders-color-neutral-secondary, #d8d8d8);
}

.ct_design_system .ddm-steps--steps-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.ct_design_system .ddm-steps--item-list {
  position: relative;
}

.ct_design_system .ddm-steps--step {
  display: flex;
  gap: var(--spacings-md, 8px);
  align-items: flex-start;
  position: relative;
  width: 100%;
}

.ct_design_system .ddm-steps--icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
}

.ct_design_system .ddm-steps--icon-container svg {
  width: 20px;
  height: 20px;
  color: var(--bg-color-base-inverse-default, #222222);
}

.ct_design_system .ddm-steps--text-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  min-width: 0;
}

.ct_design_system .ddm-steps--step-title {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 700;
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-sm-kerning, 0);
  color: var(--bg-color-base-inverse-default, #222222);
  margin: 0;
  padding: 0;
}

.ct_design_system .ddm-steps--step-caption {
  font-family: var(--text-xs-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 400;
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-xs-kerning, 0);
  color: var(--bg-color-base-inverse-default, #222222);
  margin: 0;
  padding: 0;
}

.ct_design_system .ddm-steps--connector {
  position: absolute;
  left: 15px;
  top: 32px;
  width: 1px;
  height: 100%;
  border-left: 1px dashed var(--bg-color-base-inverse-tertiary, #b0b0b0);
}

.ct_design_system .ddm-steps--cta {
  display: flex;
  width: 100%;
  padding-top: var(--spacings-xl, 32px);
}

.ct_design_system .ddm-steps--cta .lc-button {
  margin: 0;
  width: 100%;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-steps--cta .lc-button {
    width: auto;
  }
}

.ct_design_system .ddm-steps--cta .lc-button--blue-fill:hover,
.ct_design_system .ddm-steps--cta .lc-button--white-fill:hover,
.ct_design_system .ddm-steps--cta .lc-button--black-fill:hover {
  background: #767676;
  box-shadow: 0 0 2.945px 0 rgba(40, 41, 61, 0.04), 0 5.891px 11.782px 0 rgba(96, 97, 112, 0.16);
}

.ct_design_system .ddm-steps--cta .lc-button--blue-fill:hover:before,
.ct_design_system .ddm-steps--cta .lc-button--white-fill:hover:before,
.ct_design_system .ddm-steps--cta .lc-button--black-fill:hover:before {
  border-width: 1px;
  border-color: #767676;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .ddm-two-picks {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--spacings-none, 0);
}

.ct_design_system .ddm-two-picks--header {
  padding-bottom: var(--spacings-base, 16px);
}

.ct_design_system .ddm-two-picks--title {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 700;
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-base-kerning, 0);
  color: var(--text-color-base-default, #222222);
  margin: 0;
  padding: 0 0 var(--spacings-sm, 4px) 0;
  text-transform: uppercase;
  border-bottom: 1px solid var(--borders-color-neutral-secondary, #d8d8d8);
}

.ct_design_system .ddm-two-picks--cards {
  display: flex;
  gap: var(--spacings-base, 16px);
  align-items: center;
  width: 100%;
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system .ddm-voices-list {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacings-lg, 24px);
}

.ct_design_system .ddm-voices-list-variant-badge-rectangular .ddm-voices-list--item .lc-button--copy {
  line-height: 24px;
}

.ct_design_system .ddm-voices-list:last-child {
  margin-bottom: 0;
}

.ct_design_system .ddm-voices-list--header {
  padding-bottom: var(--spacings-base, 16px);
}

.ct_design_system .ddm-voices-list--title {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-sm-size, 14px);
  font-weight: 700;
  line-height: var(--text-sm-lineheight, 20px);
  letter-spacing: var(--text-base-kerning, 0);
  color: var(--text-color-base-default, #222222);
  margin: 0;
  padding: 0 0 var(--spacings-sm, 4px) 0;
  text-transform: uppercase;
  border-bottom: 1px solid var(--borders-color-neutral-secondary, #d8d8d8);
}

.ct_design_system .ddm-voices-list--items {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-base, 16px);
}

.ct_design_system .ddm-voices-list--item {
  display: flex;
}

.ct_design_system .ddm-voices-list--item a.lc-button,
.ct_design_system .ddm-voices-list--item button.lc-button {
  margin: 0;
  justify-content: flex-start;
}

.ct_design_system .ddm-voices-list--label {
  font-family: var(--text-base-family, "sofia-pro");
  font-size: var(--text-base-size, 16px);
  font-weight: 400;
  line-height: var(--text-base-lineheight, 24px);
  letter-spacing: var(--text-base-kerning, 0);
  color: var(--text-color-base-default, #222222);
  margin: 0;
}

.ct_design_system .ddm-voices-list--label--promo {
  font-weight: 700;
  color: var(--bg-color-promo-default-g1, #244c5a);
}

.ct_design_system .ddm-voices-list--cta {
  padding-top: var(--spacings-lg, 24px);
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-voices-list--cta {
    padding-top: var(--spacings-base, 16px);
  }
}

.ct_design_system .ddm-voices-list--cta button.lc-button,
.ct_design_system .ddm-voices-list--cta a.lc-button {
  margin: 0;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .ddm-voices-list--cta button.lc-button,
  .ct_design_system .ddm-voices-list--cta a.lc-button {
    display: inline-flex;
  }
}

.ct_design_system .ddm-voices-list--cta .lc-button--blue-fill:hover,
.ct_design_system .ddm-voices-list--cta .lc-button--white-fill:hover,
.ct_design_system .ddm-voices-list--cta .lc-button--black-fill:hover {
  background: #767676;
  box-shadow: 0 0 2.945px 0 rgba(40, 41, 61, 0.04), 0 5.891px 11.782px 0 rgba(96, 97, 112, 0.16);
}

.ct_design_system .ddm-voices-list--cta .lc-button--blue-fill:hover:before,
.ct_design_system .ddm-voices-list--cta .lc-button--white-fill:hover:before,
.ct_design_system .ddm-voices-list--cta .lc-button--black-fill:hover:before {
  border-width: 1px;
  border-color: #767676;
}

.ct_design_system .ddm-voices-list--alert {
  padding-top: var(--spacings-lg, 24px);
}

.ct_design_system .ct-white {
  color: #FFFFFF;
}

.ct_design_system .ct-blue-primary {
  color: #557B92;
}

.ct_design_system .ct-black {
  color: #222222;
}

.ct_design_system .ct-petrol {
  color: #244C5A;
}

.ct_design_system .ct-cream {
  color: #F0EAE2;
}

.ct_design_system .ct-ultra-light-blue {
  color: #E7EEF0;
}

.ct_design_system .ct-error-negative {
  color: #E32118;
}

.ct_design_system .ct-insurance-positive {
  color: #247534;
}

.ct_design_system #storybook-root .offers-page {
  width: 100%;
}

.ct_design_system .offers-page {
  width: 100vw;
  padding: 0 0 var(--spacings-base, 16px) 0;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offers-page {
    padding: var(--spacings-3xl, 64px) 0 var(--spacings-xl, 32px) 0;
  }
}

.ct_design_system .offers-page--content {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.ct_design_system .offers-page--content .offers-header {
  order: 0;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offers-page--content .offers-header {
    width: 82%;
    margin: 0 auto;
    padding: 0;
  }
}

.ct_design_system .offers-page--content .offers-header .header-title-text {
  padding: 0 var(--spacings-base, 16px);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .offers-page--content .offers-header .header-title-text {
    padding: 0 var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .offers-page--content .offers-header .header-title-text {
    padding: 0 var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offers-page--content .offers-header .header-title-text {
    padding: 0;
  }
}

.ct_design_system .offers-page--content .offers-green-shipping-banner {
  margin: var(--spacings-base, 16px);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .offers-page--content .offers-green-shipping-banner {
    margin: var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .offers-page--content .offers-green-shipping-banner {
    margin: var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offers-page--content .offers-green-shipping-banner {
    margin: var(--spacings-3xl, 64px);
  }
}

.ct_design_system .offers-page--content .offers-green-shipping-banner.banner-top {
  order: 1;
  margin-top: 0;
  margin-bottom: 32px;
}

.ct_design_system .offers-page--content .offers-green-shipping-banner.banner-bottom {
  order: 3;
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offers-page--content .offers-tab-selector {
    width: 71%;
    margin: 0 auto;
    padding: 0;
  }
}

.ct_design_system .offers-page--content .offers-tab-selector .tab-selector {
  padding: 0 var(--spacings-base, 16px);
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .offers-page--content .offers-tab-selector .tab-selector {
    padding: 0 var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .offers-page--content .offers-tab-selector .tab-selector {
    padding: 0 var(--spacings-xl, 32px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offers-page--content .offers-tab-selector .tab-selector {
    padding: 0;
  }
}

.ct_design_system .offers-page--content .offers-tab-selector,
.ct_design_system .offers-page--content .offers-list {
  order: 2;
}

.ct_design_system .offers-page--content .offers-list {
  margin: 0 auto;
}

@media only screen and (min-width: 769px) and (orientation: portrait) {
  .ct_design_system .offers-page--content .offers-list {
    padding: 0 var(--spacings-3xl, 64px) 0 var(--spacings-3xl, 64px);
  }
}

@media only screen and (min-width: 769px) and (orientation: landscape) {
  .ct_design_system .offers-page--content .offers-list {
    padding: 0 var(--spacings-3xl, 64px) 0 var(--spacings-3xl, 64px);
  }
}

@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .ct_design_system .offers-page--content .offers-list {
    padding: 0;
    max-width: 892px;
  }
}/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}