/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html,
body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  width: 100%;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

button {
  background-color: #ffffff;
  border: none;
}

a {
  color: hsl(0, 0%, 15%);
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

#root,
#__next {
  isolation: isolate;
}

html {
  scroll-behavior: smooth;
}

body {
  height: auto;
}

.main {
  transition: transform 0.2s;
}

.relative {
  position: relative;
}

.center {
  margin: 0 auto;
}

.hide {
  display: none;
}

.mobile-nav-open {
  overflow: hidden;
}

.pointer {
  cursor: pointer;
}

html {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media (max-width: 639px) {
  .container {
    max-width: none !important; /* Remove max-width for xsm devices */
    width: 100%; /* Ensure it takes full width */
  }
}
.bg-eerie_black {
  background-color: hsl(0, 0%, 15%);
}

.bg-primary-700 {
  background-color: hsl(1, 75%, 58%);
}

.bg-white {
  background-color: hsl(0, 100%, 100%);
}

.bg-dark-800 {
  background-color: hsl(221, 23%, 16%);
}

.bg-light-grey {
  background-color: hsl(0, 0%, 91%);
}

.bg-dark-blue-grad-lin {
  background: hsl(195, 8%, 90%);
  background: linear-gradient(90deg, hsl(195, 8%, 90%) 0%, hsl(245, 28%, 15%) 100%);
}

.txt-white {
  color: hsl(0, 100%, 100%);
}

.txt-black {
  color: hsl(0, 0%, 15%);
}

.txt-grey {
  color: hsl(0, 0%, 30%);
}

.txt-grey-300 {
  color: hsl(0, 0%, 40%);
}

.green-success-icon {
  color: hsl(165, 100%, 25%);
}

.yellow-warning-icon {
  color: hsl(44, 100%, 36%);
}

.red-critical-icon {
  color: hsl(9, 89%, 45%);
}

.green-success-text {
  color: hsl(165, 100%, 25%);
}

.yellow-warning-text {
  color: hsl(44, 100%, 28%);
}

.red-critical-text {
  color: hsl(9, 89%, 45%);
}

.system-container-reg {
  width: 100%;
  max-width: 1570px;
  margin: 0 auto;
}
@media (max-width: 1600px) {
  .system-container-reg {
    max-width: 1570px;
  }
}

.system-container-full {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.system-inner {
  margin-inline: 3rem;
}
@media (max-width: 900px) {
  .system-inner {
    margin-inline: 1rem;
  }
}

.margin-inline-10 {
  margin-inline: 10%;
}
@media (max-width: 900px) {
  .margin-inline-10 {
    margin-inline: 5%;
  }
}
@media (max-width: 700px) {
  .margin-inline-10 {
    margin-inline: 0;
  }
}

.margin-inline-20 {
  margin-inline: 20%;
}
@media (max-width: 900px) {
  .margin-inline-20 {
    margin-inline: 10%;
  }
}
@media (max-width: 700px) {
  .margin-inline-20 {
    margin-inline: 3%;
  }
}

p {
  margin-top: 15px;
  margin-bottom: 20px;
}

h1 + p {
  margin-top: 0.8rem;
}

h2 + p {
  margin-top: 0.8rem;
}

h2 + p.text-bodyLarge {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  h2 + p.text-bodyLarge {
    margin-top: 1.2rem;
  }
}

h4 + p {
  margin-top: 0.6rem;
}

.container p,
.container h2 {
  margin-bottom: 0.8rem;
}

.container h3 {
  margin-bottom: 0.5rem;
}

.container p:last-child,
.container h2:last-child,
.container h3:last-child {
  margin-bottom: 0;
}

.list-tick {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-tick li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.6rem;
}
.list-tick li:last-of-type {
  margin-bottom: 0;
}
.list-tick li::before {
  content: "";
  position: absolute;
  top: -2.5px;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path opacity="0.2" d="M13.8895 4.01611H13.7577C11.2341 4.0161 9.25184 4.01609 7.70422 4.22415C6.11832 4.43738 4.86004 4.88325 3.87139 5.87188C2.88276 6.86053 2.43689 8.11881 2.22366 9.70471C2.0156 11.2523 2.01561 13.2345 2.01563 15.7582V15.89C2.01561 18.4137 2.0156 20.3959 2.22366 21.9435C2.43689 23.5294 2.88276 24.7877 3.87139 25.7764C4.86004 26.765 6.11832 27.2108 7.70422 27.4241C9.25184 27.6321 11.234 27.6321 13.7577 27.6321H13.8895C16.4132 27.6321 18.3955 27.6321 19.9431 27.4241C21.5289 27.2108 22.7872 26.765 23.7759 25.7764C24.7645 24.7877 25.2103 23.5294 25.4236 21.9435C25.6316 20.3959 25.6316 18.4137 25.6316 15.89V15.7582C25.6316 13.2346 25.6316 11.2523 25.4236 9.70471C25.2103 8.11881 24.7645 6.86053 23.7759 5.87188C22.7872 4.88325 21.5289 4.43738 19.9431 4.22415C18.3955 4.01609 16.4132 4.0161 13.8895 4.01611Z" fill="%2300B67A"/><path d="M25.8485 6.20763C26.0699 6.80413 25.7657 7.4671 25.1692 7.68842C23.9577 8.13792 22.6595 9.07322 21.3629 10.3122C20.0782 11.5399 18.8586 13.0039 17.7969 14.4256C16.7375 15.8443 15.8498 17.2016 15.2267 18.2051C14.893 18.7423 14.5642 19.2832 14.2574 19.8364C14.0561 20.2008 13.6734 20.4293 13.257 20.4323C12.8405 20.4354 12.4548 20.2135 12.2483 19.8519C11.1547 17.9382 10.2514 17.0766 9.70783 16.6961C9.37398 16.4624 9.17735 16.4083 9.13126 16.3973C8.53481 16.3536 8.06445 15.856 8.06445 15.2484C8.06445 14.6122 8.58023 14.0964 9.21645 14.0964C9.8688 14.1009 10.5098 14.4451 11.0291 14.8086C11.6626 15.2521 12.404 15.9586 13.2117 17.0826C13.8615 16.0316 14.8084 14.577 15.9508 13.0471C17.0577 11.5648 18.3623 9.99281 19.7712 8.6465C21.1682 7.31151 22.7331 6.13481 24.3677 5.52831C24.9642 5.307 25.6272 5.61114 25.8485 6.20763Z" fill="%2300B67A"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}

.display-1 {
  font-size: 3.583rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
@media (max-width: 1450px) {
  .display-1 {
    font-size: 2.986rem;
  }
}
@media (max-width: 1100px) {
  .display-1 {
    font-size: 2.488rem;
  }
}

.display-2 {
  font-size: 2.986rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
@media (max-width: 1450px) {
  .display-2 {
    font-size: 2.488rem;
  }
}
@media (max-width: 1100px) {
  .display-2 {
    font-size: 2.074rem;
  }
}

.display-3 {
  font-size: 2.488rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
@media (max-width: 1450px) {
  .display-3 {
    font-size: 2.074rem;
  }
}
@media (max-width: 1100px) {
  .display-3 {
    font-size: 1.728rem;
  }
}

.display-4 {
  font-size: 2.074rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
@media (max-width: 1450px) {
  .display-4 {
    font-size: 1.728rem;
  }
}
@media (max-width: 1100px) {
  .display-4 {
    font-size: 1.44rem;
  }
}

.display-5 {
  font-size: 1.728rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
@media (max-width: 1450px) {
  .display-5 {
    font-size: 1.44rem;
  }
}
@media (max-width: 1100px) {
  .display-5 {
    font-size: 1.2rem;
  }
}

.display-6 {
  font-size: 1.44rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
@media (max-width: 1450px) {
  .display-6 {
    font-size: 1.2rem;
  }
}
@media (max-width: 1100px) {
  .display-6 {
    font-size: 1.15rem;
  }
}

.display-7 {
  font-size: 1.2rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
@media (max-width: 1450px) {
  .display-7 {
    font-size: 1.15rem;
  }
}
@media (max-width: 1100px) {
  .display-7 {
    font-size: 1rem;
  }
}

.display-8 {
  font-size: 1.15rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
@media (max-width: 1450px) {
  .display-8 {
    font-size: 1rem;
  }
}

.display-0 {
  font-size: 1rem;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.small-1 {
  font-size: 0.95rem;
  letter-spacing: -0.015em;
}

.small-2,
small {
  font-size: 0.8rem;
  letter-spacing: -0.015em;
}

.small-3 {
  font-size: 0.7rem;
  letter-spacing: -0.015em;
}

.fw-300 {
  font-weight: 300;
}

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

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.line-height-1-5 {
  line-height: 1.5;
}

.spacing-normal {
  letter-spacing: normal;
}

strong,
.bold {
  font-weight: 800;
}

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

.emphasised {
  font-style: italic;
}

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

.underline {
  text-decoration: underline;
  display: inline;
  white-space: nowrap;
}

.btnPrimary, .btnPrimary-ghostWhite, .btnPrimary-ghost, .btnPrimary-small, .btnPrimary-p2, .btnPrimary-p1 {
  background-color: #d33c3c;
  padding: 0.85rem 1.6rem 0.8rem;
  border-radius: 5px;
  font-weight: 600;
  color: hsl(0, 100%, 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  text-decoration: none;
  transition: all 0.2s ease;
}
.btnPrimary-p1 {
  background-color: #2a3443;
}
.btnPrimary-p2 {
  background-color: #54647d;
}
@media (min-width: 768px) {
  .btnPrimary, .btnPrimary-ghostWhite, .btnPrimary-ghost, .btnPrimary-small, .btnPrimary-p2, .btnPrimary-p1 {
    width: auto;
  }
}
.btnPrimary:hover, .btnPrimary-ghostWhite:hover, .btnPrimary-ghost:hover, .btnPrimary-small:hover, .btnPrimary-p1:hover, .btnPrimary-p2:hover {
  background-color: #b82929;
  text-decoration: none;
  transition: all 0.2s ease;
}
.btnPrimary-small {
  padding: 0.65rem 1.2rem 0.6rem;
}
.btnPrimary-ghost {
  background-color: transparent;
  border: 2px solid #2a3443;
  color: #2a3443;
}
.btnPrimary-ghost:hover {
  background-color: #2a3443;
  color: hsl(0, 100%, 100%);
}
.btnPrimary-ghostWhite {
  background-color: transparent;
  border: 2px solid hsl(0, 100%, 100%);
  color: hsl(0, 100%, 100%);
}
.btnPrimary-ghostWhite:hover {
  background-color: hsl(0, 100%, 100%);
  color: #2a3443;
}

.btnSecondary {
  color: #d33c3c;
  font-weight: 800;
}
.btnSecondary:hover {
  text-decoration: underline;
}

.navLink {
  position: relative;
  padding: 10px 0;
}
@media (min-width: 1024px) {
  .navLink:after {
    content: "";
    position: absolute;
    bottom: -36px;
    height: 7px;
    left: 0;
    right: 0;
    background-color: #d33c3c;
    transition: all 0.2s ease;
  }
}
.navLink:hover:after {
  bottom: -28px;
  transition: all 0.2s ease;
}

a.anchorLink {
  text-decoration: none;
  text-underline-offset: 2px;
  transition: text-underline-offset 0.2s ease;
}
a.anchorLink:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.burger-menu {
  width: 24px;
  height: 19px;
  position: relative;
  cursor: pointer;
  float: right;
}
.burger-menu.open {
  top: 8px;
}
.burger-menu span {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #2a3443;
  position: absolute;
  left: 0;
  transition: transform 0.3s ease, top 0.3s ease, opacity 0.3s ease;
  border-radius: 50px;
}
.burger-menu span:nth-child(1) {
  top: 0;
}
.burger-menu span:nth-child(2) {
  top: 7px;
}
.burger-menu span:nth-child(3) {
  top: 14px;
}
.burger-menu.open span {
  background-color: hsl(0, 100%, 100%);
}
.burger-menu.open span:nth-child(1) {
  transform: rotate(45deg);
  top: 10px;
}
.burger-menu.open span:nth-child(2) {
  opacity: 0;
}
.burger-menu.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 10px;
}

.faq-row {
  overflow: hidden;
}
.faq-row ul {
  list-style: disc !important;
}
.faq-row__button {
  width: 100%;
  text-align: left;
  padding: 0.6rem 0rem 0.6rem;
  cursor: pointer;
  transition: background 0.2s;
}
@media (min-width: 768px) {
  .faq-row__button {
    padding: 1.2rem 1.2rem 1.1rem;
  }
}
.faq-row__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out, padding 0.3s ease;
}
.faq-row__content.open {
  max-height: 1000px;
  padding-bottom: 2rem;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .faq-row__content.open {
    max-height: 300px;
  }
}

.exp-row {
  overflow: hidden;
}
.exp-row ul {
  list-style: disc !important;
}
.exp-row__button {
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s;
}
.exp-row__content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  transition: max-height 0.2s ease-in-out, padding 0.3s ease;
}
.exp-row__content.open {
  max-height: 1000px;
  padding-bottom: 1rem;
  padding-top: 0.5rem;
}
@media (min-width: 768px) {
  .exp-row__content.open {
    max-height: 300px;
  }
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(30, 37, 47, 0.7);
  z-index: 999;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.modal.is-visible {
  display: block;
  opacity: 1;
}
.modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 1.4rem;
  width: 100%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  height: 100vh;
  overflow-y: scroll;
}
@media (min-width: 768px) {
  .modal__content {
    max-width: 80%;
    height: auto;
    max-height: 90vh;
    border-radius: 8px;
    padding: 2rem;
  }
}
.modal__close {
  background: transparent;
  border: none;
  cursor: pointer;
}

@media (max-width: 900px) {
  .panel {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 900px) {
  .panel-img-desktop {
    display: none;
  }
}

.panel-img-mobile {
  display: none;
}
@media (max-width: 900px) {
  .panel-img-mobile {
    display: block;
  }
}

.panel-text-container {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 900px) {
  .panel-text-container {
    position: inherit;
  }
}

.panel-text-inner {
  display: flex;
}

.panel-text-center .panel-text-inner {
  justify-content: center;
  text-align: center;
}

.panel-text-right .panel-text-inner {
  flex-direction: row-reverse;
  text-align: right;
}
@media (max-width: 900px) {
  .panel-text-right .panel-text-inner {
    flex-direction: row;
    text-align: center;
  }
}
.panel-text-right .panel-text {
  align-items: flex-end;
}
@media (max-width: 900px) {
  .panel-text-right .panel-text {
    align-items: center;
  }
}
.panel-text-right .panel-text-btn {
  align-self: end;
}
@media (max-width: 900px) {
  .panel-text-right .panel-text-btn {
    align-self: center;
  }
}

.panel-text {
  display: flex;
  flex-direction: column;
  width: 33%;
}
.panel-text h1 {
  margin-bottom: 15px;
}
.panel-text h2 {
  margin-bottom: 30px;
}
@media (max-width: 1400px) {
  .panel-text {
    width: 40%;
  }
}
@media (max-width: 900px) {
  .panel-text {
    align-items: center;
    width: 100%;
    margin-block: 3rem;
    text-align: center;
  }
}

.panel-text-btn {
  align-self: start;
}
@media (max-width: 900px) {
  .panel-text-btn {
    align-self: center;
  }
}

.media-scroller-heights {
  height: 210px;
}
@media (min-width: 330px) {
  .media-scroller-heights {
    height: 220px;
  }
}
@media (min-width: 350px) {
  .media-scroller-heights {
    height: 230px;
  }
}
@media (min-width: 370px) {
  .media-scroller-heights {
    height: 250px;
  }
}
@media (min-width: 410px) {
  .media-scroller-heights {
    height: 270px;
  }
}
@media (min-width: 450px) {
  .media-scroller-heights {
    height: 300px;
  }
}
@media (min-width: 570px) {
  .media-scroller-heights {
    height: 400px;
  }
}

.custom-scrollbar::-webkit-scrollbar {
  height: 12px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: #e4e7ec;
  border-block: 4px solid transparent;
  background-clip: padding-box;
}
@media (max-width: 768px) {
  .custom-scrollbar::-webkit-scrollbar-track {
    display: none;
  }
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #e9b2af;
  border-radius: 9999px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .custom-scrollbar::-webkit-scrollbar-thumb {
    display: none;
  }
}

.brochure-push {
  background-color: #e5e5e6;
}
@media (max-width: 900px) {
  .brochure-push {
    padding-bottom: 4rem;
  }
}

.brochure-push-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.brochure-push-inner > div {
  width: 50%;
}
@media (max-width: 900px) {
  .brochure-push-inner > div {
    width: 100%;
  }
}
.brochure-push-inner .text {
  display: flex;
  flex-direction: column;
  padding-right: 2rem;
}
.brochure-push-inner .text h3 {
  margin-bottom: 1.5rem;
}
.brochure-push-inner .text .btn-standard {
  align-self: flex-start;
  margin-top: 1.5rem;
}
@media (max-width: 900px) {
  .brochure-push-inner .text .btn-standard {
    margin-inline: auto;
  }
}
@media (max-width: 900px) {
  .brochure-push-inner .text {
    padding-right: 0;
    text-align: center;
  }
}
.brochure-push-inner .image img {
  width: 100%;
  margin: 2rem auto;
}
@media (max-width: 900px) {
  .brochure-push-inner {
    flex-direction: column-reverse;
  }
  .brochure-push-inner .image {
    width: 80%;
  }
}

.section-intro {
  padding: 4rem 1em;
}
.section-intro h2 {
  margin-bottom: 15px;
}

.flex-c-3 {
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
@media (max-width: 700px) {
  .flex-c-3 {
    flex-direction: column;
  }
}

.flex-c-3-ch {
  width: 33.3333%;
}
@media (max-width: 700px) {
  .flex-c-3-ch {
    width: 100%;
    margin-bottom: 5rem;
  }
  .flex-c-3-ch:last-of-type {
    margin-bottom: 0;
  }
}

.flex-c-4 {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 700px) {
  .flex-c-4 {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.flex-c-4-ch {
  flex: 25%;
  padding: 1rem;
}
@media (max-width: 1100px) {
  .flex-c-4-ch {
    flex: 50%;
  }
}
@media (max-width: 700px) {
  .flex-c-4-ch {
    flex: 100%;
    padding: 0;
    margin-bottom: 1.5rem;
  }
}

.column-2 {
  display: flex;
  flex-direction: row;
  width: 60%;
  margin: 0 auto;
}
@media (max-width: 1250px) {
  .column-2 {
    width: 80%;
  }
}
@media (max-width: 1100px) {
  .column-2 {
    flex-direction: column;
  }
}
@media (max-width: 700px) {
  .column-2 {
    width: 100%;
  }
}
.column-2 > div {
  width: 50%;
  padding-inline: 1rem;
}
@media (max-width: 1100px) {
  .column-2 > div {
    width: 100%;
  }
}

.hor-l {
  margin: 0 auto;
  width: 20%;
  height: 1px;
  border-bottom: 2px solid hsl(0, 0%, 71%);
}

.absolute-full-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fixed-full-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.background-cover {
  z-index: 30;
  background: hsl(0, 0%, 15%);
  display: none;
  opacity: 0;
  transition: opacity 2s;
}

.select-box {
  position: relative;
  width: 100%;
}
.select-box select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select-box:after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f0d7";
  position: absolute;
  right: 18px;
  top: 12px;
  pointer-events: none;
}

form label {
  font-weight: 800;
  margin-bottom: 0.7rem;
}
form input,
form select {
  border-radius: 5px;
  padding: 0rem 0.8rem;
  background-color: hsl(0, 100%, 100%);
  border: none;
  height: 48px;
  width: 100%;
}
form input::-moz-placeholder, form select::-moz-placeholder {
  color: #2a3443;
  opacity: 1;
}
form input::placeholder,
form select::placeholder {
  color: #2a3443;
  opacity: 1;
}
form input[type=submit] {
  background-color: #d33c3c;
  border: none;
  color: hsl(0, 100%, 100%);
  font-weight: 600;
  cursor: pointer;
  line-height: 1;
}
form input#email-footer {
  height: 3.1rem;
  padding-left: 1.3rem;
}

.form-light input,
.form-light select {
  background-color: hsl(0, 0%, 96%);
  border: 1px solid hsl(0, 0%, 76%);
}
.form-light input::-moz-placeholder, .form-light select::-moz-placeholder {
  color: hsl(0, 0%, 45%);
}
.form-light input::placeholder,
.form-light select::placeholder {
  color: hsl(0, 0%, 45%);
}

form .input-error,
form .error {
  border: 1px solid hsl(5, 98%, 64%);
  background: hsl(0, 100%, 98%);
}
form .input-error:focus,
form .error:focus {
  outline: none;
  border: 2px solid hsl(9, 89%, 45%);
}
form .input-success {
  border: 1px solid hsl(165, 100%, 32%);
  background: hsl(154, 33%, 96%);
}
form .input-success:focus {
  outline: none;
  border: 2px solid hsl(165, 100%, 25%);
}

.phone-tooltip .tooltip-message {
  visibility: hidden;
  position: absolute;
  bottom: 35px;
  left: -100px;
  width: 300px;
  padding: 1rem;
  background: hsl(0, 100%, 100%);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
}
.phone-tooltip .tooltip-message .inner-icon {
  margin-right: 10px;
  font-size: 18px;
}
.phone-tooltip .tooltip-message i {
  --fa-primary-color: hsl(1, 75%, 58%);
  --fa-secondary-color: hsl(0, 0%, 66%);
}
.phone-tooltip .tooltip-message::after {
  content: "";
  position: absolute;
  bottom: -10px;
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: hsl(0, 100%, 100%) transparent;
  right: 59%;
  display: block;
  width: 0;
}
.phone-tooltip .phone-why {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.phone-tooltip .phone-why .outer-icon {
  margin-left: 5px;
}
.phone-tooltip .phone-why i {
  --fa-primary-color: hsl(1, 75%, 58%);
  --fa-secondary-color: hsl(0, 0%, 66%);
}
.phone-tooltip .phone-why:hover .tooltip-message, .phone-tooltip .phone-why:active .tooltip-message {
  visibility: visible;
}

.hidden-form-fields {
  display: none;
}

.main-form-scooter,
.main-form-demo,
.main-form-chair,
.main-form-master,
.main-form-master--demo {
  background: #2a3443;
  z-index: 105;
  display: none;
  overflow-y: scroll;
  padding-block: 50px;
}
@media (max-width: 768px) {
  .main-form-scooter,
  .main-form-demo,
  .main-form-chair,
  .main-form-master,
  .main-form-master--demo {
    padding-block: 0 50px;
  }
}
@media (max-width: 768px) {
  .main-form-scooter,
  .main-form-demo,
  .main-form-chair,
  .main-form-master,
  .main-form-master--demo {
    background: hsl(0, 100%, 100%);
  }
}

.form-close {
  color: hsl(0, 100%, 100%);
  position: fixed;
  top: 8px;
  left: 10px;
  padding: 1rem;
  cursor: pointer;
  font-size: 33px;
  color: hsl(221, 23%, 36%);
}
@media (max-width: 700px) {
  .form-close {
    position: absolute;
  }
}

.main-form-inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1570px;
  margin: auto;
  padding-inline: 3rem;
}
@media (max-width: 1000px) {
  .main-form-inner {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .main-form-inner {
    padding-inline: 1rem;
  }
}

.main-form-info {
  width: 50%;
  margin-right: 5rem;
  padding: 3rem;
}
@media (max-width: 1100px) {
  .main-form-info {
    margin-right: 3rem;
  }
}
@media (max-width: 1000px) {
  .main-form-info {
    margin-right: 0;
    width: 100%;
    max-width: 500px;
    padding: 1rem;
  }
}
@media (max-width: 550px) {
  .main-form-info {
    padding-inline: 0;
    padding-bottom: 0;
  }
}

.main-form-info-inner-wrapper {
  display: flex;
  flex-direction: column;
  color: hsl(0, 100%, 100%);
}
.main-form-info-inner-wrapper img {
  width: 80%;
}
.main-form-info-inner-wrapper h1 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.main-form-info-inner-wrapper .hide-below {
  display: none;
}
@media (max-width: 1000px) {
  .main-form-info-inner-wrapper .hide-below {
    display: inline-block;
  }
}
@media (max-width: 550px) {
  .main-form-info-inner-wrapper {
    color: hsl(0, 0%, 15%);
  }
  .main-form-info-inner-wrapper img {
    width: 45%;
    max-width: 160px;
    padding-bottom: 0.5rem;
  }
  .main-form-info-inner-wrapper h1 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.4rem;
  }
}

.form-points > div {
  margin-bottom: 0.8rem;
}
@media (max-width: 1000px) {
  .form-points {
    display: none;
  }
}
.form-points i {
  margin-right: 10px;
}

@media (max-width: 600px) {
  .main-form-form {
    width: 100%;
  }
}
.main-form-form .select-box .option-helper {
  color: hsl(0, 0%, 56%) !important;
}

.main-form-form-inner-wrapper {
  margin-inline: auto;
  background-color: white;
  padding: 1.5rem;
  border-radius: 4px;
}
@media (max-width: 550px) {
  .main-form-form-inner-wrapper {
    padding-inline: 0;
  }
}
.main-form-form-inner-wrapper .form-title {
  padding-bottom: 1rem;
}

.form-block-wrap-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.form-block-wrap-row > div {
  width: 48%;
}

.main-form-block {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.7rem;
}
.main-form-block:last-of-type {
  margin-top: 1.2rem;
  margin-bottom: 0;
}

.not-last {
  margin-top: 0 !important;
}

.form-group .error-message {
  margin-top: 0.3rem;
}

.form-content {
  display: flex;
  align-items: center;
}
.form-content .form-error-icon,
.form-content .form-success-icon {
  margin-left: -2rem;
  z-index: 2;
  border-radius: 10px;
}

.third-party-consent-wrapper {
  display: flex;
}
.third-party-consent-wrapper label {
  font-size: 11px;
  font-weight: 600;
}
.third-party-consent-wrapper label a {
  text-decoration: underline;
  color: hsl(221, 23%, 41%);
}
.third-party-consent-wrapper input {
  width: 30px;
  margin-right: 10px;
  height: 30px;
}

.landing-aside-form {
  height: -moz-fit-content;
  height: fit-content;
  width: 40%;
  max-width: 480px;
  position: sticky;
  top: 0;
  margin-top: -1rem;
  background: hsl(0, 100%, 100%);
  border-radius: 4px;
  box-shadow: -5px 3px 21px rgba(23, 73, 77, 0.17);
  z-index: 100;
}
@media (max-width: 1300px) {
  .landing-aside-form {
    margin-top: 0;
  }
}
@media (max-width: 1000px) {
  .landing-aside-form {
    display: none;
  }
}

.landing-aside-form-masterForm {
  height: -moz-fit-content;
  height: fit-content;
  width: 40%;
  max-width: 480px;
  position: sticky;
  top: 0;
  z-index: 100;
}
@media (max-width: 1300px) {
  .landing-aside-form-masterForm {
    margin-top: 0;
  }
}
@media (max-width: 1000px) {
  .landing-aside-form-masterForm {
    display: none;
  }
}

.landing-aside-form-heading {
  padding: 1.5rem;
  background-color: hsl(221, 23%, 16%);
  border-radius: 4px 4px 0 0;
}
.landing-aside-form-heading h2 {
  margin-bottom: 0.5rem;
}

.landing-aside-form-actual {
  padding: 1.5rem;
  overflow-y: auto;
  max-height: calc(100vh - 133px);
}

.landing-aside-form-actual-masterForm {
  overflow-y: auto;
}

.landing-aside-master-form-actual {
  padding: 1.3rem;
}
@media (min-width: 768px) {
  .landing-aside-master-form-actual {
    overflow-y: auto;
    max-height: calc(100vh - 133px);
  }
}

@media (max-width: 700px) {
  .landing-body-wrapper .btn-standard {
    padding-block: 1.3rem;
    max-width: 400px;
    font-size: 1.1rem;
  }
}
@media (max-width: 400px) {
  .landing-body-wrapper .btn-standard {
    font-size: 1rem;
    margin-inline: 0.8rem;
  }
}

.stickyForm {
  width: 40%;
  position: sticky;
  right: 0;
}

.hidden-fields {
  display: none;
}

/* Ensure the postcode field is full width */
.idpc_autocomplete {
  width: 100% !important;
  align-items: center;
}

.brochure-selector,
.brochure-selector-exit {
  background: rgba(0, 0, 0, 0.8);
  z-index: 105;
  display: none;
  overflow-y: scroll;
  padding-block: 50px;
}
@media (max-width: 1000px) {
  .brochure-selector,
  .brochure-selector-exit {
    padding-block: 0 50px;
  }
}

.brochure-selector-inner {
  position: relative;
  background-color: hsl(0, 100%, 100%);
  border-radius: 15px;
  max-width: 1570px;
  margin: auto;
  padding: 4rem;
}
@media (max-width: 1000px) {
  .brochure-selector-inner {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .brochure-selector-inner {
    padding-inline: 1rem;
  }
}
.brochure-selector-inner .form-close {
  position: absolute;
}
.brochure-selector-inner h3 {
  font-size: 26px;
  font-weight: 800;
  margin-block: 2rem;
}

.brochure-selector-options {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.brochure-selector-options .brochure-selector-option {
  margin-block: 1rem;
  border: 3px solid hsl(0, 100%, 100%);
  background-color: #edebec;
  cursor: pointer;
}
.brochure-selector-options .brochure-selector-option:hover {
  border: 3px solid hsl(0, 0%, 25%);
}
.brochure-selector-options .brochure-selector-option .product-type {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 800;
  margin-block: 10px;
}

.mobile-nav-open .mobile-nav {
  transform: translateX(0);
  transition: transform 0.2s;
}
.mobile-nav-open .mobile-nav-push-right {
  transform: translateX(275px);
  transition: transform 0.2s;
}
.mobile-nav-open .mobile-nav-cover {
  display: block;
  opacity: 0.8;
}

.brochure-selector-open {
  overflow: hidden;
}
.brochure-selector-open .brochure-selector {
  display: flex;
}

.brochure-selector-exit-open {
  overflow: hidden;
}
.brochure-selector-exit-open .brochure-selector-exit {
  display: flex;
}

.main-form-brochure-scooter-open {
  overflow: hidden;
}
.main-form-brochure-scooter-open .main-form-scooter {
  display: flex;
}

.main-form-brochure-chair-open {
  overflow: hidden;
}
.main-form-brochure-chair-open .main-form-chair {
  display: flex;
}

.main-form-demo-scooter-open {
  overflow: hidden;
}
.main-form-demo-scooter-open .main-form-demo {
  display: flex;
}

/* Hidden by default */
.master-form {
  display: none;
}

/* Show the correct form */
body.is-chair-open .master-form--chair {
  display: block;
}

body.is-scooter-open .master-form--scooter {
  display: block;
}

body.is-bed-open .master-form--bed {
  display: block;
}

body.is-scooter-f28-open .master-form--scooter-f28 {
  display: block;
}

body.is-chair-demo-open .master-form--chair-demo {
  display: block;
}

body.is-scooter-demo-open .master-form--scooter-demo {
  display: block;
}

body.is-bed-demo-open .master-form--bed-demo {
  display: block;
}

/* Lock page scroll when any master form is open */
body.is-chair-open,
body.is-scooter-open,
body.is-chair-demo-open,
body.is-scooter-f28-open,
body.is-scooter-demo-open,
body.is-bed-demo-open {
  overflow: hidden; /* no page scroll */
  overscroll-behavior: contain; /* prevent scroll chaining */
  touch-action: none; /* stop touch scrolling behind modal */
}

/* Modal layer */
.master-form {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: #2a3443;
  overflow: auto; /* allow the modal content to scroll */
  padding-block: 50px;
}
@media (max-width: 768px) {
  .master-form {
    padding-block: 0 50px;
  }
}
@media (max-width: 768px) {
  .master-form {
    background: hsl(0, 100%, 100%);
  }
}

/* Optional: slightly stronger iOS lock (only if needed) */
@supports (-webkit-touch-callout: none) {
  body.is-chair-open,
  body.is-scooter-open,
  body.is-bed-open,
  body.is-chair-demo-open,
  body.is-scooter-demo-open {
    position: fixed;
    width: 100%;
  }
}
.lp-form-focus-open .lp-form-focus {
  display: block;
  opacity: 0.95;
}
.lp-form-focus-open .landing-aside-form, .lp-form-focus-open .landingPage_form {
  animation: shake 1s;
  animation-iteration-count: 2s;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.cover-for-tooltip-show {
  display: block !important;
  z-index: 500 !important;
}

.zoomable {
  transition: transform 1s ease; /* Smooth transition for the zoom effect */
}

.zoomable:hover {
  transform: scale(1.05); /* Scales the image to 110% of its original size on hover */
}

@media (max-width: 600px) {
  .hide-under-6 {
    display: none;
  }
}

.header-landing-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-block: 2rem;
}
.header-landing-inner .logo {
  width: 220px;
}
@media (max-width: 1100px) {
  .header-landing-inner .logo {
    width: 200px;
  }
}
@media (max-width: 700px) {
  .header-landing-inner .logo {
    width: 175px;
  }
}
.header-landing-inner .header-phone-number .phone-number {
  font-size: 2.074rem;
  line-height: 1;
}
@media (max-width: 1100px) {
  .header-landing-inner .header-phone-number .phone-number {
    font-size: 2.074rem;
  }
}
.header-landing-inner .phone-button {
  display: none;
}
@media (max-width: 700px) {
  .header-landing-inner {
    padding-block: 1.5rem;
  }
  .header-landing-inner .phone-text,
  .header-landing-inner .phone-number {
    display: none;
  }
  .header-landing-inner .phone-button {
    display: flex;
    padding: 0.6rem 1rem;
  }
}

.header-landing-usps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.header-landing-usps .usp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-inline: 2rem;
}
@media (max-width: 1300px) {
  .header-landing-usps .usp {
    margin-inline: 1rem;
  }
}
@media (max-width: 1200px) {
  .header-landing-usps .usp {
    flex-direction: column;
  }
}
.header-landing-usps .usp .usp-icon-chair {
  margin-right: 10px;
}
.header-landing-usps .usp .text-chair {
  line-height: 1.2;
  font-size: 13px;
}
.header-landing-usps .icon {
  margin-right: 0.8rem;
}
@media (max-width: 1200px) {
  .header-landing-usps .icon {
    margin: 0.5rem 0;
  }
}
.header-landing-usps .icon-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  background: hsl(0, 0%, 91%);
}
.header-landing-usps i {
  font-size: 20px;
  line-height: 1;
  color: #0e2d3d;
}
@media (max-width: 1000px) {
  .header-landing-usps {
    display: none;
  }
}

.landing-mobile-generic-header {
  border-bottom: 1px solid hsl(0, 0%, 91%);
  display: none;
}
@media (max-width: 600px) {
  .landing-mobile-generic-header {
    display: block;
  }
}

.landing-mobile-generic-header-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-block: 1rem;
  background-color: hsl(0, 100%, 100%);
}

.header-locale-landing {
  display: flex;
  flex-direction: row-reverse;
  width: 170px;
}
.header-locale-landing .interact {
  position: relative;
}
.header-locale-landing .interact:before {
  content: url(https://flagicons.lipis.dev/flags/4x3/gb.svg);
  position: absolute;
  width: 15px;
  left: -20px;
  top: 1px;
}

.landing-generic-mobile-phone-sticky {
  display: none;
  position: sticky;
  top: 0;
  z-index: 6;
  background: rgba(255, 255, 255, 0.9019607843);
  backdrop-filter: blur(16px);
  box-shadow: 0px 4px 14px -8px rgba(156, 156, 156, 0.61);
}
@media (max-width: 600px) {
  .landing-generic-mobile-phone-sticky {
    display: block;
  }
}

.landing-generic-mobile-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-block: 1rem;
}
.landing-generic-mobile-header .landing-generic-mobile-phone-info {
  padding-right: 10px;
}
.landing-generic-mobile-header .landing-generic-mobile-phone {
  min-width: 135px;
}
.landing-generic-mobile-header i {
  margin-right: 5px;
}

.header-main-desktop {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(16px);
}
@media (max-width: 900px) {
  .header-main-desktop {
    display: none;
  }
}

.header-main-mobile {
  display: none;
}
@media (max-width: 900px) {
  .header-main-mobile {
    display: block;
  }
}

.header-main-intro {
  transition: transform 0.2s;
}

.header-intro {
  background-color: hsl(1, 75%, 98%);
  border-bottom: 1px solid hsl(18, 27%, 83%);
  color: hsl(0, 0%, 30%);
}
.header-intro .interact {
  padding: 10px;
}
.header-intro a {
  color: hsl(0, 0%, 30%);
}

.header-intro-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.header-quick-ctas {
  display: flex;
  flex-direction: row;
  position: relative;
  border-left: 1px solid hsl(18, 27%, 83%);
}
.header-quick-ctas .interact {
  border-right: 1px solid hsl(18, 27%, 83%);
}

.header-quick-cta-demo-dd,
.header-quick-cta-brochure-dd {
  display: none;
  position: absolute;
  top: 38px;
  width: 250px;
  padding: 15px 20px;
  border: 1px solid hsl(18, 27%, 83%);
  border-top: none;
  z-index: 25;
}
.header-quick-cta-demo-dd:hover,
.header-quick-cta-brochure-dd:hover {
  display: block;
}
.header-quick-cta-demo-dd .title,
.header-quick-cta-brochure-dd .title {
  margin-bottom: 5px;
}

.header-quick-cta-demo-dd {
  left: 0;
  background-color: hsl(1, 75%, 98%);
}

.quick-cta-demo-trigger:hover .quick-cta-demo {
  color: hsl(0, 0%, 15%);
}
.quick-cta-demo-trigger:hover + .header-quick-cta-demo-dd {
  display: block;
}

.header-quick-cta-brochure-dd {
  cursor: pointer;
  left: 80px;
  background-color: hsl(0, 100%, 100%);
}

.quick-cta-brochure-trigger {
  cursor: pointer;
}
.quick-cta-brochure-trigger:hover + .header-quick-cta-brochure-dd {
  display: block;
}

.header-quick-links {
  display: flex;
  flex-direction: row;
}
@media (max-width: 850px) {
  .header-quick-links {
    display: none;
  }
}

.header-locale {
  display: flex;
  flex-direction: row-reverse;
  width: 170px;
}
.header-locale .interact {
  position: relative;
}
.header-locale .interact:before {
  content: url(https://flagicons.lipis.dev/flags/4x3/gb.svg);
  position: absolute;
  width: 15px;
  left: -10px;
  top: 11px;
}

.header-main-desktop {
  border-bottom: 1px solid hsl(0, 0%, 86%);
  transition: transform 0.2s;
}

.header-main-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  width: 190px;
  padding-left: 1px;
}
@media (max-width: 1450px) {
  .logo {
    width: 160px;
  }
}

.nav-tabs {
  display: flex;
}
.nav-tabs li {
  display: flex;
}
.nav-tabs li a {
  position: relative;
  margin-inline: 1.1rem;
  padding: 25px 0;
  color: hsl(0, 0%, 15%);
  text-decoration: none;
}
.nav-tabs li a:hover::after {
  content: "";
  background: hsl(1, 75%, 53%);
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media (max-width: 1450px) {
  .nav-tabs li a {
    margin-inline: 0.8rem;
  }
}
@media (max-width: 1000px) {
  .nav-tabs li a {
    margin-inline: 0.4rem;
  }
}

.header-phone-number .phone-text {
  text-align: right;
}

.header-main-mobile {
  position: sticky;
  top: 0;
  padding-block: 16px;
  z-index: 15;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid hsl(0, 0%, 86%);
  transition: transform 0.2s;
}

.header-mobile-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  line-height: 1px;
}
.header-mobile-inner button i {
  color: hsl(0, 0%, 15%);
}

.mobile-nav-toggle {
  width: 30px;
  height: 25px;
  cursor: pointer;
  user-select: none;
  background: none;
  -webkit-user-select: none; /*Safari*/
  -moz-user-select: none; /*Firefox*/
}
.mobile-nav-toggle .line {
  transition: 1s;
  transform-origin: center;
  user-select: none;
  -webkit-user-select: none; /*Safari*/
  -moz-user-select: none; /*Firefox*/
}

.mobile-call-us {
  width: 30px;
}

.mobile-call-us-button {
  padding-inline: 5px;
}

.mobile-nav {
  width: 275px;
  height: 100vh;
  background-color: hsl(0, 100%, 100%);
  z-index: 35;
  transform: translateX(-275px);
  transition: transform 0.2s;
  background-color: hsl(0, 0%, 96%);
}

.mobile-nav-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.mobile-nav-item {
  padding: 1.3rem;
  border-bottom: 1px solid hsl(0, 0%, 86%);
}

.mobile-nav-ctas {
  padding: 1.3rem;
}

.mobile-nav-call {
  margin-bottom: 1rem;
}

@keyframes slide-up {
  from {
    transform: translateY(50vh); /* Start from the bottom off-screen */
    opacity: 0;
  }
  to {
    transform: translateY(-34%); /* Move to the vertical center of the viewport */
    opacity: 1;
  }
}
@keyframes slide-down {
  from {
    transform: translateY(-180vh); /* Start from the top off-screen */
    opacity: 0;
  }
  to {
    transform: translateY(-34%); /* Move to the vertical center of the viewport */
    opacity: 1;
  }
}
.animate-slide-up {
  animation: slide-up 2s ease-out forwards;
}

.animate-slide-down {
  animation: slide-down 2s ease-out forwards;
}

.collection-product-card .pi-sub {
  display: none;
}
.collection-product-card:hover .pi-start {
  display: none;
}
.collection-product-card:hover .pi-sub {
  display: block;
}
@media (max-width: 700px) {
  .collection-product-card {
    width: 100%;
  }
}

.collection-item h4 {
  margin-top: 1rem;
}
.collection-item h5 {
  margin-top: 0.5rem;
}

.overflowDiv {
  width: 2000px;
  height: 200px;
}

.content {
  display: grid;
  grid-template-columns: [full-start] 1fr [content-start] min(60ch, 100% - calc(var(--space) * 2) * 2) [content-end] 1fr [full-end];
}

.content > * {
  grid-column: content;
}

.content > * + * {
  margin-block-start: 1rem;
}

.headline {
  margin-block-end: calc(var(--space) * 2);
  font-family: "Palatino";
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: bold;
  line-height: 1.125;
  letter-spacing: -0.015em;
}

.gallery {
  grid-column: full;
  display: grid;
  grid-template-columns: inherit;
  padding-block: calc(var(--space) * 2);
  overflow-x: scroll;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

.gallery::-webkit-scrollbar {
  inline-size: 0 !important;
  display: none;
}

.gallery .wrapper {
  grid-column: content;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.gallery .wrapper::after {
  content: "";
  align-self: stretch;
  padding-inline-end: max(1rem, (100vw - 60ch) / 2 - 1rem);
}

.gallery .item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-snap-align: center;
  inline-size: 100%;
  max-inline-size: 25rem;
  aspect-ratio: 16/9;
  font-size: 2rem;
  background: hotpink;
  border-radius: 4px;
  overflow: hidden;
}

.gallery.alt-sizes .item.lg {
  max-inline-size: 35rem;
}

.gallery.alt-sizes .item.sm {
  max-inline-size: 15rem;
}

.gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@supports not (aspect-ratio: 1) {
  .gallery .item::before {
    float: left;
    padding-top: 56.25%;
    content: "";
  }
  .gallery .item::after {
    display: block;
    content: "";
    clear: both;
  }
}
.ff-banner {
  display: none;
}

@-moz-document url-prefix() {
  .ff-banner {
    display: block;
    padding: 1rem;
    background-color: lightyellow;
    text-align: center;
    font-size: 0.9rem;
  }
}
@media (min-width: 768px) {
  .productTitle-shadow {
    text-shadow: 2px 2px 6px rgba(42, 52, 67, 0.5);
  }
}

.product-materials .material-collections {
  text-align: center;
}
.product-materials .material-collections .material-name {
  margin-bottom: 2rem;
}
.product-materials .material-collections ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 5rem;
}
@media (max-width: 800px) {
  .product-materials .material-collections ul {
    flex-wrap: wrap;
  }
}
.product-materials .material-collections ul li {
  max-width: 13%;
  width: 100%;
}
@media (max-width: 800px) {
  .product-materials .material-collections ul li {
    max-width: 26%;
  }
  .product-materials .material-collections ul li span {
    font-size: 0.8rem;
  }
}

.product-gradient {
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .product-gradient:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 0.7) 0%, rgba(42, 52, 67, 0) 80%);
  }
}
@media (min-width: 768px) {
  .product-gradient.reverse:after {
    background: linear-gradient(-90deg, rgba(2, 0, 36, 0.7) 0%, rgba(42, 52, 67, 0) 80%);
  }
}

.product-gradientMobile {
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .product-gradientMobile:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 70px;
    background: rgb(246, 243, 237);
    background: linear-gradient(0deg, rgb(246, 243, 237) 0%, rgba(246, 243, 237, 0) 100%);
  }
}

.productNav {
  top: 92px;
}

.alternativeRowColours tr:nth-child(odd) {
  background-color: #e9e8e5;
}

.product-scroller .media-scroller {
  grid-auto-columns: max-content;
}
@media (min-width: 768px) {
  .product-scroller .media-scroller {
    gap: 4rem;
  }
  .product-scroller .media-scroller.-hero {
    gap: 0;
  }
}

.about-hero {
  color: white;
}
@media (max-width: 900px) {
  .about-hero {
    color: hsl(0, 0%, 15%);
  }
}

.about-hero-intro {
  padding-block: 6rem;
}
.about-hero-intro .about-hero-quote {
  display: flex;
  flex-direction: column;
}
.about-hero-intro .about-hero-quote-inner {
  width: 66%;
  margin: 0 auto;
  padding-bottom: 2rem;
}
@media (max-width: 900px) {
  .about-hero-intro .about-hero-quote-inner {
    width: 90%;
  }
}
@media (max-width: 900px) {
  .about-hero-intro {
    padding-top: 0;
  }
}

.about-hero-brand {
  padding-block: 6rem;
  background: hsl(1, 75%, 53%);
}
.about-hero-brand .about-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 60%;
  text-align: center;
}
.about-hero-brand .about-brand .brand-slogan {
  margin-bottom: 1rem;
}
.about-hero-brand .about-brand .brand-text {
  padding-block: 1rem;
  line-height: 1.5;
}
@media (max-width: 900px) {
  .about-hero-brand .about-brand {
    width: 90%;
  }
}

.about-hero-story {
  padding-block: 3rem;
}

.about-hero-signature {
  padding-bottom: 4rem;
}

.about-signature {
  width: 40%;
  margin: 0 auto;
}

.success-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 111px);
  background: hsl(0, 0%, 96%);
}

.success-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  margin: auto;
  text-align: center;
  margin-bottom: 12rem;
}
.success-info h1 {
  margin-bottom: 1.5rem;
}
.success-info i {
  font-size: 8rem;
  color: hsl(165, 100%, 25%);
  margin-bottom: 2rem;
}
.success-info a {
  margin-top: 2rem;
}

.landing-form-aside {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (min-width: 1000px) {
  .landing-form-aside-content {
    width: 60%;
  }
}
@media (min-width: 1300px) {
  .landing-form-aside-content {
    width: calc(100% - 480px);
  }
}

.landing-hero-btn-m,
.landing-block-btn-m,
.landing-block-btn-m-mid {
  display: none;
}

.landing-block-hero {
  background-color: hsl(0, 0%, 96%);
  display: flex;
  position: relative;
}
.landing-block-hero::before {
  content: "";
  background-color: hsl(0, 0%, 96%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 232px);
  z-index: -1;
}
@media (max-width: 1300px) {
  .landing-block-hero::before {
    right: 0;
  }
}
@media (max-width: 1000px) {
  .landing-block-hero::before {
    left: 0;
  }
}
.landing-block-hero .overlay {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-inline: 0 3rem;
  padding-block: 6rem;
  background-color: hsl(0, 0%, 96%);
}
.landing-block-hero .overlay > div {
  width: 50%;
}
.landing-block-hero .overlay .accent-bar {
  width: 80px;
  height: 6px;
  background-color: hsl(1, 75%, 53%);
  margin-bottom: 1rem;
}
@media (max-width: 1300px) {
  .landing-block-hero .overlay .accent-bar {
    display: none;
  }
}
@media (max-width: 1300px) {
  .landing-block-hero .overlay {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .landing-block-hero .overlay .overlay-content {
    width: 50%;
  }
  .landing-block-hero .overlay .overlay-brochure {
    width: 50%;
  }
}
@media (max-width: 1300px) and (min-width: 1000px) {
  .landing-block-hero .overlay .overlay-content {
    width: 100%;
  }
  .landing-block-hero .overlay .overlay-content h1 {
    font-size: 3.583rem;
    margin-top: 1rem;
  }
  .landing-block-hero .overlay .overlay-content .brochure-usps {
    font-size: 1.44rem;
  }
  .landing-block-hero .overlay .overlay-brochure {
    width: 70%;
  }
}
@media (max-width: 1000px) {
  .landing-block-hero .overlay {
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-inline: auto;
    padding: 3rem;
  }
  .landing-block-hero .overlay .landing-hero-btn-d {
    display: none;
  }
  .landing-block-hero .overlay .landing-hero-btn-m {
    display: block;
  }
}
@media (max-width: 700px) {
  .landing-block-hero .overlay {
    max-width: 500px;
    flex-direction: column-reverse;
  }
  .landing-block-hero .overlay > div {
    width: 100%;
  }
  .landing-block-hero .overlay .overlay-content {
    width: 100%;
  }
  .landing-block-hero .overlay .overlay-brochure {
    width: 90%;
  }
  .landing-block-hero .overlay .landing-hero-btn {
    align-self: stretch;
  }
}
@media (max-width: 500px) {
  .landing-block-hero .overlay {
    padding: 3rem 1.5rem;
  }
}
.landing-block-hero .overlay-content {
  display: flex;
  flex-direction: column;
}
.landing-block-hero h1 {
  margin-bottom: 2rem;
}
@media (max-width: 700px) {
  .landing-block-hero h1 {
    margin-bottom: 2rem;
  }
}
.landing-block-hero .brochure-free {
  color: hsl(1, 75%, 53%);
}
.landing-block-hero .brochure-usps {
  margin-bottom: 1rem;
  padding-left: 0;
}
.landing-block-hero .brochure-usps li {
  margin-bottom: 0.5rem;
}
.landing-block-hero .brochure-usps i {
  margin-right: 1rem;
  border-radius: 1.8rem;
  background-color: white;
  color: hsl(165, 100%, 25%);
}
@media (max-width: 700px) {
  .landing-block-hero .brochure-usps {
    margin-bottom: 0.5rem;
  }
}
.landing-block-hero .landing-hero-btn {
  align-self: flex-start;
  margin-top: 1rem;
}
@media (max-width: 1000px) {
  .landing-block-hero {
    margin-inline: -3rem;
  }
}
@media (max-width: 900px) {
  .landing-block-hero {
    margin-inline: -1rem;
  }
}

.landing-reviews-mini {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 1.5rem;
  text-align: center;
  background: hsl(0, 0%, 86%);
  margin-bottom: 4rem;
  position: relative;
}
.landing-reviews-mini::before {
  content: "";
  background-color: hsl(0, 0%, 86%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 232px);
  z-index: -1;
}
@media (max-width: 1300px) {
  .landing-reviews-mini::before {
    right: 0;
  }
}
@media (max-width: 1000px) {
  .landing-reviews-mini::before {
    left: 0;
  }
}
.landing-reviews-mini .review-support {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.landing-reviews-mini .review-text {
  margin-right: 0.5rem;
}
.landing-reviews-mini .review-logo {
  max-width: 170px;
}
.landing-reviews-mini .review-logo img {
  padding-bottom: 6px;
}
@media (max-width: 1450px) {
  .landing-reviews-mini .review-logo {
    max-width: 150px;
  }
}
@media (max-width: 1100px) {
  .landing-reviews-mini .review-logo {
    max-width: 120px;
  }
}
.landing-reviews-mini > div {
  margin-block: 0.5rem;
}
.landing-reviews-mini i {
  color: hsl(41, 89%, 53%);
}
.landing-reviews-mini .review-stars {
  width: 30%;
  max-width: 200px;
  margin-top: 0.7rem;
}
@media (max-width: 1100px) {
  .landing-reviews-mini .review-stars {
    width: 50%;
  }
}
@media (max-width: 1000px) {
  .landing-reviews-mini {
    margin-inline: -3rem;
  }
}
@media (max-width: 900px) {
  .landing-reviews-mini {
    margin-inline: -1rem;
  }
}
@media (max-width: 600px) {
  .landing-reviews-mini {
    margin-bottom: 2rem;
  }
}

.landing-reviews-mini-alt {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-block: 1.5rem;
  background: hsl(0, 0%, 86%);
  margin-bottom: 4rem;
  position: relative;
  padding: 2rem 1rem;
}
.landing-reviews-mini-alt::before {
  content: "";
  background-color: hsl(0, 0%, 86%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 232px);
  z-index: -1;
}
@media (max-width: 1300px) {
  .landing-reviews-mini-alt::before {
    right: 0;
  }
}
@media (max-width: 1000px) {
  .landing-reviews-mini-alt::before {
    left: 0;
  }
}
.landing-reviews-mini-alt > div {
  margin-block: 0.5rem;
}
.landing-reviews-mini-alt i {
  color: hsl(41, 89%, 53%);
}
.landing-reviews-mini-alt .review-stars-wrapper {
  padding-right: 1rem;
  border-right: 1px solid grey;
  width: 30%;
}
@media (max-width: 1000px) {
  .landing-reviews-mini-alt .review-stars-wrapper {
    width: 35%;
  }
}
.landing-reviews-mini-alt .review-stars {
  width: 90%;
  margin-bottom: 0.5rem;
}
@media (max-width: 1100px) {
  .landing-reviews-mini-alt .review-stars {
    width: 90%;
  }
}
.landing-reviews-mini-alt .review-support {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (max-width: 1100px) {
  .landing-reviews-mini-alt .review-support {
    width: 45%;
  }
}
@media (max-width: 900px) {
  .landing-reviews-mini-alt .review-support {
    padding-right: 0;
  }
}
@media (max-width: 1000px) {
  .landing-reviews-mini-alt {
    margin-inline: -3rem;
    padding-left: 3rem;
  }
}
@media (max-width: 900px) {
  .landing-reviews-mini-alt {
    margin-inline: -1rem;
    padding-inline: 1rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 700px) {
  .landing-reviews-mini-alt {
    justify-content: center;
    margin-bottom: 0;
  }
}

.landing-block .landing-block-btn-m-mid {
  display: none;
}
@media (max-width: 1000px) {
  .landing-block .landing-block-btn-m-mid {
    display: block;
  }
}
@media (max-width: 1000px) and (max-width: 700px) {
  .landing-block .landing-block-btn-m-mid {
    display: none;
  }
}
@media (max-width: 1000px) {
  .landing-block .landing-block-btn-m,
  .landing-block .landing-block-btn-d {
    display: none;
  }
}
@media (max-width: 700px) {
  .landing-block .landing-hero-btn-m {
    display: block;
  }
}

.landing-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-block: 3rem;
  margin-bottom: 4rem;
  background-color: hsl(0, 0%, 96%);
  border-bottom: 8px solid hsl(0, 0%, 86%);
}
.landing-block > div {
  width: 50%;
}
.landing-block .details {
  display: flex;
  flex-direction: column;
  padding-left: 3rem;
}
.landing-block .details h3 {
  margin-bottom: 1rem;
}
.landing-block .details .brochure-explainer {
  line-height: 1.4;
}
.landing-block .details span {
  font-weight: 700;
}
.landing-block .details .landing-block-btn {
  align-self: flex-start;
  margin-top: 1rem;
}
.landing-block .image {
  padding-inline: 1rem;
}

.landing-block-reverse {
  flex-direction: row-reverse;
}
.landing-block-reverse .details {
  padding-left: 1rem;
  padding-right: 3rem;
}

@media (min-width: 1000px) and (max-width: 1250px) {
  .landing-block,
  .landing-block-reverse {
    flex-direction: column;
  }
  .landing-block > div,
  .landing-block-reverse > div {
    width: 80%;
  }
}
@media (max-width: 700px) {
  .landing-block,
  .landing-block-reverse {
    flex-direction: column;
    padding: 3rem 1.5rem;
    margin-bottom: 2rem;
  }
  .landing-block > div,
  .landing-block-reverse > div {
    width: 100%;
  }
  .landing-block .details,
  .landing-block-reverse .details {
    padding: 0;
  }
  .landing-block .brochure-explainer,
  .landing-block-reverse .brochure-explainer {
    margin-bottom: 1.5rem;
  }
  .landing-block .image,
  .landing-block-reverse .image {
    margin-bottom: 1rem;
    padding-inline: 0;
  }
  .landing-block .landing-block-btn-d,
  .landing-block-reverse .landing-block-btn-d {
    display: none;
  }
  .landing-block .landing-block-btn-m,
  .landing-block-reverse .landing-block-btn-m {
    display: block;
  }
}
@media (max-width: 700px) {
  .landing-block,
  .landing-block-reverse {
    padding: 20px 15px;
  }
  .landing-block .display-2,
  .landing-block-reverse .display-2 {
    font-size: 2.4rem;
  }
}

.landing-block-demo {
  background-color: hsl(1, 75%, 98%);
  border-bottom: 8px solid hsl(18, 27%, 83%);
}
.landing-block-demo a {
  color: hsl(0, 100%, 100%);
}

.landing-block-trustpilot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-block: 5rem 4rem;
  padding: 5rem;
  padding-bottom: 4rem;
  background-color: hsl(60, 24%, 93%);
}
.landing-block-trustpilot .trustpilot-star {
  position: absolute;
  top: -40px;
  width: 80px;
}
.landing-block-trustpilot h3 {
  color: #022c1d;
  text-align: center;
}
.landing-block-trustpilot .review {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 2rem;
}
.landing-block-trustpilot .review-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.landing-block-trustpilot .review-header .reviewer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.landing-block-trustpilot .review-header .reviewer .reviewer-image {
  width: 90px;
  margin-right: 1rem;
}
.landing-block-trustpilot .review-header .reviewer .reviewer-image img {
  border-radius: 50%;
}
.landing-block-trustpilot .review-header .review-stars {
  width: 150px;
}
.landing-block-trustpilot .review-body {
  margin-top: 2rem;
  line-height: 1.6;
  padding-left: 6.5rem;
  background: rgba(255, 255, 255, 0.9);
  padding: 2rem 2.5rem;
  padding-left: 5rem;
  border-radius: 8px;
}
.landing-block-trustpilot .review-body:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 40px;
  color: #022c1d;
  content: "\f10d";
  position: absolute;
  left: 25px;
  top: 20px;
}
@media (max-width: 700px) {
  .landing-block-trustpilot .review-body:before {
    font-size: 30px;
    left: 20px;
    top: 8px;
  }
}
@media (max-width: 700px) {
  .landing-block-trustpilot .review-body {
    padding: 1rem 1.5rem;
    padding-left: 4rem;
  }
}
@media (max-width: 700px) {
  .landing-block-trustpilot {
    padding-inline: 2rem;
  }
}
@media (max-width: 600px) {
  .landing-block-trustpilot {
    padding-inline: 1rem;
  }
}

.landing-var-2 {
  position: relative;
}
.landing-var-2 .brochure-usps i {
  color: hsl(1, 75%, 53%) !important;
}

@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 700px) {
  .landing-var-2 .system-inner {
    margin-inline: 0 !important;
  }
  .landing-var-2 .landing-block-hero {
    margin-inline: 0 !important;
  }
  .landing-var-2 .landing-block-hero .overlay {
    max-width: 1350px;
    padding-inline: 3rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 600px), (max-width: 700px) and (max-width: 600px) {
  .landing-var-2 .landing-block-hero .overlay {
    padding-inline: 1rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 700px) {
  .landing-var-2 .landing-block-hero::before {
    background-color: #e3e3e3 !important;
  }
  .landing-var-2 .landing-block-hero .overlay-content {
    align-items: center;
  }
  .landing-var-2 .landing-block-hero .overlay-content .accent-bar {
    display: block;
    height: 8px;
    margin: 2rem auto;
  }
  .landing-var-2 .landing-block-hero .overlay-content h1 {
    text-align: center;
    font-size: 4rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 600px), (max-width: 700px) and (max-width: 600px) {
  .landing-var-2 .landing-block-hero .overlay-content h1 {
    font-size: 3.4rem;
    margin-bottom: 1rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 500px), (max-width: 700px) and (max-width: 500px) {
  .landing-var-2 .landing-block-hero .overlay-content h1 {
    font-size: 3rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 400px), (max-width: 700px) and (max-width: 400px) {
  .landing-var-2 .landing-block-hero .overlay-content h1 {
    font-size: 2.65rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 700px) {
  .landing-var-2 .landing-block-hero .overlay-content .brochure-usps li {
    margin-block: 23px;
    font-size: 1.8rem !important;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 600px), (max-width: 700px) and (max-width: 600px) {
  .landing-var-2 .landing-block-hero .overlay-content .brochure-usps li {
    font-size: 1.4rem !important;
    margin-block: 15px;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 450px), (max-width: 700px) and (max-width: 450px) {
  .landing-var-2 .landing-block-hero .overlay-content .brochure-usps li {
    font-size: 1.2rem !important;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 380px), (max-width: 700px) and (max-width: 380px) {
  .landing-var-2 .landing-block-hero .overlay-content .brochure-usps li {
    font-size: 1.1rem !important;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 600px), (max-width: 700px) and (max-width: 600px) {
  .landing-var-2 .landing-block-hero .overlay-content .brochure-usps {
    margin-bottom: 2rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 700px) {
  .landing-var-2 .landing-block-hero .overlay-content .landing-hero-btn {
    margin: 20px auto 0;
    width: 100%;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 600px), (max-width: 700px) and (max-width: 600px) {
  .landing-var-2 .landing-block-hero .overlay-content .landing-hero-btn {
    width: 90%;
    margin-top: 0;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 700px) {
  .landing-var-2 .landing-block-hero .overlay-brochure {
    width: 100% !important;
  }
  .landing-var-2 .landing-reviews-mini-alt {
    background: hsl(0, 100%, 100%);
    margin-inline: 0 !important;
  }
}
.landing-block-dark {
  background-color: #1f2532;
  color: hsl(0, 100%, 100%);
}

.landing-block-clear {
  margin-bottom: 2rem;
}
.landing-block-clear .landing-block-btn-m {
  display: block !important;
  margin-inline: auto;
}

.landing-block-var2 {
  margin-bottom: 8rem;
}
.landing-block-var2 .small {
  display: none;
}
.landing-block-var2 .details,
.landing-block-var2 .details-slim {
  width: 60%;
}
.landing-block-var2 .details .fw-300,
.landing-block-var2 .details-slim .fw-300 {
  font-weight: 300 !important;
}
.landing-block-var2 .details-slim {
  width: 40%;
}
.landing-block-var2 .image {
  width: 40%;
}
.landing-block-var2 .splitter-bottom {
  padding-bottom: 20px;
  border-bottom: 1px solid hsl(221, 23%, 61%);
}
.landing-block-var2 .onlyweighs-image {
  width: 80%;
  margin-top: 20px;
}
.landing-block-var2 .superlite-balloons-cutout {
  position: absolute;
  right: 0;
  width: 45%;
}
.landing-block-var2 .pfsl-logo-vertical {
  width: 30px;
  position: absolute;
  right: 20px;
}
.landing-block-var2 .lift-on-your-own-image {
  width: 95%;
  margin-top: 20px;
  margin-left: -40px;
}
.landing-block-var2 .pfsl-lift-cutout {
  position: absolute;
  bottom: 0;
  left: -70px;
  width: 48%;
}
.landing-block-var2 .pfsl-easy-to-fold {
  position: absolute;
  right: 80px;
  width: 45%;
}
.landing-block-var2 .packs-away-in-seconds-text {
  position: absolute;
  right: 25px;
  top: 25px;
  width: 18%;
}
.landing-block-var2 .small-car-honda {
  position: absolute;
  right: -50px;
  bottom: -50px;
}
.landing-block-var2 .small-enough-car-boot-image {
  margin-top: 2rem;
  width: 50%;
}
.landing-block-var2 .pfsl-folded-cutout {
  position: absolute;
  left: -80px;
  bottom: -45px;
}
.landing-block-var2 .travel-friendly-image {
  width: 50%;
  align-self: end;
  margin-right: 1rem;
}
.landing-block-var2 .pfsl-three-quarter-cutout {
  position: absolute;
  right: 10px;
  bottom: -50px;
  width: 35%;
}
.landing-block-var2 .book-free-home-demo-image {
  width: 80%;
  margin-top: 1.5rem;
}

.landing-block-bg-image {
  padding-block: 0;
}
.landing-block-bg-image .landing-block-bg-image-actual {
  width: 33%;
  align-self: stretch;
}
.landing-block-bg-image .landing-block-bg-image-actual img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.landing-block-bg-image .details {
  width: 70%;
  padding: 3rem;
}
.landing-block-bg-image .details .fw-300 {
  font-weight: 300 !important;
}
.landing-block-bg-image .details-slim {
  padding-right: 25%;
}

.landing-block-image-overflow {
  width: 80%;
  display: none;
}

.landing-var-2-m {
  display: none;
}

.landing-block-var-2-mob {
  margin-bottom: 4rem;
}

@media ((min-width: 1000px) and (max-width: 1250px)), (max-width: 720px) {
  .landing-var-2 .landing-var-2-d {
    display: none;
  }
  .landing-var-2 .landing-var-2-m {
    display: block;
  }
}
.landing-block-mob-intro {
  padding: 2rem 3rem 0 3rem;
}
.landing-block-mob-intro p {
  line-height: 1.6;
}

.landing-block-label {
  margin-bottom: 2rem;
}

.landing-block-mob-buttons {
  padding-inline: 3rem;
}
.landing-block-mob-buttons .btn-standard {
  max-width: 100% !important;
  margin-inline: 0 !important;
}

@media ((min-width: 1000px) and (max-width: 1250px)) {
  .landing-block-mob-btn-main {
    display: none;
  }
  .landing-block-mob-btn-side {
    display: block;
  }
}
@media (max-width: 720px) {
  .landing-block-mob-btn-main {
    display: block;
  }
  .landing-block-mob-btn-side {
    display: none;
  }
}
.chair-landing-page .landing-block-btn-m {
  display: none;
}
@media (max-width: 1250px) {
  .chair-landing-page .landing-block-btn-m {
    display: block !important;
  }
}
@media (max-width: 1000px) {
  .chair-landing-page .landing-block-btn-d {
    display: none !important;
  }
}

.chair-landing-page {
  overflow-x: clip;
}

.chair-landing-mobile {
  display: none;
}

@media ((min-width: 1000px) and (max-width: 1250px)), (max-width: 720px) {
  .chair-landing-wide {
    display: none !important;
  }
  .chair-landing-mobile {
    display: block !important;
  }
}
@media (min-width: 1251px), (min-width: 721px) and (max-width: 999px) {
  .chair-landing-wide {
    margin-inline: -1rem;
  }
  .chair-landing-wide .landing-block-chair,
  .chair-landing-wide .landing-block-chair-simple {
    padding-right: 0;
  }
}
@media (min-width: 720px) and (max-width: 1000px) {
  .chair-landing-wide {
    padding-inline: 2rem;
    margin-inline: -3rem;
  }
  .chair-landing-wide .landing-block-chair,
  .chair-landing-wide .landing-block-chair-simple {
    padding-inline: 1.5rem;
  }
}
@media (min-width: 900px) and (max-width: 1000px) {
  .chair-landing-wide .display-2 {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 850px) and (max-width: 1000px) {
  .chair-landing-wide .info-text {
    font-size: 17px !important;
  }
}
@media (max-width: 720px) {
  .chair-landing-page .landing-content-chair {
    padding-top: 0;
    padding-bottom: 0;
  }
  .chair-landing-page .landing-form-aside {
    margin-inline: -0.5rem;
  }
  .chair-landing-page .landing-block-hero-chair {
    padding-inline: 2rem;
  }
  .chair-landing-page .landing-block-chair-mobile,
  .chair-landing-page .landing-block-section-mobile {
    margin-top: 2rem !important;
    margin-right: 0 !important;
  }
  .chair-landing-page .landing-block-section-mobile {
    margin-block: 0 !important;
  }
  .chair-landing-page .landing-block-section-mobile {
    padding: 2.5rem 3rem 0.5rem 3rem !important;
  }
  .chair-landing-page .landing-block-chair-mobile .info {
    padding-inline: 3rem !important;
  }
}
@media (min-width: 1250px) {
  .landing-block-chair,
  .landing-block-chair-simple {
    padding-right: 3rem !important;
  }
}
.chair-landing-slim {
  display: none;
}
@media (max-width: 1300px) {
  .chair-landing-slim {
    display: block;
  }
}

.landing-block-hero-chair::before {
  content: "";
  background-color: hsl(0, 0%, 96%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
}
@media (max-width: 1300px) {
  .landing-block-hero-chair::before {
    right: calc((100vw - 100%) / -2 - 240px) !important;
  }
}
@media (max-width: 1000px) {
  .landing-block-hero-chair::before {
    left: 0;
    right: 0 !important;
  }
}
@media (max-width: 700px) {
  .landing-block-hero-chair .overlay {
    max-width: 100%;
  }
  .landing-block-hero-chair .overlay-content {
    align-items: center;
  }
  .landing-block-hero-chair .overlay-content .accent-bar {
    display: block;
    height: 8px;
    margin: 2rem auto;
  }
  .landing-block-hero-chair .overlay-content h1 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
  }
  .landing-block-hero-chair .overlay-content .brochure-usps li {
    margin-block: 23px;
    font-size: 1.8rem !important;
  }
}
@media (max-width: 700px) and (max-width: 600px) {
  .landing-block-hero-chair .overlay-content .brochure-usps li {
    font-size: 1.4rem !important;
    margin-block: 15px;
  }
}
@media (max-width: 700px) and (max-width: 450px) {
  .landing-block-hero-chair .overlay-content .brochure-usps li {
    font-size: 1.2rem !important;
  }
}
@media (max-width: 700px) and (max-width: 380px) {
  .landing-block-hero-chair .overlay-content .brochure-usps li {
    font-size: 1.1rem !important;
  }
}
@media (max-width: 700px) and (max-width: 600px) {
  .landing-block-hero-chair .overlay-content .brochure-usps {
    margin-bottom: 2rem;
  }
}
@media (max-width: 700px) {
  .landing-block-hero-chair .overlay-content .landing-hero-btn {
    margin: 20px auto 0;
    width: 100%;
  }
}
@media (max-width: 700px) and (max-width: 600px) {
  .landing-block-hero-chair .overlay-content .landing-hero-btn {
    width: 90%;
    margin-top: 0;
  }
}

.brochure-usps-chair li i {
  color: hsl(1, 75%, 53%) !important;
}

.landing-reviews-mini-alt-chairs {
  background: #212531 !important;
  margin-bottom: 0 !important;
}
.landing-reviews-mini-alt-chairs::before {
  content: "";
  background-color: #212531 !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
}
@media (max-width: 1300px) {
  .landing-reviews-mini-alt-chairs::before {
    right: calc((100vw - 100%) / -2 - 240px) !important;
  }
}
@media (max-width: 1000px) {
  .landing-reviews-mini-alt-chairs::before {
    left: 0;
    right: 0 !important;
  }
}

.landing-reviews-mini-alt-chairs {
  justify-content: flex-start !important;
}
@media (max-width: 720px) {
  .landing-reviews-mini-alt-chairs {
    justify-content: center !important;
  }
}

.trustpilot-chairs {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 500px;
}
@media (max-width: 900px) {
  .trustpilot-chairs {
    padding-left: 1rem;
  }
}
@media (max-width: 720px) {
  .trustpilot-chairs {
    justify-content: center;
  }
}
.trustpilot-chairs .trustpilot-chairs-stars {
  width: 30%;
  padding-right: 3%;
  margin-right: 3%;
  border-right: 1px grey solid;
}
.trustpilot-chairs .trustpilot-chairs-logo {
  width: 43%;
}

.landing-content-chair {
  background-color: hsl(0, 0%, 86%) !important;
  display: flex;
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1300px) {
  .landing-content-chair {
    padding-top: 3rem;
  }
}

.landing-content-chair::before {
  content: "";
  background-color: hsl(0, 0%, 86%) !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
}
@media (max-width: 1000px) {
  .landing-content-chair::before {
    left: 0;
    right: 0 !important;
  }
}

.landing-block-chair {
  width: 100%;
  padding-right: 3rem;
  margin-bottom: 3rem;
}
.landing-block-chair .landing-block-chair-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: hsl(0, 100%, 100%);
}
.landing-block-chair .landing-block-chair-inner .info {
  padding: 2rem 0 2rem 2rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner .info {
    padding: 1.5rem 0 1.5rem 1.5rem;
  }
}
@media (max-width: 1500px) {
  .landing-block-chair .landing-block-chair-inner .info .info-title {
    font-size: 2rem;
  }
}
.landing-block-chair .landing-block-chair-inner .info .info-title-extend {
  width: 150%;
}
.landing-block-chair .landing-block-chair-inner .info .info-title-extend-half {
  width: 125%;
}
.landing-block-chair .landing-block-chair-inner .info .info-subtitle {
  margin-block: 20px;
}
@media (max-width: 1350px) {
  .landing-block-chair .landing-block-chair-inner .info .info-subtitle {
    margin-block: 10px;
  }
}
.landing-block-chair .landing-block-chair-inner .info .info-subtitle h3 {
  text-transform: uppercase;
  color: hsl(0, 0%, 56%);
  font-size: 17px;
  letter-spacing: 2px;
  position: relative;
  margin-left: 60px;
}
@media (max-width: 1430px) {
  .landing-block-chair .landing-block-chair-inner .info .info-subtitle h3 {
    font-size: 15px;
    margin-left: 40px;
  }
}
.landing-block-chair .landing-block-chair-inner .info .info-subtitle h3::before {
  content: " ";
  display: block;
  height: 4px;
  width: 50px;
  position: absolute;
  top: 42%;
  left: -60px;
  background: hsl(1, 75%, 53%);
}
@media (max-width: 1430px) {
  .landing-block-chair .landing-block-chair-inner .info .info-subtitle h3::before {
    width: 30px;
    left: -40px;
  }
}
.landing-block-chair .landing-block-chair-inner .info .info-text {
  font-size: 19px;
  font-weight: 500;
  padding-right: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 1430px) {
  .landing-block-chair .landing-block-chair-inner .info .info-text {
    margin-bottom: 1rem;
    font-size: 15px;
  }
}
.landing-block-chair .landing-block-chair-inner .info .info-button {
  padding-right: 2rem;
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner .info .info-button {
    padding-right: 1rem;
  }
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner .info .info-button .btn-standard {
    font-size: 15px;
    padding-inline: 1rem;
  }
}
.landing-block-chair .landing-block-chair-inner .info-push-left {
  margin-left: -5%;
}
.landing-block-chair .landing-block-chair-inner .image {
  width: 60%;
  min-width: 60%;
}
.landing-block-chair .landing-block-chair-inner-reverse {
  flex-direction: row-reverse;
}
.landing-block-chair .landing-block-chair-inner-reverse .info {
  padding-left: 0;
}
.landing-block-chair .landing-block-chair-inner-reverse .info .info-title-extend-reverse {
  width: 114%;
  margin-left: -20%;
}
@media (max-width: 1430px) {
  .landing-block-chair .landing-block-chair-inner-reverse .info .info-title-extend-reverse {
    margin-left: -30%;
  }
}
.landing-block-chair .landing-block-chair-inner-reverse .info .info-subtitle {
  padding-left: 2rem;
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner-reverse .info .info-subtitle {
    padding-left: 1rem;
  }
}
.landing-block-chair .landing-block-chair-inner-reverse .info .info-text {
  padding-left: 2rem;
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner-reverse .info .info-text {
    padding-left: 1rem;
  }
}
.landing-block-chair .landing-block-chair-inner-reverse .info .info-button {
  padding-left: 2rem;
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner-reverse .info .info-button {
    padding-left: 1rem;
  }
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner-reverse .info .info-button .btn-standard {
    font-size: 15px;
    padding-inline: 1rem;
  }
}

.landing-block-chair-simple {
  width: 100%;
  padding-right: 3rem;
  margin-bottom: 3rem;
}
.landing-block-chair-simple .landing-block-chair-simple-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.landing-block-chair-simple .landing-block-chair-simple-inner .image {
  width: 40%;
  min-width: 40%;
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info {
  padding: 2rem;
  position: relative;
}
@media (max-width: 1500px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-title {
    font-size: 2rem;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .chair-landing-swatch {
  position: absolute;
  width: 40%;
  max-width: 230px;
  top: -50px;
  right: 15px;
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .chair-landing-trustpilot {
  width: 45%;
  max-width: 250px;
  margin-top: 1rem;
  margin-bottom: 0.3rem;
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle {
  margin-block: 20px;
}
@media (max-width: 1350px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle {
    margin-block: 10px;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle h3 {
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 2px;
  position: relative;
  margin-left: 60px;
}
@media (max-width: 1430px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle h3 {
    font-size: 15px;
    margin-left: 40px;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle h3::before {
  content: " ";
  display: block;
  height: 4px;
  width: 50px;
  position: absolute;
  top: 42%;
  left: -60px;
}
@media (max-width: 1430px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle h3::before {
    width: 30px;
    left: -40px;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .info-text {
  font-size: 19px;
  font-weight: 500;
  padding-right: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 1430px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-text {
    margin-bottom: 1rem;
    font-size: 15px;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .info-button {
  padding-right: 2rem;
  max-width: 350px;
}
@media (max-width: 1400px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-button {
    padding-right: 1rem;
  }
}
@media (max-width: 1400px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-button .btn-standard {
    font-size: 15px;
    padding-inline: 1rem;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner-reverse {
  flex-direction: row-reverse;
}

.landing-block-chair-dark .landing-block-chair-inner,
.landing-block-chair-dark .landing-block-chair-simple-inner {
  background: #1f1e27;
}
.landing-block-chair-dark .landing-block-chair-inner .info,
.landing-block-chair-dark .landing-block-chair-simple-inner .info {
  color: hsl(0, 100%, 100%) !important;
}
.landing-block-chair-dark .landing-block-chair-inner .info .info-subtitle h3,
.landing-block-chair-dark .landing-block-chair-simple-inner .info .info-subtitle h3 {
  color: hsl(0, 0%, 81%);
}
.landing-block-chair-dark .landing-block-chair-inner .info .info-subtitle h3::before,
.landing-block-chair-dark .landing-block-chair-simple-inner .info .info-subtitle h3::before {
  background: hsl(0, 100%, 100%);
}
.landing-block-chair-dark .landing-block-chair-inner .info .info-button .btn-dark,
.landing-block-chair-dark .landing-block-chair-simple-inner .info .info-button .btn-dark {
  background: #5d5a7b !important;
  color: hsl(0, 100%, 100%) !important;
}
.landing-block-chair-dark .landing-block-chair-inner .info .info-button .btn-dark:hover,
.landing-block-chair-dark .landing-block-chair-simple-inner .info .info-button .btn-dark:hover {
  background: #8c8aa8 !important;
}

.landing-block-section {
  padding: 1rem 2rem 4rem 2rem;
  margin-right: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 1000px) {
  .landing-block-section {
    margin-right: 0;
  }
}
.landing-block-section .section-icon {
  width: 30%;
  max-width: 200px;
}
@media (max-width: 500px) {
  .landing-block-section .section-icon {
    width: 40%;
  }
}
.landing-block-section .section-icon-small {
  width: 23%;
}
@media (max-width: 500px) {
  .landing-block-section .section-icon-small {
    width: 30%;
  }
}
.landing-block-section .section-title {
  margin-block: 1rem;
}
.landing-block-section .section-text {
  font-size: 19px;
  font-weight: 500;
  max-width: 600px;
}

.chair-landing-hll-img img {
  margin-left: -8%;
}

.chair-landing-mobile .landing-block-chair-mobile {
  margin-top: 2rem;
  margin-right: 2rem;
}
.chair-landing-mobile .landing-block-chair-mobile .info {
  background: hsl(0, 100%, 100%);
  padding: 2rem;
  position: relative;
}
.chair-landing-mobile .landing-block-chair-mobile .info .chair-landing-swatch {
  width: 35%;
  position: absolute;
  right: 15px;
  top: -65px;
}
.chair-landing-mobile .landing-block-chair-mobile .info .chair-landing-trustpilot {
  width: 45%;
  max-width: 250px;
  margin-top: 1rem;
  margin-bottom: 0.3rem;
}
.chair-landing-mobile .landing-block-chair-mobile .info .info-subtitle {
  margin-block: 1.7rem;
}
.chair-landing-mobile .landing-block-chair-mobile .info .info-subtitle h3 {
  text-transform: uppercase;
  color: hsl(0, 0%, 56%);
  font-size: 16px;
  letter-spacing: 2px;
  position: relative;
  margin-left: 40px;
}
.chair-landing-mobile .landing-block-chair-mobile .info .info-subtitle h3::before {
  content: " ";
  display: block;
  height: 4px;
  width: 30px;
  position: absolute;
  top: 42%;
  left: -40px;
  background: hsl(1, 75%, 53%);
}
@media (max-width: 1430px) {
  .chair-landing-mobile .landing-block-chair-mobile .info .info-subtitle h3::before {
    width: 30px;
  }
}
.chair-landing-mobile .landing-block-chair-mobile .info .info-text {
  font-size: 19px;
  font-weight: 500;
  padding-right: 2rem;
  margin-bottom: 2rem;
}
.chair-landing-mobile .landing-block-section-mobile {
  margin-block: 2rem;
  margin-right: 2rem;
  padding-bottom: 1rem;
}
.chair-landing-mobile .landing-block-chair-dark-mobile {
  color: hsl(0, 100%, 100%);
  background-color: #1f1e27;
}
.chair-landing-mobile .landing-block-chair-dark-mobile .info {
  background-color: #1f1e27;
}
.chair-landing-mobile .landing-block-chair-dark-mobile .info .info-subtitle h3 {
  color: hsl(0, 0%, 81%);
}
.chair-landing-mobile .landing-block-chair-dark-mobile .info .info-subtitle h3::before {
  background: hsl(0, 100%, 100%);
}
.chair-landing-mobile .landing-block-chair-dark-mobile .info-button .btn-dark {
  background: #5d5a7b !important;
  color: hsl(0, 100%, 100%) !important;
}
.chair-landing-mobile .landing-block-chair-dark-mobile .info-button .btn-dark:hover {
  background: #8c8aa8 !important;
}

.bed-landing-page .landing-block-btn-m {
  display: none;
}
@media (max-width: 1250px) {
  .bed-landing-page .landing-block-btn-m {
    display: block !important;
  }
}
@media (max-width: 1000px) {
  .bed-landing-page .landing-block-btn-d {
    display: none !important;
  }
}

.bed-landing-page {
  overflow-x: clip;
}

.bed-landing-mobile {
  display: none;
}

@media ((min-width: 1000px) and (max-width: 1250px)), (max-width: 720px) {
  .chair-landing-wide {
    display: none !important;
  }
  .chair-landing-mobile {
    display: block !important;
  }
}
@media (min-width: 1251px), (min-width: 721px) and (max-width: 999px) {
  .chair-landing-wide {
    margin-inline: -1rem;
  }
  .chair-landing-wide .landing-block-chair,
  .chair-landing-wide .landing-block-chair-simple {
    padding-right: 0;
  }
}
@media (min-width: 720px) and (max-width: 1000px) {
  .chair-landing-wide {
    padding-inline: 2rem;
    margin-inline: -3rem;
  }
  .chair-landing-wide .landing-block-chair,
  .chair-landing-wide .landing-block-chair-simple {
    padding-inline: 1.5rem;
  }
}
@media (min-width: 900px) and (max-width: 1000px) {
  .chair-landing-wide .display-2 {
    font-size: 2.5rem !important;
  }
}
@media (min-width: 850px) and (max-width: 1000px) {
  .chair-landing-wide .info-text {
    font-size: 17px !important;
  }
}
@media (max-width: 720px) {
  .chair-landing-page .landing-content-chair {
    padding-top: 0;
    padding-bottom: 0;
  }
  .chair-landing-page .landing-form-aside {
    margin-inline: -0.5rem;
  }
  .chair-landing-page .landing-block-hero-chair {
    padding-inline: 2rem;
  }
  .chair-landing-page .landing-block-chair-mobile,
  .chair-landing-page .landing-block-section-mobile {
    margin-top: 2rem !important;
    margin-right: 0 !important;
  }
  .chair-landing-page .landing-block-section-mobile {
    margin-block: 0 !important;
  }
  .chair-landing-page .landing-block-section-mobile {
    padding: 2.5rem 3rem 0.5rem 3rem !important;
  }
  .chair-landing-page .landing-block-chair-mobile .info {
    padding-inline: 3rem !important;
  }
}
@media (min-width: 1250px) {
  .landing-block-chair,
  .landing-block-chair-simple {
    padding-right: 3rem !important;
  }
}
.chair-landing-slim {
  display: none;
}
@media (max-width: 1300px) {
  .chair-landing-slim {
    display: block;
  }
}

.landing-block-hero-chair::before {
  content: "";
  background-color: hsl(0, 0%, 96%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
}
@media (max-width: 1300px) {
  .landing-block-hero-chair::before {
    right: calc((100vw - 100%) / -2 - 240px) !important;
  }
}
@media (max-width: 1000px) {
  .landing-block-hero-chair::before {
    left: 0;
    right: 0 !important;
  }
}
@media (max-width: 700px) {
  .landing-block-hero-chair .overlay {
    max-width: 100%;
  }
  .landing-block-hero-chair .overlay-content {
    align-items: center;
  }
  .landing-block-hero-chair .overlay-content .accent-bar {
    display: block;
    height: 8px;
    margin: 2rem auto;
  }
  .landing-block-hero-chair .overlay-content h1 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
  }
  .landing-block-hero-chair .overlay-content .brochure-usps li {
    margin-block: 23px;
    font-size: 1.8rem !important;
  }
}
@media (max-width: 700px) and (max-width: 600px) {
  .landing-block-hero-chair .overlay-content .brochure-usps li {
    font-size: 1.4rem !important;
    margin-block: 15px;
  }
}
@media (max-width: 700px) and (max-width: 450px) {
  .landing-block-hero-chair .overlay-content .brochure-usps li {
    font-size: 1.2rem !important;
  }
}
@media (max-width: 700px) and (max-width: 380px) {
  .landing-block-hero-chair .overlay-content .brochure-usps li {
    font-size: 1.1rem !important;
  }
}
@media (max-width: 700px) and (max-width: 600px) {
  .landing-block-hero-chair .overlay-content .brochure-usps {
    margin-bottom: 2rem;
  }
}
@media (max-width: 700px) {
  .landing-block-hero-chair .overlay-content .landing-hero-btn {
    margin: 20px auto 0;
    width: 100%;
  }
}
@media (max-width: 700px) and (max-width: 600px) {
  .landing-block-hero-chair .overlay-content .landing-hero-btn {
    width: 90%;
    margin-top: 0;
  }
}

.brochure-usps-chair li i {
  color: hsl(1, 75%, 53%) !important;
}

.landing-reviews-mini-alt-chairs {
  background: #212531 !important;
  margin-bottom: 0 !important;
}
.landing-reviews-mini-alt-chairs::before {
  content: "";
  background-color: #212531 !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
}
@media (max-width: 1300px) {
  .landing-reviews-mini-alt-chairs::before {
    right: calc((100vw - 100%) / -2 - 240px) !important;
  }
}
@media (max-width: 1000px) {
  .landing-reviews-mini-alt-chairs::before {
    left: 0;
    right: 0 !important;
  }
}

.landing-reviews-mini-alt-chairs {
  justify-content: flex-start !important;
}
@media (max-width: 720px) {
  .landing-reviews-mini-alt-chairs {
    justify-content: center !important;
  }
}

.trustpilot-chairs {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 500px;
}
@media (max-width: 900px) {
  .trustpilot-chairs {
    padding-left: 1rem;
  }
}
@media (max-width: 720px) {
  .trustpilot-chairs {
    justify-content: center;
  }
}
.trustpilot-chairs .trustpilot-chairs-stars {
  width: 30%;
  padding-right: 3%;
  margin-right: 3%;
  border-right: 1px grey solid;
}
.trustpilot-chairs .trustpilot-chairs-logo {
  width: 43%;
}

.landing-content-chair {
  background-color: hsl(0, 0%, 86%) !important;
  display: flex;
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1300px) {
  .landing-content-chair {
    padding-top: 3rem;
  }
}

.landing-content-chair::before {
  content: "";
  background-color: hsl(0, 0%, 86%) !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
}
@media (max-width: 1000px) {
  .landing-content-chair::before {
    left: 0;
    right: 0 !important;
  }
}

.landing-block-chair {
  width: 100%;
  padding-right: 3rem;
  margin-bottom: 3rem;
}
.landing-block-chair .landing-block-chair-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: hsl(0, 100%, 100%);
}
.landing-block-chair .landing-block-chair-inner .info {
  padding: 2rem 0 2rem 2rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner .info {
    padding: 1.5rem 0 1.5rem 1.5rem;
  }
}
@media (max-width: 1500px) {
  .landing-block-chair .landing-block-chair-inner .info .info-title {
    font-size: 2rem;
  }
}
.landing-block-chair .landing-block-chair-inner .info .info-title-extend {
  width: 150%;
}
.landing-block-chair .landing-block-chair-inner .info .info-title-extend-half {
  width: 125%;
}
.landing-block-chair .landing-block-chair-inner .info .info-subtitle {
  margin-block: 20px;
}
@media (max-width: 1350px) {
  .landing-block-chair .landing-block-chair-inner .info .info-subtitle {
    margin-block: 10px;
  }
}
.landing-block-chair .landing-block-chair-inner .info .info-subtitle h3 {
  text-transform: uppercase;
  color: hsl(0, 0%, 56%);
  font-size: 17px;
  letter-spacing: 2px;
  position: relative;
  margin-left: 60px;
}
@media (max-width: 1430px) {
  .landing-block-chair .landing-block-chair-inner .info .info-subtitle h3 {
    font-size: 15px;
    margin-left: 40px;
  }
}
.landing-block-chair .landing-block-chair-inner .info .info-subtitle h3::before {
  content: " ";
  display: block;
  height: 4px;
  width: 50px;
  position: absolute;
  top: 42%;
  left: -60px;
  background: hsl(1, 75%, 53%);
}
@media (max-width: 1430px) {
  .landing-block-chair .landing-block-chair-inner .info .info-subtitle h3::before {
    width: 30px;
    left: -40px;
  }
}
.landing-block-chair .landing-block-chair-inner .info .info-text {
  font-size: 19px;
  font-weight: 500;
  padding-right: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 1430px) {
  .landing-block-chair .landing-block-chair-inner .info .info-text {
    margin-bottom: 1rem;
    font-size: 15px;
  }
}
.landing-block-chair .landing-block-chair-inner .info .info-button {
  padding-right: 2rem;
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner .info .info-button {
    padding-right: 1rem;
  }
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner .info .info-button .btn-standard {
    font-size: 15px;
    padding-inline: 1rem;
  }
}
.landing-block-chair .landing-block-chair-inner .info-push-left {
  margin-left: -5%;
}
.landing-block-chair .landing-block-chair-inner .image {
  width: 60%;
  min-width: 60%;
}
.landing-block-chair .landing-block-chair-inner-reverse {
  flex-direction: row-reverse;
}
.landing-block-chair .landing-block-chair-inner-reverse .info {
  padding-left: 0;
}
.landing-block-chair .landing-block-chair-inner-reverse .info .info-title-extend-reverse {
  width: 114%;
  margin-left: -20%;
}
@media (max-width: 1430px) {
  .landing-block-chair .landing-block-chair-inner-reverse .info .info-title-extend-reverse {
    margin-left: -30%;
  }
}
.landing-block-chair .landing-block-chair-inner-reverse .info .info-subtitle {
  padding-left: 2rem;
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner-reverse .info .info-subtitle {
    padding-left: 1rem;
  }
}
.landing-block-chair .landing-block-chair-inner-reverse .info .info-text {
  padding-left: 2rem;
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner-reverse .info .info-text {
    padding-left: 1rem;
  }
}
.landing-block-chair .landing-block-chair-inner-reverse .info .info-button {
  padding-left: 2rem;
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner-reverse .info .info-button {
    padding-left: 1rem;
  }
}
@media (max-width: 1400px) {
  .landing-block-chair .landing-block-chair-inner-reverse .info .info-button .btn-standard {
    font-size: 15px;
    padding-inline: 1rem;
  }
}

.landing-block-chair-simple {
  width: 100%;
  padding-right: 3rem;
  margin-bottom: 3rem;
}
.landing-block-chair-simple .landing-block-chair-simple-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.landing-block-chair-simple .landing-block-chair-simple-inner .image {
  width: 40%;
  min-width: 40%;
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info {
  padding: 2rem;
  position: relative;
}
@media (max-width: 1500px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-title {
    font-size: 2rem;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .chair-landing-swatch {
  position: absolute;
  width: 40%;
  max-width: 230px;
  top: -50px;
  right: 15px;
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .chair-landing-trustpilot {
  width: 45%;
  max-width: 250px;
  margin-top: 1rem;
  margin-bottom: 0.3rem;
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle {
  margin-block: 20px;
}
@media (max-width: 1350px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle {
    margin-block: 10px;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle h3 {
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 2px;
  position: relative;
  margin-left: 60px;
}
@media (max-width: 1430px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle h3 {
    font-size: 15px;
    margin-left: 40px;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle h3::before {
  content: " ";
  display: block;
  height: 4px;
  width: 50px;
  position: absolute;
  top: 42%;
  left: -60px;
}
@media (max-width: 1430px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-subtitle h3::before {
    width: 30px;
    left: -40px;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .info-text {
  font-size: 19px;
  font-weight: 500;
  padding-right: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 1430px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-text {
    margin-bottom: 1rem;
    font-size: 15px;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner .info .info-button {
  padding-right: 2rem;
  max-width: 350px;
}
@media (max-width: 1400px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-button {
    padding-right: 1rem;
  }
}
@media (max-width: 1400px) {
  .landing-block-chair-simple .landing-block-chair-simple-inner .info .info-button .btn-standard {
    font-size: 15px;
    padding-inline: 1rem;
  }
}
.landing-block-chair-simple .landing-block-chair-simple-inner-reverse {
  flex-direction: row-reverse;
}

.landing-block-chair-dark .landing-block-chair-inner,
.landing-block-chair-dark .landing-block-chair-simple-inner {
  background: #1f1e27;
}
.landing-block-chair-dark .landing-block-chair-inner .info,
.landing-block-chair-dark .landing-block-chair-simple-inner .info {
  color: hsl(0, 100%, 100%) !important;
}
.landing-block-chair-dark .landing-block-chair-inner .info .info-subtitle h3,
.landing-block-chair-dark .landing-block-chair-simple-inner .info .info-subtitle h3 {
  color: hsl(0, 0%, 81%);
}
.landing-block-chair-dark .landing-block-chair-inner .info .info-subtitle h3::before,
.landing-block-chair-dark .landing-block-chair-simple-inner .info .info-subtitle h3::before {
  background: hsl(0, 100%, 100%);
}
.landing-block-chair-dark .landing-block-chair-inner .info .info-button .btn-dark,
.landing-block-chair-dark .landing-block-chair-simple-inner .info .info-button .btn-dark {
  background: #5d5a7b !important;
  color: hsl(0, 100%, 100%) !important;
}
.landing-block-chair-dark .landing-block-chair-inner .info .info-button .btn-dark:hover,
.landing-block-chair-dark .landing-block-chair-simple-inner .info .info-button .btn-dark:hover {
  background: #8c8aa8 !important;
}

.landing-block-section {
  padding: 1rem 2rem 4rem 2rem;
  margin-right: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 1000px) {
  .landing-block-section {
    margin-right: 0;
  }
}
.landing-block-section .section-icon {
  width: 30%;
  max-width: 200px;
}
@media (max-width: 500px) {
  .landing-block-section .section-icon {
    width: 40%;
  }
}
.landing-block-section .section-icon-small {
  width: 23%;
}
@media (max-width: 500px) {
  .landing-block-section .section-icon-small {
    width: 30%;
  }
}
.landing-block-section .section-title {
  margin-block: 1rem;
}
.landing-block-section .section-text {
  font-size: 19px;
  font-weight: 500;
  max-width: 600px;
}

.chair-landing-hll-img img {
  margin-left: -8%;
}

.chair-landing-mobile .landing-block-chair-mobile {
  margin-top: 2rem;
  margin-right: 2rem;
}
.chair-landing-mobile .landing-block-chair-mobile .info {
  background: hsl(0, 100%, 100%);
  padding: 2rem;
  position: relative;
}
.chair-landing-mobile .landing-block-chair-mobile .info .chair-landing-swatch {
  width: 35%;
  position: absolute;
  right: 15px;
  top: -65px;
}
.chair-landing-mobile .landing-block-chair-mobile .info .chair-landing-trustpilot {
  width: 45%;
  max-width: 250px;
  margin-top: 1rem;
  margin-bottom: 0.3rem;
}
.chair-landing-mobile .landing-block-chair-mobile .info .info-subtitle {
  margin-block: 1.7rem;
}
.chair-landing-mobile .landing-block-chair-mobile .info .info-subtitle h3 {
  text-transform: uppercase;
  color: hsl(0, 0%, 56%);
  font-size: 16px;
  letter-spacing: 2px;
  position: relative;
  margin-left: 40px;
}
.chair-landing-mobile .landing-block-chair-mobile .info .info-subtitle h3::before {
  content: " ";
  display: block;
  height: 4px;
  width: 30px;
  position: absolute;
  top: 42%;
  left: -40px;
  background: hsl(1, 75%, 53%);
}
@media (max-width: 1430px) {
  .chair-landing-mobile .landing-block-chair-mobile .info .info-subtitle h3::before {
    width: 30px;
  }
}
.chair-landing-mobile .landing-block-chair-mobile .info .info-text {
  font-size: 19px;
  font-weight: 500;
  padding-right: 2rem;
  margin-bottom: 2rem;
}
.chair-landing-mobile .landing-block-section-mobile {
  margin-block: 2rem;
  margin-right: 2rem;
  padding-bottom: 1rem;
}
.chair-landing-mobile .landing-block-chair-dark-mobile {
  color: hsl(0, 100%, 100%);
  background-color: #1f1e27;
}
.chair-landing-mobile .landing-block-chair-dark-mobile .info {
  background-color: #1f1e27;
}
.chair-landing-mobile .landing-block-chair-dark-mobile .info .info-subtitle h3 {
  color: hsl(0, 0%, 81%);
}
.chair-landing-mobile .landing-block-chair-dark-mobile .info .info-subtitle h3::before {
  background: hsl(0, 100%, 100%);
}
.chair-landing-mobile .landing-block-chair-dark-mobile .info-button .btn-dark {
  background: #5d5a7b !important;
  color: hsl(0, 100%, 100%) !important;
}
.chair-landing-mobile .landing-block-chair-dark-mobile .info-button .btn-dark:hover {
  background: #8c8aa8 !important;
}

.page-information-wrapper {
  display: flex;
  flex-direction: row;
  margin-block: 2rem;
}

.page-information-links {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  width: 200px;
  min-width: 200px;
  margin-right: 15%;
  border: 1px solid hsl(0, 0%, 86%);
}
.page-information-links .heading {
  border-bottom: 1px solid hsl(0, 0%, 86%);
  padding: 1rem 0.8rem;
}
.page-information-links .links {
  display: flex;
  flex-direction: column;
  padding: 0.8rem;
}
.page-information-links .links a {
  position: relative;
  margin-block: 0.3rem;
  color: hsl(0, 0%, 15%);
}
.page-information-links .links .active {
  font-weight: 500;
}
.page-information-links .links .active::before {
  content: "";
  position: absolute;
  left: -0.8rem;
  height: 20px;
  border-left: 2px solid hsl(0, 0%, 15%);
}
@media (max-width: 1000px) {
  .page-information-links {
    margin-right: 4rem;
  }
}
@media (max-width: 650px) {
  .page-information-links {
    display: none;
  }
}

.page-information-content {
  margin-top: 3rem;
}
.page-information-content h1 {
  margin-bottom: 2rem;
}
.page-information-content h2 {
  margin-bottom: 1.5rem;
}
.page-information-content p {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.page-information-content ul {
  list-style-type: disc;
  font-size: 1.1rem;
  line-height: 1.6;
  margin-block: 2rem;
}
.page-information-content ul li {
  margin-block: 0.6rem;
}
.page-information-content ul li::marker {
  color: hsl(1, 75%, 63%);
}
.page-information-content .image {
  margin-bottom: 2rem;
}
.page-information-content .image .image-caption {
  color: hsl(0, 0%, 56%);
  margin-block: 0.5rem;
  line-height: 1.5;
}
@media (max-width: 1000px) {
  .page-information-content {
    padding-right: 1rem;
  }
}
@media (max-width: 650px) {
  .page-information-content {
    margin-left: 2rem;
  }
}

.page-information-content-actual {
  margin-top: 1rem;
  max-width: 700px;
}

.information-list ol {
  padding-left: 0;
  margin-block: 2rem;
}
.information-list ol > li {
  position: relative;
  margin-block: 3rem;
}
.information-list ol > li b {
  font-weight: 700;
}
.information-list ul {
  padding-left: 0;
}
.information-list ul li {
  list-style-type: disc;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

.numbered-list-counters ol {
  counter-reset: list-number;
}
.numbered-list-counters ol > li {
  font-size: 1.1rem;
}
.numbered-list-counters ol > li::before {
  counter-increment: list-number;
  content: counter(list-number) ".";
  position: absolute;
  left: -2rem;
  top: 2px;
  font-weight: 700;
}

.footer-mini {
  padding-block: 3rem;
  background: hsl(0, 0%, 91%);
  border-top: 1px solid hsl(0, 0%, 86%);
}

.footer-mini-main-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .footer-mini-main-content {
    flex-direction: column;
    align-items: center;
  }
}

.footer-mini-locale {
  position: relative;
}
.footer-mini-locale::before {
  content: url(https://flagicons.lipis.dev/flags/4x3/gb.svg);
  position: absolute;
  width: 15px;
  left: -20px;
  top: 1px;
}
@media (max-width: 900px) {
  .footer-mini-locale {
    margin-top: 1rem;
    margin-left: 20px;
  }
}

.footer-mini-info {
  display: flex;
  flex-direction: row;
}
@media (max-width: 900px) {
  .footer-mini-info {
    flex-direction: column;
    align-items: center;
  }
}

.footer-mini-co {
  padding-right: 1rem;
  border-right: 1px solid hsl(0, 0%, 15%);
}
@media (max-width: 900px) {
  .footer-mini-co {
    padding-right: 0;
    border-right: none;
    margin-bottom: 1rem;
  }
}

.footer-mini-links {
  margin-left: 1rem;
}
.footer-mini-links a {
  margin-right: 0.8rem;
  color: hsl(0, 0%, 30%);
}
@media (max-width: 900px) {
  .footer-mini-links a {
    margin-right: none;
  }
}
@media (max-width: 600px) {
  .footer-mini-links {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.footer-container-full {
  background-color: hsl(0, 0%, 96%);
  padding-block: 6rem;
}

.footer-wrapper-outer {
  display: flex;
  flex-direction: row;
}

.footer-inner {
  width: 100%;
}

.footer-main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer-main .footer-column {
  width: 25%;
}
@media (max-width: 600px) {
  .footer-main .footer-column {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .footer-main {
    flex-wrap: wrap;
  }
}

.footer-extra {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer-extra > .footer-column {
  width: 50%;
  padding-right: 5rem;
}
@media (max-width: 800px) {
  .footer-extra > .footer-column {
    padding-right: 3rem;
  }
}
@media (max-width: 600px) {
  .footer-extra > .footer-column {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .footer-extra {
    flex-direction: column;
  }
}

.footer-column-slim {
  width: 5rem;
  margin-right: 10rem;
}

@media (max-width: 1000px) {
  .footer-logo {
    display: none;
  }
}

.footer-column {
  display: flex;
  flex-direction: column;
}
.footer-column h5 {
  margin-bottom: 0.5rem;
}

.footer-block {
  margin-bottom: 3rem;
}

.footer-list {
  color: hsl(0, 0%, 30%);
}
.footer-list .item {
  margin-bottom: 0.25rem;
}
.footer-list a {
  color: hsl(0, 0%, 30%);
}

.footer-brochure-btn {
  height: 38px;
  font-size: 0.8rem;
}

.footer-email {
  padding-right: 1rem;
}

.footer-sign-up {
  margin-bottom: 1rem;
}

.footer-form {
  display: flex;
  flex-direction: column;
}
.footer-form .main-form-block {
  margin-block: 0;
}
.footer-form .footer-email-submit {
  align-self: flex-start;
}

.bottom-fixed-hide {
  bottom: -150px !important;
}

.bottom-fixed {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1rem 1rem;
  transition: 0.5s;
}
@media (max-width: 800px) {
  .bottom-fixed {
    display: block;
  }
}
.bottom-fixed button {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding-block: 1.2rem;
  font-size: 1.1rem;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

@keyframes landerFade {
  0% {
    opacity: 0;
    transform: scale(100%);
  }
  16.66% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  48.66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(105%);
  }
}
.landingPage_swatch {
  display: none;
}
@media (min-width: 360px) {
  .landingPage_swatch {
    display: block;
    right: -50px;
    top: -80px;
    width: 110px;
  }
}
@media (min-width: 420px) {
  .landingPage_swatch {
    right: -50px;
    top: -150px;
    width: 150px;
  }
}
.landingPage_heroDesktop {
  position: relative;
  z-index: 5;
}
.landingPage_heroDesktop:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 101vw;
  height: 100%;
  background-image: url("https://cdn.shopify.com/s/files/1/0691/1846/0208/files/chair-landing-page-desktop.webp?v=1738164064");
  background-size: cover;
  background-position: center 2%;
  background-repeat: no-repeat;
  z-index: -1;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .landingPage_heroDesktop:after {
    left: 77%;
  }
}
.landingPage_heroDesktop:before {
  content: "";
  position: absolute;
  right: -50vw;
  top: 0;
  height: 100%;
  width: 100vw;
  background: linear-gradient(-90deg, rgba(2, 0, 36, 0.7) 0%, rgba(42, 52, 67, 0) 80%);
}
.landingPage_heroDesktopSale {
  position: relative;
  height: 240px;
  z-index: 5;
}
@media (min-width: 350px) {
  .landingPage_heroDesktopSale {
    height: 250px;
  }
}
@media (min-width: 480px) {
  .landingPage_heroDesktopSale {
    height: 300px;
  }
}
@media (min-width: 550px) {
  .landingPage_heroDesktopSale {
    height: 350px;
  }
}
@media (min-width: 720px) {
  .landingPage_heroDesktopSale {
    height: 450px;
  }
}
@media (min-width: 820px) {
  .landingPage_heroDesktopSale {
    height: 500px;
  }
}
@media (min-width: 1024px) {
  .landingPage_heroDesktopSale {
    height: 550px;
  }
}
@media (min-width: 1600px) {
  .landingPage_heroDesktopSale {
    height: 600px;
  }
}
.landingPage_heroDesktopSale .-heroBgFade {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  inset: 0;
  background-size: cover;
  opacity: 0;
  animation-name: landerFade;
  animation-duration: 12s;
  animation-iteration-count: infinite;
}
.landingPage_heroDesktopSale .-heroBgFade:nth-child(2) {
  animation-delay: 0s;
}
.landingPage_heroDesktopSale .-heroBgFade:nth-child(2):after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 101vw;
  height: 100%;
  background-image: url("https://cdn.shopify.com/s/files/1/0691/1846/0208/files/landingpage-carousel-cotswold.webp");
  background-size: cover;
  background-position: 42% 50%;
  background-repeat: no-repeat;
  z-index: -1;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .landingPage_heroDesktopSale .-heroBgFade:nth-child(2):after {
    background-position: center 50%;
  }
}
@media (min-width: 1024px) {
  .landingPage_heroDesktopSale .-heroBgFade:nth-child(2):after {
    left: 90%;
    background-position: 30% 50%;
  }
}
@media (min-width: 1300px) {
  .landingPage_heroDesktopSale .-heroBgFade:nth-child(2):after {
    background-position: center 50%;
  }
}
.landingPage_heroDesktopSale .-heroBgFade:nth-child(3) {
  animation-delay: 4s;
}
.landingPage_heroDesktopSale .-heroBgFade:nth-child(3):after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 101vw;
  height: 100%;
  background-image: url("https://cdn.shopify.com/s/files/1/0691/1846/0208/files/landingpage-carousel-chatsworth.webp");
  background-size: cover;
  background-position: 42% 50%;
  background-repeat: no-repeat;
  z-index: -1;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .landingPage_heroDesktopSale .-heroBgFade:nth-child(3):after {
    background-position: center 50%;
  }
}
@media (min-width: 1024px) {
  .landingPage_heroDesktopSale .-heroBgFade:nth-child(3):after {
    left: 90%;
    background-position: 30% 50%;
  }
}
@media (min-width: 1300px) {
  .landingPage_heroDesktopSale .-heroBgFade:nth-child(3):after {
    background-position: center 50%;
  }
}
.landingPage_heroDesktopSale .-heroBgFade:nth-child(4) {
  animation-delay: 8s;
}
.landingPage_heroDesktopSale .-heroBgFade:nth-child(4):after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 101vw;
  height: 100%;
  background-image: url("https://cdn.shopify.com/s/files/1/0691/1846/0208/files/landingpage-carousel-winchester.webp");
  background-size: cover;
  background-position: 42% 50%;
  background-repeat: no-repeat;
  z-index: -1;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .landingPage_heroDesktopSale .-heroBgFade:nth-child(4):after {
    background-position: center 50%;
  }
}
@media (min-width: 1024px) {
  .landingPage_heroDesktopSale .-heroBgFade:nth-child(4):after {
    left: 90%;
    background-position: 30% 50%;
  }
}
@media (min-width: 1300px) {
  .landingPage_heroDesktopSale .-heroBgFade:nth-child(4):after {
    background-position: center 50%;
  }
}
@media (min-width: 1024px) {
  .landingPage_heroDesktopSale:before, .landingPage_heroDesktopSale:after {
    left: 100%;
  }
}
.landingPage_heroSaleBanner {
  position: relative;
}
@media (min-width: 768px) {
  .landingPage_heroSaleBanner {
    right: 0px;
    width: 300px;
  }
}
@media (min-width: 788px) {
  .landingPage_heroSaleBanner {
    right: 0px;
  }
}
@media (min-width: 1024px) {
  .landingPage_heroSaleBanner {
    left: 0px;
    width: 220px;
  }
}
@media (min-width: 1140px) {
  .landingPage_heroSaleBanner {
    left: 0px;
    width: 260px;
  }
}
@media (min-width: 1204px) {
  .landingPage_heroSaleBanner {
    left: 0px;
    width: 305px;
  }
}
@media (min-width: 1484px) {
  .landingPage_heroSaleBanner {
    left: -10px;
  }
}
@media (min-width: 1504px) {
  .landingPage_heroSaleBanner {
    left: -15px;
  }
}
@media (min-width: 1524px) {
  .landingPage_heroSaleBanner {
    left: -25px;
  }
}
@media (min-width: 1544px) {
  .landingPage_heroSaleBanner {
    left: -35px;
  }
}
@media (min-width: 1564px) {
  .landingPage_heroSaleBanner {
    left: -45px;
  }
}
@media (min-width: 1584px) {
  .landingPage_heroSaleBanner {
    left: -60px;
  }
}
@media (min-width: 1604px) {
  .landingPage_heroSaleBanner {
    left: -70px;
  }
}
@media (min-width: 1624px) {
  .landingPage_heroSaleBanner {
    left: -80px;
  }
}
@media (min-width: 1644px) {
  .landingPage_heroSaleBanner {
    left: -90px;
  }
}
@media (min-width: 1664px) {
  .landingPage_heroSaleBanner {
    left: -100px;
  }
}
@media (min-width: 1684px) {
  .landingPage_heroSaleBanner {
    left: -110px;
  }
}
@media (min-width: 1704px) {
  .landingPage_heroSaleBanner {
    left: -120px;
  }
}
@media (min-width: 1724px) {
  .landingPage_heroSaleBanner {
    left: -130px;
  }
}
@media (min-width: 1744px) {
  .landingPage_heroSaleBanner {
    left: -140px;
  }
}
@media (min-width: 1764px) {
  .landingPage_heroSaleBanner {
    left: -150px;
  }
}
@media (min-width: 1784px) {
  .landingPage_heroSaleBanner {
    left: -160px;
  }
}
@media (min-width: 1804px) {
  .landingPage_heroSaleBanner {
    left: -170px;
  }
}
@media (min-width: 1824px) {
  .landingPage_heroSaleBanner {
    left: -180px;
  }
}
@media (min-width: 1844px) {
  .landingPage_heroSaleBanner {
    left: -190px;
  }
}
@media (min-width: 1864px) {
  .landingPage_heroSaleBanner {
    left: -200px;
  }
}
@media (min-width: 1884px) {
  .landingPage_heroSaleBanner {
    left: -210px;
  }
}
@media (min-width: 1904px) {
  .landingPage_heroSaleBanner {
    left: -220px;
  }
}
@media (min-width: 1924px) {
  .landingPage_heroSaleBanner {
    left: -230px;
  }
}
@media (min-width: 1944px) {
  .landingPage_heroSaleBanner {
    left: -240px;
  }
}
@media (min-width: 1964px) {
  .landingPage_heroSaleBanner {
    left: -250px;
  }
}
@media (min-width: 1984px) {
  .landingPage_heroSaleBanner {
    left: -260px;
  }
}
@media (min-width: 2004px) {
  .landingPage_heroSaleBanner {
    left: -270px;
  }
}
@media (min-width: 2024px) {
  .landingPage_heroSaleBanner {
    left: -280px;
  }
}
@media (min-width: 2044px) {
  .landingPage_heroSaleBanner {
    left: -290px;
  }
}
@media (min-width: 2064px) {
  .landingPage_heroSaleBanner {
    left: -300px;
  }
}
@media (min-width: 2084px) {
  .landingPage_heroSaleBanner {
    left: -310px;
  }
}
.landingPage_heroSaleBanner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
}
@media (min-width: 1024px) {
  .landingPage_heroSaleBanner:before {
    right: 50%;
    left: auto;
  }
}
.landingPage_heroSaleBanner:before {
  width: 101vh;
  height: 100%;
  background-color: #d33c3c;
  z-index: 0;
}
.landingPage_heroSaleBanner:after {
  content: "";
  background-color: #d33c3c;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  z-index: 0;
}
.landingPage_heroDesktopAlternative {
  position: relative;
  z-index: 5;
}
.landingPage_heroDesktopAlternative:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 101vw;
  height: 100%;
  background-color: #e4e7ec;
  z-index: -1;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .landingPage_heroDesktopAlternative:after {
    left: 77%;
  }
}
.landingPage_sale {
  position: relative;
}
.landingPage_sale:after {
  content: "";
  background-color: #d33c3c;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200vw;
  z-index: -1;
}
.landingPage_partners {
  position: relative;
}
.landingPage_partners:after {
  content: "";
  background-color: #2a3443;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200vw;
  z-index: -1;
}
.landingPage_desktopSwatch {
  width: 6rem;
}
@media (min-width: 840px) {
  .landingPage_desktopSwatch {
    width: 8rem;
  }
}
@media (min-width: 1000px) {
  .landingPage_desktopSwatch {
    width: 10.5rem;
  }
}
@media (min-width: 1140px) {
  .landingPage_desktopSwatch {
    width: 5rem;
  }
}
@media (min-width: 1300px) {
  .landingPage_desktopSwatch {
    width: 8rem;
  }
}
@media (min-width: 1400px) {
  .landingPage_desktopSwatch {
    width: 10rem;
  }
}

.containerLP {
  width: 100%;
  margin: 0 auto;
  max-width: 1480px;
}

.trustpilotBreakout {
  position: relative;
}
.trustpilotBreakout:before {
  content: "";
  height: 100%;
  width: 101vh;
  background-color: #f6f3ed;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100vh;
  z-index: 0;
}
.trustpilotBreakout:after {
  content: "";
  height: 100%;
  width: 101vh;
  background-color: #f6f3ed;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100vh;
  z-index: 0;
}

@media (min-width: 768px) {
  .trustpilotMini__wrapper {
    left: -20px;
  }
}
@media (min-width: 1024px) {
  .trustpilotMini__wrapper {
    left: -40px;
  }
}

body.modal-open {
  overflow: hidden;
  height: 100vh;
}

.text-b-reducedLineHeight {
  line-height: 1.2 !important;
}

.buttonPrimary, .buttonPrimary--action, .buttonPrimary--p2 {
  background-color: #008060;
  padding: 1.05rem 0rem 1rem;
  padding-inline: 0.5rem;
  border-radius: 16px;
  font-weight: 600;
  color: hsl(0, 100%, 100%);
  font-size: 1.06rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
@media (min-width: 768px) {
  .buttonPrimary, .buttonPrimary--action, .buttonPrimary--p2 {
    width: auto;
  }
}
@media (min-width: 1240px) and (max-width: 1415px) {
  .buttonPrimary, .buttonPrimary--action, .buttonPrimary--p2 {
    font-size: 1rem;
  }
}
.buttonPrimary:hover, .buttonPrimary--action:hover, .buttonPrimary--p2:hover {
  background-color: #006b50;
}
.buttonPrimary--p2 {
  background-color: #54647D;
}
.buttonPrimary--p2:hover {
  background-color: rgb(67.6019138756, 80.4784688995, 100.5980861244);
}
.buttonPrimary--action {
  background-color: #d33c3c;
}
.buttonPrimary--action:hover {
  background-color: rgb(187.820083682, 42.379916318, 42.379916318);
}

.form-v2 label {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 0.7rem;
}
.form-v2 label.gdpr {
  font-size: 11px;
  font-weight: 500;
}
.form-v2 input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.form-v2 select,
.form-v2 textarea {
  border-radius: 10px;
  padding: 0rem 1rem;
  height: 55px;
  width: 100%;
  background-color: rgba(74, 111, 166, 0.1019607843);
  border: 1px solid rgba(74, 111, 166, 0.5019607843);
}
.form-v2 input:not([type=checkbox]):not([type=radio]):not([type=submit])::-moz-placeholder, .form-v2 select::-moz-placeholder, .form-v2 textarea::-moz-placeholder {
  color: #2A3443;
  opacity: 1;
}
.form-v2 input:not([type=checkbox]):not([type=radio]):not([type=submit])::placeholder,
.form-v2 select::placeholder,
.form-v2 textarea::placeholder {
  color: #2A3443;
  opacity: 1;
}
.form-v2 input[type=submit] {
  background-color: #008060;
  border: none;
  color: hsl(0, 100%, 100%);
  cursor: pointer;
  line-height: 1;
  border-radius: 15px;
  font-size: 22px;
  font-weight: bold;
  height: 70px;
  padding: 0 1rem;
}
.form-v2 .third-party-consent-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.form-v2 .third-party-consent-wrapper label a {
  text-decoration: underline;
  color: hsl(221, 23%, 41%);
}
.form-v2 .third-party-consent-wrapper input[type=checkbox] {
  width: 25px;
  height: 25;
  margin: 0;
  flex: 0 0 auto;
  border-radius: 5px;
}

.form-row-inline {
  display: flex;
  gap: 1rem;
}
.form-row-inline .title-field {
  flex: 0 0 200px;
}
.form-row-inline .surname-field {
  flex: 1;
}
@media (max-width: 600px) {
  .form-row-inline {
    flex-direction: column;
  }
  .form-row-inline .title-field,
  .form-row-inline .surname-field {
    flex: 1;
    width: 100%;
  }
}

.landing-reviews {
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 2rem 1rem;
  padding-block: 1.5rem;
  background: #1F1E27 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 720px) {
  .landing-reviews {
    justify-content: center !important;
  }
}
@media (max-width: 1000px) {
  .landing-reviews {
    margin-inline: -3rem;
    padding-left: 3rem;
  }
}
@media (max-width: 900px) {
  .landing-reviews {
    margin-inline: -1rem;
    padding-inline: 1rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 768px) {
  .landing-reviews {
    justify-content: center;
    margin-bottom: 0;
  }
}
.landing-reviews::before {
  content: "";
  background-color: #1F1E27 !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
}
@media (max-width: 1300px) {
  .landing-reviews::before {
    right: calc((100vw - 100%) / -2 - 240px) !important;
  }
}
@media (max-width: 1000px) {
  .landing-reviews::before {
    left: 0;
    right: 0 !important;
  }
}

.landing-aside-form-masterForm-2026 {
  height: -moz-fit-content;
  height: fit-content;
  width: 40%;
  max-width: 460px;
  position: sticky;
  top: 0;
  z-index: 100;
}
@media (max-width: 1023px) {
  .landing-aside-form-masterForm-2026 {
    display: none;
  }
}
@media (min-width: 1000px) {
  .landing-aside-form-masterForm-2026 {
    margin-top: -120px;
  }
}

@media (min-width: 1024px) {
  .landing-form-aside-content-2026 {
    width: 60%;
  }
}
@media (min-width: 1300px) {
  .landing-form-aside-content-2026 {
    width: calc(100% - 460px);
  }
}

.landing-block-hero-chair-2026::before {
  content: "";
  background-color: hsl(0, 0%, 96%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
}
@media (max-width: 1300px) {
  .landing-block-hero-chair-2026::before {
    right: calc((100vw - 100%) / -2 - 240px) !important;
  }
}

/* Landing hero 2026 (merged from landing-block-hero + landing-block-hero-chair) */
.landing-block-hero-2026 {
  position: relative;
  /* full-bleed background */
}
.landing-block-hero-2026::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
  /* chair hero default background */
  background-color: hsl(0, 0%, 96%);
}
@media (max-width: 1300px) {
  .landing-block-hero-2026::before {
    right: calc((100vw - 100%) / -2 - 240px) !important;
  }
}
.landing-block-hero-2026 {
  /* icon colour (chair usp treatment) */
}
.landing-block-hero-2026 .brochure-usps i {
  color: hsl(1, 75%, 53%) !important;
}
.landing-block-hero-2026 {
  /* overlay sizing/padding (var2 overlay behaviour) */
}
.landing-block-hero-2026 .overlay {
  max-width: 1350px;
  padding-inline: 3rem;
}
@media (max-width: 600px) {
  .landing-block-hero-2026 .overlay {
    padding-inline: 1rem;
  }
}
.landing-block-hero-2026 {
  /* content alignment + responsive typography/buttons (shared logic) */
  /* var2 had larger h1 scaling for certain ranges */
}
@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 768px) {
  .landing-block-hero-2026 .overlay-content {
    align-items: center;
  }
  .landing-block-hero-2026 .overlay-content .accent-bar {
    display: block;
    height: 8px;
    margin: 2rem auto;
  }
  .landing-block-hero-2026 .overlay-content h1 {
    text-align: center;
    font-size: 4rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 600px), (max-width: 768px) and (max-width: 600px) {
  .landing-block-hero-2026 .overlay-content h1 {
    font-size: 3.4rem;
    margin-bottom: 1rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 500px), (max-width: 768px) and (max-width: 500px) {
  .landing-block-hero-2026 .overlay-content h1 {
    font-size: 3rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 400px), (max-width: 768px) and (max-width: 400px) {
  .landing-block-hero-2026 .overlay-content h1 {
    font-size: 2.65rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 600px), (max-width: 768px) and (max-width: 600px) {
  .landing-block-hero-2026 .overlay-content .brochure-usps {
    margin-bottom: 2rem;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 768px) {
  .landing-block-hero-2026 .overlay-content .brochure-usps li {
    margin-block: 23px;
    font-size: 1.8rem !important;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 600px), (max-width: 768px) and (max-width: 600px) {
  .landing-block-hero-2026 .overlay-content .brochure-usps li {
    font-size: 1.4rem !important;
    margin-block: 15px;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 450px), (max-width: 768px) and (max-width: 450px) {
  .landing-block-hero-2026 .overlay-content .brochure-usps li {
    font-size: 1.2rem !important;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 380px), (max-width: 768px) and (max-width: 380px) {
  .landing-block-hero-2026 .overlay-content .brochure-usps li {
    font-size: 1.1rem !important;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 768px) {
  .landing-block-hero-2026 .overlay-content .landing-hero-btn {
    margin: 20px auto 0;
    width: 100%;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)) and (max-width: 600px), (max-width: 768px) and (max-width: 600px) {
  .landing-block-hero-2026 .overlay-content .landing-hero-btn {
    width: 90%;
    margin-top: 0;
  }
}
@media ((min-width: 1000px) and (max-width: 1300px)), (max-width: 768px) {
  .landing-block-hero-2026 .overlay-brochure {
    width: 100% !important;
  }
}
.landing-block-hero-2026 {
  /* var2 specifically forced hero background to #e3e3e3 at those ranges */
}
.landing-block-hero-2026::before {
  background-color: #e3e3e3 !important;
}

.landing-content-chair-2026 {
  background-color: hsl(0, 0%, 86%) !important;
  display: flex;
  position: relative;
  display: flex;
  flex-direction: column;
}
.landing-content-chair-2026::before {
  content: "";
  background-color: hsl(0, 0%, 86%) !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
}
.landing-content-chair-2026 .landing-card {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .landing-content-chair-2026 .landing-card {
    grid-template-columns: 1fr 1fr;
  }
  .landing-content-chair-2026 .landing-card > .col-1 > .block-e-professor {
    width: 300px;
    right: -50px;
  }
  .landing-content-chair-2026 .landing-card > .col-1 > .block-e-text {
    left: 30px;
    top: 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1240px) {
  .landing-content-chair-2026 .landing-card {
    grid-template-columns: 1fr;
  }
  .landing-content-chair-2026 .landing-card > .col-1 {
    order: 1;
    aspect-ratio: 1/1;
  }
  .landing-content-chair-2026 .landing-card > .col-1 > .block-e-professor {
    width: 320px;
  }
  .landing-content-chair-2026 .landing-card > .col-2 {
    order: 2;
  }
}
@media (min-width: 1241px) {
  .landing-content-chair-2026 .landing-card {
    grid-template-columns: 1fr 1fr;
  }
  .landing-content-chair-2026 .landing-card > .col-1 > .block-e-text {
    right: 25px;
    top: 30px;
  }
}

.header-phone-number .gb-flag {
  display: none;
}
@media (min-width: 420px) {
  .header-phone-number .gb-flag {
    display: block;
  }
}
@media (min-width: 768px) {
  .header-phone-number .gb-flag {
    display: none;
  }
}

.hero26 {
  background-color: #e3e3e3;
}
.hero26:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
  background-color: #e3e3e3;
}
.hero26-list {
  font-size: 1.2rem;
}
@media (min-width: 420px) {
  .hero26-list {
    font-size: 1.6rem;
  }
}
.hero26-h1 {
  font-size: 2.3rem;
  line-height: 1.1;
}
@media (min-width: 420px) {
  .hero26-h1 {
    font-size: 3.2rem;
  }
}
@media (min-width: 1420px) {
  .hero26-h1 {
    font-size: 3.85rem;
  }
}

.hero26-2 {
  background-color: #f5f5f5;
}
.hero26-2:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  right: calc((100vw - 100%) / -2 - 240px);
  z-index: -1;
  background-color: #f5f5f5;
}
.hero26-2-list {
  font-size: 1.2rem;
}
@media (min-width: 420px) {
  .hero26-2-list {
    font-size: 1.6rem;
  }
}
.hero26-2-h1 {
  font-size: 2.3rem;
  line-height: 1.1;
}
@media (min-width: 420px) {
  .hero26-2-h1 {
    font-size: 3.2rem;
  }
}
@media (min-width: 1420px) {
  .hero26-2-h1 {
    font-size: 3.85rem;
  }
}

@media (min-width: 1366px) {
  .smallDesktop-hide {
    display: none;
  }
  .smallDesktop-show {
    display: block;
  }
}

.header-landing-inner-2026 .logo {
  width: 220px;
}
@media (max-width: 1100px) {
  .header-landing-inner-2026 .logo {
    width: 200px;
  }
}
@media (max-width: 700px) {
  .header-landing-inner-2026 .logo {
    width: 175px;
  }
}
.header-landing-inner-2026 .header-phone-number .phone-number {
  font-size: 2rem;
  line-height: 1;
}
@media (min-width: 1300px) {
  .header-landing-inner-2026 .header-phone-number .phone-number {
    font-size: 2.47rem;
  }
}
.header-landing-inner-2026 .phone-button {
  display: none;
}
@media (max-width: 700px) {
  .header-landing-inner-2026 {
    padding-block: 1.5rem;
  }
  .header-landing-inner-2026 .phone-text,
  .header-landing-inner-2026 .phone-number {
    display: none;
  }
  .header-landing-inner-2026 .phone-button {
    display: flex;
    padding: 0.6rem 1rem;
  }
}

.form-phone-reveal {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease;
  z-index: 20;
}

.form-phone-reveal.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.form-close-2026 {
  position: fixed;
  top: 0px;
  right: 7px;
  padding: 1rem;
  cursor: pointer;
  font-size: 33px;
  color: hsl(221, 23%, 36%);
}
@media (max-width: 700px) {
  .form-close-2026 {
    position: absolute;
  }
}

.scroll-phone-bar,
.landing-aside-master-form-actual {
  transition: all 0.3s ease;
}

.scroll-phone-bar.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.landing-aside-master-form-actual.has-scroll-phone {
  padding-bottom: 110px;
}

.master-form {
  position: fixed;
  inset: 0;
  overflow: auto;
}

.master-form__inner {
  position: relative;
  min-height: 100%;
}

.master-form__inner--angled::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 48%;
  background: #1F1E27;
  clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
  z-index: 0;
}
.master-form__inner--angled > * {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .master-form__inner--angled::before {
    display: none;
  }
}

.landing-f28 {
  overflow-x: clip;
}
.landing-f28 .hero26-h1 {
  font-size: 2.3rem;
  line-height: 1.1;
}
@media (min-width: 420px) {
  .landing-f28 .hero26-h1 {
    font-size: 3.2rem;
  }
}
@media (min-width: 1420px) {
  .landing-f28 .hero26-h1 {
    font-size: 3.5em;
  }
}
.landing-f28 .landing-aside-form-masterForm-2026 {
  height: -moz-fit-content;
  height: fit-content;
  width: 40%;
  max-width: 460px;
  position: sticky;
  top: 0;
  z-index: 100;
}
@media (max-width: 1023px) {
  .landing-f28 .landing-aside-form-masterForm-2026 {
    display: none;
  }
}
@media (min-width: 1000px) {
  .landing-f28 .landing-aside-form-masterForm-2026 {
    margin-top: -80px;
  }
}
.landing-f28 .master-form-header .text-H3 {
  font-size: 1.2rem;
}
@media (min-width: 1100px) and (max-width: 1214px) {
  .landing-f28 .master-form-header .text-H3 {
    font-size: 1.4rem;
  }
}
@media (min-width: 1215px) {
  .landing-f28 .master-form-header .text-H3 {
    font-size: 1.6rem;
  }
}

.f28.text-h2Mobile {
  font-size: 1.6rem;
}/*# sourceMappingURL=styles.css.map */