@font-face {
  font-family: Deacon Condensed;
  src: url("../fonts/DeaconCondensedTest-Bold-BF63c8afdda0cc7.otf")
    format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #000;
  --yellow: #ffb71d;
  --neon-green: #60ea11;
  --white: white;
  --transparent: #fff0;
  --neutral: #eee;
  --green: #00431e;
  --mint: #e6fecb;
}

.uc-dark_text {
  color: var(--black);
}

.uc-dark-50 {
  color: var(--black);
  opacity: 0.5;
}

body {
  color: var(--black);
  font-family: Archivo, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 0;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.c-navbar {
  z-index: 9;
  transition: transform 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0);
}

.c-section {
  width: 88.88%;
  max-width: 1742px;
  margin-left: auto;
  margin-right: auto;
}

.c-section.cc-full-width {
  width: 100%;
  max-width: 1960px;
}

.c-section.cc-full-width.cc-p-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.c-section.cc-footer {
  width: 90%;
  max-width: 1770px;
}

.c-section.cc-footer-bottom {
  width: 94%;
  max-width: 1851px;
}

.nav-container {
  border-bottom: 1px solid #ffffffbf;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.nav-container.cc-alt {
  border-bottom-color: #00000026;
}

.company-logo {
  width: 158px;
  height: 72px;
}

.company-logo.cc-footer {
  width: 100%;
  height: auto;
  position: relative;
}

.nav-button_container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.c-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--yellow);
  color: var(--black);
  letter-spacing: -0.64px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 14px 24px 12px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 1rem;
  line-height: 100%;
  transition: color 0.3s, background-color 0.3s;
  display: inline-flex;
}

.c-button:hover {
  background-color: var(--neon-green);
}

.c-button.cc-nav-button {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  color: var(--white);
  background-color: #eeeeee40;
}

.c-button.cc-nav-button:hover {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  color: var(--black);
  background-color: var(--white);
}

.c-button.cc-nav-button.cc-alt {
  color: var(--black);
  background-color: #0000001a;
}

.c-button.cc-green {
  background-color: var(--neon-green);
}

.c-button.cc-green:hover {
  background-color: var(--yellow);
}

.c-button.cc-no-padding {
  padding: 0;
}

.c-button.cc-no-padding:hover {
  background-color: var(--transparent);
}

.text-link {
  color: var(--neutral);
}

.main.cc-news {
  background-image: url("../images/news-illustration.svg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.hero-wrapper {
  z-index: 1;
  color: var(--white);
  height: clamp(750px, 100vh, 1000px);
  padding-top: 0px;
  padding-bottom: 80px;
  position: relative;
  display: flex;
  align-items: flex-end;
}

.hero-wrapper.cc-about {
  padding-top: 336.5px;
  padding-bottom: 336.5px;
}

.hero-wrapper.cc-product {
  padding-top: 306px;
  padding-bottom: 306px;
}

.hero-wrapper.cc-contact {
  padding-top: 286px;
}

.hero-wrapper.cc-news {
  color: var(--green);
  height: auto;
  padding-top: 192px;
}

.hero-wrapper.cc-news-inner {
  padding-top: 260px;
}

.hero-wrapper.cc-product-inner {
  height: clamp(750px, 100vh, 1000px);
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.hero-wrapper.cc-legal {
  height: auto;
  padding-top: 180px;
}

.hero-container {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-container.cc-inner.cc-align-bottom,
.hero-container.cc-inner.cc-contact,
.hero-container.cc-inner.cc-news,
.hero-container.cc-product,
.hero-container.cc-product.cc-align-bottom,
.hero-container.cc-product.cc-contact,
.hero-container.cc-product.cc-news {
  align-items: flex-end;
}

.hero-container.cc-product-inner {
  flex-flow: column;
  height: 100%;
}

.heading-h1 {
  letter-spacing: -4.8px;
  text-transform: uppercase;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 6rem;
  line-height: 90%;
}

.button-arrow {
  width: 24px;
  height: 24px;
}

.c-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
}

.c-img.cc-cover {
  object-fit: cover;
}

.c-img.cc-top-align {
  object-position: 50% 10%;
}

.c-img.cc-left-align {
  object-position: 0% 50%;
}

.c-img.cc-bottom-align {
  object-position: 50% 100%;
}

.hero-subtext_wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 380px;
  display: flex;
}

.hero-subtext_wrapper.cc-lg {
  max-width: 400px;
}

.hero-subtext_wrapper.cc-news {
  max-width: 505px;
}

.c-paragraph {
  font-size: 1.125rem;
  line-height: 150%;
}

.c-paragraph.cc-alt {
  line-height: 120%;
}

.c-paragraph.cc-lg {
  letter-spacing: -0.24px;
  font-size: 1.5rem;
  line-height: 140%;
}

.video-container {
  position: absolute;
  inset: 0%;
}

.video-container.cc-fixed {
  position: fixed;
}

.about-wrapper {
  z-index: 1;
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 112px;
  position: relative;
}

.about-main_top {
  color: var(--white);
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 96px;
  display: flex;
}

.about-main_top.cc-alt {
  margin-bottom: 0;
  padding-bottom: 80px;
}

.heading-h2 {
  letter-spacing: -3.6px;
  text-transform: uppercase;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 90%;
}

.about-main_heading {
  max-width: 520px;
}

.about-main_heading.cc-sm {
  max-width: 450px;
}

.about-main_subtext {
  max-width: 380px;
}

.about-main_subtext.cc-small {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 320px;
  height: 108px;
  overflow: hidden;
}

.about-main_subtext.cc-small.cc-scroller {
  height: 88px;
}

.about-main_bottom {
  color: var(--white);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.stagger-text_wrapper {
  text-transform: uppercase;
  font-family: Deacon Condensed, Arial, sans-serif;
}

.stagger-text_header {
  letter-spacing: -6px;
  font-size: 7.5rem;
  line-height: 80%;
}

.stagger-text_container {
  opacity: 0.5;
  letter-spacing: -5.2px;
  height: 104px;
  font-size: clamp(55px, 8.8vw, 6.5rem);
  line-height: 100%;
  overflow: hidden;
}

.about-scroll_container {
  justify-content: space-between;
  align-items: center;
  height: 500px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.fade-text {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.125rem;
  line-height: 120%;
}

.fade-text.cc-alt {
  line-height: 120%;
}

.product-wrapper {
  padding-top: 80px;
  padding-bottom: 180px;
  position: relative;
}

.product-container {
  z-index: 1;
  position: relative;
}

.product-container_text {
  grid-column-gap: 122px;
  grid-row-gap: 122px;
  color: var(--white);
  letter-spacing: -2.8px;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  max-width: 1533px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 3.5rem;
  line-height: 90%;
  display: flex;
}

.quote-image {
  color: var(--transparent);
  background-image: url("../images/quote-img-green.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 116px;
  margin-left: 3px;
  display: inline-block;
}

.quote-image.cc-sm {
  background-image: url("../images/quote-image-small.svg");
  width: 96px;
}

.products-slide {
  padding-top: 40px;
  overflow: hidden;
}

.products-slide.swiper {
  position: relative;
}

.products-slide_wrapper {
  display: flex;
}

.product-slide {
  background-image: url("../images/shaper.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 56%;
  min-width: 811px;
  min-height: 310px;
  padding-left: 62px;
  padding-right: 62px;
  display: flex;
}

.product-image_slide {
  flex: none;
  width: 275px;
  height: 354px;
  overflow: hidden;
  transform: translate(0, -22px);
}

.product-slide_details {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 22.5px 40px;
  display: flex;
}

.product-name {
  letter-spacing: -2.8px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 3.5rem;
  line-height: 90%;
}

.product-description {
  margin-bottom: 24px;
  font-size: 1rem;
  line-height: 140%;
}

.product-details_container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
  margin-bottom: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.product-details_icon {
  border: none;
  flex: none;
  width: 40px;
  height: 40px;
  padding: 8px;
}

.gradient-wrapper {
  background: linear-gradient(180deg, #e6fecb 0%, #ffffff 71.15%);
  display: block;
  width: 100%;
  z-index: 1;
  position: relative;
}

.product-details_text {
  font-size: 0.875rem;
  line-height: 120%;
}

.product-details {
  flex: 1;
  max-width: 94px;
}

.product-slide_button {
  z-index: 9;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  color: var(--white);
  cursor: pointer;
  background-color: #fff3;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.product-slide_button.cc-prev {
  left: 16%;
}

.product-slide_button.cc-next {
  right: 16%;
}

.clip-wrapper {
  color: var(--white);
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.heading-h3 {
  letter-spacing: -3.6px;
  text-transform: uppercase;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 90%;
}

.clip-section_header {
  max-width: 600px;
}

.clip-section_subtext {
  max-width: 380px;
  font-size: 1.125rem;
  line-height: 150%;
}

.scroller-wrapper {
  z-index: 2;
  background: transparent;
  color: var(--green);
  letter-spacing: -6.4px;
  text-transform: uppercase;
  white-space: nowrap;
  padding-top: 88px;
  padding-bottom: 88px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 8rem;
  font-weight: 700;
  line-height: 90%;
  position: relative;
}

.scroll-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  overflow: hidden;
}

.scroll-container.cc-right {
  justify-content: flex-end;
  align-items: center;
}

.tyre-illustration {
  color: var(--transparent);
  background-image: url("../images/new-tyre-illustration.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  margin-right: 40px;
  display: inline-block;
}

.product-cards_wrapper {
  z-index: 2;
  background: transparent;
  padding-top: 68px;
  padding-bottom: 68px;
  position: relative;
}

.product-cards_container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-card_top {
  color: var(--white);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 460px;
  margin-bottom: 16px;
  padding: 20px;
  display: flex;
  position: relative;
}

.product-card_image {
  position: absolute;
  inset: 0%;
}

.product-card_details {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.product-card_arrow {
  flex: none;
  width: 16px;
  height: 16px;
}

.product-card_text {
  letter-spacing: -2.4px;
  text-transform: uppercase;
  max-width: 80%;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 3rem;
  line-height: 90%;
}

.text-overlay {
  background-color: var(--yellow);
  color: var(--black);
  padding-left: 2px;
  padding-right: 5px;
  display: inline-block;
}

.product-card_description {
  font-size: 1.125rem;
  line-height: 150%;
}

.footer-cta_wrapper {
  z-index: 1;
  background-color: var(--white);
  padding-top: 120px;
  padding-bottom: 160px;
  position: relative;
}

.footer-cta_header {
  text-align: center;
  letter-spacing: -2.8px;
  text-transform: uppercase;
  margin-bottom: 26px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 3.5rem;
  line-height: 80%;
}

.footer-cta_container {
  mix-blend-mode: darken;
  position: relative;
}

.footer-cta_scroller {
  color: var(--green);
  letter-spacing: -14px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 200px;
  padding-left: 50px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 12.5rem;
  line-height: 80%;
}

.footer-cta_block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
  line-height: 150%;
  display: flex;
}

.c-footer {
  background-color: var(--green);
  padding-top: 100px;
  position: relative;
}

.footer-container {
  color: var(--white);
  padding-bottom: 110px;
}

.footer-main_block {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  letter-spacing: 0.352px;
  margin-bottom: 12px;
  font-size: 1rem;
  line-height: 120%;
  transition: color 0.3s;
  display: block;
}

.footer-link:hover {
  color: var(--yellow);
}

.footer-link.w--current {
  color: var(--neon-green);
}

.footer-link.cc-legal {
  margin-bottom: 0;
}

.footer-link.cc-legal.w--current {
  color: var(--white);
}

.footer-link.cc-legal.w--current:hover {
  color: var(--yellow);
}

.footer-links_container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer-main_text {
  letter-spacing: -0.528px;
  max-width: 390px;
  margin-bottom: 24px;
  font-size: 1.5rem;
  line-height: 120%;
}

.footer-socials_container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-social_link {
  border: 1px solid var(--neon-green);
  color: var(--neon-green);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: border-color 0.3s;
  display: flex;
}

.footer-social_link:hover {
  border-color: var(--white);
  color: var(--white);
}

.footer-social_icon {
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.footer-main_bottom {
  color: var(--white);
  letter-spacing: -0.528px;
  justify-content: flex-end;
  align-items: center;
  padding-top: 34px;
  padding-bottom: 50px;
  font-size: 1.5rem;
  line-height: 120%;
  display: flex;
}

.footer-legal_links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.circle-divider {
  background-color: var(--neon-green);
  flex: none;
  width: 6px;
  height: 6px;
}

.footer-illustration {
  background-image: url("../images/footer-illustration.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 1960px;
  height: 255px;
  margin-left: auto;
  margin-right: auto;
}

.animation-container {
  z-index: 1;
  position: relative;
}

.button-square {
  background-color: var(--black);
  width: 16px;
  height: 16px;
}

.product-container_subtext {
  font-size: 1.125rem;
  line-height: 150%;
  display: none;
}

.product-container_subtext.cc-alt {
  line-height: 120%;
}

.uc-hide-desktop {
  display: none;
}

.footer-cta_image {
  width: 100%;
  height: 410px;
  margin-bottom: 40px;
  display: none;
}

.product-image_wrapper {
  width: 100%;
  height: 100%;
  display: flex;
}

.product-image_container {
  flex: none;
  width: 100%;
  max-height: 300px;
  position: relative;
}

.slide-wrapper {
  z-index: 1;
  position: relative;
}

.uc-hide {
  display: none;
}

.image-slide_wrapper {
  position: relative;
}

.image-slide_arrow {
  cursor: pointer;
  width: 32px;
  height: 32px;
  padding: 9px;
  position: absolute;
  bottom: 40px;
}

.image-slide_arrow.cc-prev {
  left: 30px;
}

.image-slide_arrow.cc-next {
  right: 30px;
}

.about-scroll_image {
  flex: none;
  width: 394px;
  height: 400px;
  position: relative;
}

.about-scroll_video {
  flex: none;
  width: 400px;
  height: 400px;
  position: relative;
}

.stagger-text {
  transform: translate(0);
}

.scroll-progress {
  background-color: #738c8c;
  width: 4px;
  height: 100px;
  position: absolute;
  right: 0;
}

.scroll-progress_fill {
  background-color: var(--neon-green);
  width: 100%;
  height: 33.3333%;
  position: absolute;
}

.details-pointer_wrapper {
  z-index: 2;
  color: var(--white);
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.875rem;
  line-height: 120%;
  display: flex;
  position: absolute;
  transform: translate(270px, 46px);
}

.details-pointer_wrapper.cc-image {
  transform: translate(-176px, -200px);
}

.details-pointer_icon {
  z-index: 1;
  background-image: url("../images/pointer-black.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
  position: relative;
}

.details-pointer_line {
  background-color: var(--black);
  width: 42px;
  height: 1px;
  position: relative;
  left: -8px;
}

.details-pointer_line.cc-right {
  width: 102px;
  left: auto;
  right: -8px;
}

.details-pointer_text {
  display: inline;
}

.details-pointer_container {
  color: var(--white);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.875rem;
  line-height: 120%;
  display: flex;
}

.rotating-tyre_container {
  z-index: 2;
  width: 400px;
  height: 400px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 600px) rotate(180deg);
}

.overflow-hidden {
  overflow: hidden;
}

.section-overlay {
  z-index: 1;
  background-color: var(--black);
  opacity: 0.4;
  position: absolute;
  inset: 0%;
}

.section-overlay.cc-dark {
  z-index: 1;
  opacity: 0.65;
}

.product-text {
  position: relative;
}

.clip-section_container {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.nav-toggle {
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.nav-menu {
  z-index: 99;
  visibility: hidden;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  opacity: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--white);
  background-color: #ffffff40;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 50px 5.56%;
  display: flex;
  position: fixed;
  inset: 0% 0% 0 0;
}

.nav-menu.cc-active {
  opacity: 100;
  visibility: visible;
}

.nav-links_container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-link {
  letter-spacing: -3.6px;
  text-transform: uppercase;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 80%;
  transition: color 0.3s;
  display: block;
  transform: translate(0, 100%);
}

.nav-link:hover {
  color: var(--neon-green);
}

.nav-link.w--current {
  color: var(--yellow);
}

.nav-link.cc-active {
  transform: translate(0);
}

.nav-link_wrapper {
  overflow: hidden;
}

.nav-close {
  cursor: pointer;
}

.section-tag {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 80%;
  display: flex;
}

.section-tag_square {
  background-color: var(--black);
  flex: none;
  width: 13px;
  height: 13px;
}

.section-tag_square.cc-yellow-bg {
  background-color: var(--yellow);
}

.section-tag_square.cc-green-bg {
  background-color: var(--neon-green);
}

.about-scroll_section {
  padding-top: 325px;
  padding-bottom: 325px;
  position: relative;
}

.section-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0%;
}

.about-scroller_container {
  z-index: 2;
  display: flex;
}

.about-scroller_progress {
  display: flex;
}

.about-scroller_progressbar {
  background-color: #ffffff80;
  flex: none;
  width: 4px;
  height: 100px;
  margin-right: 8px;
  position: relative;
}

.about-progress_fill {
  background-color: var(--neon-green);
  width: 100%;
  height: 33.3333%;
  position: absolute;
  top: 0;
}

.about-scroller_progress-values {
  flex-flow: column;
  justify-content: space-between;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.about-scroller_progress-value {
  justify-content: flex-start;
  align-items: center;
  font-size: 0.75rem;
  line-height: 80%;
  display: flex;
}

.about-scroller_progress-line {
  background-color: var(--white);
  flex: none;
  width: 17px;
  height: 1px;
  margin-right: 10px;
}

.about-scroller_wrapper {
  z-index: 2;
  color: var(--white);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.about-scroller_text-wrapper {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  max-width: 580px;
  height: 140px;
  display: flex;
}

.about-product_wrapper {
  padding-bottom: 120px;
}

.about-product_header {
  max-width: 562px;
}

.about-product_list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-top: 80px;
  display: flex;
}

.about-product_container {
  color: var(--white);
  justify-content: space-between;
  align-items: flex-end;
  padding: 510px 40px 40px;
  position: relative;
  overflow: hidden;
}

.about-product_image {
  object-fit: cover;
  width: 100%;
  height: 651px;
  position: absolute;
  inset: 0%;
}

.about-product_flex {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.about-product_subtext {
  letter-spacing: -0.18px;
  max-width: 414px;
  font-family: Archivo, sans-serif;
  font-size: 1.125rem;
  line-height: 140%;
}

.about-product_text {
  letter-spacing: -2.8px;
  text-transform: uppercase;
  max-width: 318px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 3.5rem;
  line-height: 90%;
}

.about-faq_section {
  background-color: var(--mint);
  background-image: url("../images/faq-section-illustration.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.about-faq_wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.about-faq_container {
  max-width: 794px;
}

.about-faq_block {
  padding-top: 90px;
}

.faq-wrapper {
  border-bottom: 1px solid #00431e40;
  padding-top: 30px;
  padding-bottom: 40px;
}

.faq-toggle {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--green);
  letter-spacing: -2px;
  text-transform: uppercase;
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 90%;
  display: flex;
}

.faq-toggle_icon {
  background-color: var(--neon-green);
  background-image: url("../images/plus-green.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 5px;
  transition: all 0.3s;
}

.faq-toggle_icon.cc-active {
  background-color: var(--green);
  background-image: url("../images/minus-green.svg");
}

.faq-dropdown_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 0fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  display: grid;
}

.faq-dropdown_wrapper.cc-active {
  grid-template-rows: 1fr;
  padding-top: 20px;
}

.faq-dropdown-text {
  padding-right: 50px;
  overflow: hidden;
}

.image-shadow {
  background-image: url("../images/image-shadow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 50px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -5px);
}

.about-scroller_text {
  opacity: 0.2;
  transition: opacity 0.3s;
}

.about-product_header-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}

.bup-line_left {
  transform-origin: 0%;
  transform-style: preserve-3d;
  width: 34%;
  height: 33.8438px;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: scale3d(0, 1, 1);
}

.bup-line_right {
  transform-origin: 0%;
  transform-style: preserve-3d;
  width: 57%;
  height: 33.8438px;
  position: absolute;
  bottom: 0;
  left: 43%;
  overflow: hidden;
  transform: scale3d(0, 1, 1);
}

.product-details_wrapper {
  background-color: var(--black);
  padding-top: 80px;
}

.product-details_wrapper.cc-open {
  padding-top: 40px;
  padding-bottom: 190px;
}

.heading-h4 {
  letter-spacing: -3.2px;
  text-transform: uppercase;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 4rem;
  line-height: 80%;
}

.hero-text_wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 408px;
  display: flex;
}

.hero-text_wrapper.cc-lg {
  max-width: 645px;
}

.hero-text_wrapper.cc-news {
  max-width: 900px;
}

.product-details_scroller {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 312px;
  padding-bottom: 312px;
  display: flex;
  overflow: hidden;
}

.product-details_scroller.cc-open {
  padding-top: 136px;
  padding-bottom: 136px;
  position: relative;
}

.product-scroll_wrapper {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.product-scroll_container {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.product-scroll_text {
  color: var(--mint);
  letter-spacing: -6.4px;
  text-transform: uppercase;
  cursor: pointer;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 8.8rem;
  font-weight: 700;
  line-height: 90%;
  position: relative;
}

.product-details_card {
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  justify-content: flex-start;
  align-items: flex-end;
  width: 640px;
  height: 400px;
  padding: 40px;
  transition-property: all;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex;
  position: absolute;
  transform: scale(1.5);
}

.product-details_card.cc-active {
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}

.product-details_image {
  position: absolute;
  inset: 0%;
}

.product-details_overlay {
  background-color: #0000004d;
  position: absolute;
  inset: 0%;
}

.product-details_inner {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--white);
  flex-flow: column;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  position: relative;
}

.product-details_inner.cc-active {
  color: var(--green);
}

.product-details_name {
  letter-spacing: -1.68px;
  text-transform: uppercase;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 93%;
}

.product-details_specs {
  text-transform: uppercase;
  font-size: 1.125rem;
}

.contact-form_wrapper {
  background-image: url("../images/contact-bg-illustration.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-bottom: 116px;
}

.contact-form_container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.contact-form_header {
  color: var(--green);
  letter-spacing: -2.4px;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 3rem;
  line-height: 80%;
}

.contact-form {
  width: 48%;
  max-width: 836px;
  margin-bottom: 0;
}

.contact-form_details {
  flex: 1;
}

.contact-form_detail {
  border-bottom: 1px solid #0000001a;
  padding-top: 28px;
  padding-bottom: 28px;
}

.contact-details_header {
  color: var(--green);
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 2rem;
  line-height: 80%;
}

.contact-details_subtext {
  letter-spacing: -0.4px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
}

.contact-details_link {
  color: var(--green);
}

.form-input {
  color: var(--black);
  background-color: #eee;
  border: 1px #000;
  min-height: 68px;
  margin-bottom: 20px;
  padding: 24px;
}

.form-input::placeholder {
  color: var(--black);
  text-transform: none;
}

.form-input.cc-textarea {
  min-height: 258px;
}

.form-input.cc-leading-pad {
  background-image: url("../images/search.svg");
  background-position: 24px;
  background-repeat: no-repeat;
  background-size: auto;
  min-height: 72px;
  margin-bottom: 0;
  padding-left: 68px;
  font-size: 24px;
}

.form-inpot {
  border: 1px #000;
  margin-bottom: 20px;
  padding: 24px;
}

.product-scroller_header-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--yellow);
  text-align: center;
  text-transform: uppercase;
  flex-flow: column;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  font-size: 1.125rem;
  line-height: 140%;
  display: flex;
}

.product-scroller_header {
  color: var(--white);
  letter-spacing: -1.68px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 3.5rem;
  line-height: 90%;
}

.product-scroll_link {
  z-index: 2;
  background-color: #000000a6;
  justify-content: center;
  align-items: center;
  width: 44%;
  max-width: 640px;
  height: 400px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-link_arrow {
  background-image: url("../images/green-arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 116px;
  height: 116px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-image_showcase {
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 80px;
}

.product-showcase_header-container {
  text-align: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
  line-height: 140%;
}

.product-showcase_header-container.cc-hero {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 113px;
  margin-bottom: 0;
  padding-bottom: 92px;
  display: flex;
}

.product-showcase_header {
  color: var(--green);
  letter-spacing: -1.68px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 3.5rem;
  line-height: 90%;
}

.product-showcase_header.cc-white-text {
  color: var(--white);
}

.product-showcase_container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.product-showcase_image {
  cursor: zoom-in;
  height: 315px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.news-searc_container {
  flex: 1;
  max-width: 400px;
  margin-bottom: 0;
}

.news-articles_wrapper {
  padding-top: 80px;
  padding-bottom: 160px;
}

.news-articles_container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
}

.news-article_image {
  height: 400px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.c-tag {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--yellow);
  color: var(--black);
  letter-spacing: -1.2px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 80%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.c-tag.cc-nav-button {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  color: var(--white);
  background-color: #eeeeee40;
}

.c-tag.cc-nav-button:hover {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  color: var(--black);
  background-color: var(--white);
}

.c-tag.cc-nav-button.cc-alt {
  color: var(--black);
  background-color: #0000001a;
}

.c-tag.cc-green {
  background-color: var(--neon-green);
}

.c-tag.cc-green:hover {
  background-color: var(--yellow);
}

.c-tag.cc-no-padding {
  padding: 0;
}

.c-tag.cc-no-padding:hover {
  background-color: var(--transparent);
}

.c-tag.cc-active {
  display: flex;
}

.news-article_summary {
  letter-spacing: -0.64px;
  margin-bottom: 12px;
  font-size: 2rem;
  line-height: 100%;
}

.pagination_container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #909399;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.pagination-number {
  padding: 14px;
  font-size: 1.125rem;
  line-height: 145%;
  transition: color 0.3s;
}

.pagination-number:hover {
  color: var(--neon-green);
}

.pagination-number.cc-active {
  background-color: var(--neon-green);
  color: var(--black);
  padding-left: 20.5px;
  padding-right: 20.5px;
}

.pagination-dots {
  padding: 8px;
  font-size: 14px;
}

.news-article_wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}

.news-article_container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.share-links_container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-top: 10px;
  display: flex;
}

.share-social_link {
  border: 1px solid var(--green);
  color: var(--green);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: border-color 0.3s;
  display: flex;
}

.share-social_link:hover {
  border-color: var(--neon-green);
  color: var(--neon-green);
}

.table-of_content {
  color: gray;
  max-width: 360px;
  position: sticky;
  top: 80px;
}

.news-article_body {
  flex: 1;
}

.content-header_list {
  color: var(--black);
  margin-bottom: 0;
  padding-top: 24px;
}

.article-content_header {
  cursor: pointer;
  margin-bottom: 20px;
  font-size: 1.25rem;
  line-height: 140%;
}

.share-links_wrapper {
  position: sticky;
  top: 80px;
}

.news-title {
  letter-spacing: -3.2px;
  text-transform: uppercase;
  font-family: Deacon Condensed, Arial, sans-serif;
  font-size: 4rem;
  line-height: 80%;
}

.product-scroll_text-wrapper {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.product-scroll_text-arrow {
  background-image: url("../images/light-green-arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 44px;
  height: 45px;
  display: none;
}

.coming-soon_banner {
  display: none;
  position: absolute;
  inset: 0%;
}

.coming-soon_banner.cc-active {
  display: block;
}

.product-navigator {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.product-navigator_arrow {
  cursor: pointer;
  width: 38px;
  height: 38px;
}

.product-navigator_links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #ffffff1a;
  justify-content: flex-start;
  align-items: center;
  margin-left: 24px;
  margin-right: 24px;
  padding: 8px;
  display: flex;
}

.product-navigator_link {
  padding: 8px 12px;
  font-size: 1rem;
  display: block;
}

.product-navigator_link.cc-active {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #ffffff40;
}

.scroll-button_wrapper {
  z-index: 2;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 45px;
  right: 52px;
}

.scroll-button_arrow {
  flex: none;
  width: 38px;
  height: 38px;
}

.product-details_link {
  z-index: 10;
  visibility: hidden;
  width: 640px;
  max-width: none;
  height: 400px;
  display: block;
  position: absolute;
  top: 50%;
  overflow: hidden;
  transform: translate(0%, -50%);
}

.product-details_link.cc-soming-soon {
  pointer-events: none;
}

.legal-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.legal-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 128px;
}

.legal-body {
  flex: 1;
}

.legal-body ul {
  margin-bottom: 20px;
  padding-left: 20px;
  line-height: 1.5;
}

.legal-body p {
  margin-top: 20px;
  margin-bottom: 30px;
  line-height: 1.5;
}

.legal-body li {
  margin-bottom: 8px;
}

.legal-body.cc-alt {
  padding-top: 100px;
}

.legal-link_square {
  background-color: var(--yellow);
  flex: none;
  width: 0;
  height: 13px;
  transition: width 0.3s;
}

.legal-link_square.cc-yellow-bg {
  background-color: var(--yellow);
}

.legal-link_square.cc-green-bg {
  background-color: var(--neon-green);
}

.legal-link {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 80%;
  display: flex;
}

.legal-link.cc-active {
  font-weight: 700;
}

.legal-container_inner {
  max-width: 61%;
}

.new-footer {
  position: relative;
}

.upper-footer {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.mid-footer {
  background-color: var(--yellow);
  width: 100%;
  height: 60px;
}

.lower-footer {
  justify-content: space-between;
  align-items: center;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.lower-footer_wrapper {
  background-color: var(--green);
  background-image: url("../images/footer-cover.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 140px;
}

.upper-footer_wrapper {
  background-color: var(--white);
  overflow: hidden;
}

.footer-logo_holder {
  width: 30%;
}

.logo-strip_holder {
  width: 60%;
  margin-top: 10px;
}

.footer-navs {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-nav {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-nav.active-footer-nav {
  color: var(--neon-green);
}
.active-footer-nav {
  color: var(--neon-green);
}

.active-block {
  background-color: var(--yellow);
  width: 14px;
  height: 14px;
  display: none;
}

.footer-socials {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-social {
  width: 24px;
  height: 24px;
}
/* @media screen and (max-width: 1024px) {
  .hero-wrapper {
    padding-top: 586px;
  }
} */

@media screen and (max-width: 991px) {
  .company-logo {
    width: 140px;
    height: 60px;
  }

  /* .hero-wrapper {
    padding-top: 400px;
  } */

  .hero-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-container.cc-inner,
  .hero-container.cc-product {
    justify-content: space-between;
    align-items: center;
  }

  .hero-container.cc-product-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
  }

  .heading-h1 {
    font-size: 4.5rem;
  }

  .hero-subtext_wrapper {
    max-width: 300px;
  }

  .c-paragraph.cc-lg {
    font-size: 1.3rem;
  }

  .about-wrapper {
    padding-bottom: 40px;
  }

  .about-container {
    position: relative;
  }

  .about-main_top {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .about-main_top.cc-alt {
    padding-bottom: 40px;
  }

  .heading-h2 {
    font-size: 3.5rem;
  }

  .about-main_heading {
    max-width: 400px;
  }

  .about-main_subtext {
    max-width: 300px;
  }

  .about-main_subtext.cc-small {
    max-width: 300px;
    height: 128px;
  }

  .about-main_bottom {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .stagger-text_header {
    letter-spacing: -5px;
    font-size: 5rem;
  }

  .stagger-text_container {
    letter-spacing: -4.5px;
    height: 60.79px;
    font-size: 3.8rem;
  }

  .about-scroll_container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    position: static;
  }

  .product-container_text {
    padding-bottom: 50px;
    font-size: 3rem;
  }

  .quote-image {
    width: 100px;
  }

  .product-slide {
    width: 80%;
    min-width: 700px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .product-image_slide {
    width: 200px;
    height: 280px;
    transform: translate(0);
  }

  .product-slide_details {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-name {
    font-size: 2.8rem;
  }

  .product-description {
    margin-bottom: 15px;
  }

  .product-details_container {
    margin-bottom: 14px;
  }

  .product-details_icon {
    width: 30px;
    height: 30px;
    padding: 4px;
  }

  .product-slide_button {
    width: 48px;
    height: 48px;
    padding: 14px;
  }

  .product-slide_button.cc-prev {
    left: 2%;
  }

  .product-slide_button.cc-next {
    right: 2%;
  }

  .clip-wrapper {
    display: none;
  }

  .heading-h3 {
    font-size: 4rem;
  }

  .product-cards_container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .product-card_top {
    height: 400px;
  }

  .product-card_text {
    font-size: 2rem;
  }

  .footer-cta_wrapper {
    padding-top: 100px;
  }

  .footer-cta_scroller {
    font-size: 10rem;
  }

  .about-scroll_image {
    width: 250px;
    height: 250px;
  }

  .about-scroll_video {
    width: 200px;
    height: 200px;
  }

  .scroll-progress {
    width: 100%;
    height: 10px;
    bottom: 0;
  }

  .scroll-progress_fill {
    width: 33.3333%;
    height: 100%;
  }

  .details-pointer_wrapper.cc-scroller {
    transform: translate(100px, -180px);
  }

  .details-pointer_wrapper.cc-image {
    flex-flow: row-reverse;
    transform: translate(168px, -134px);
  }

  .details-pointer_line.cc-right {
    width: 42px;
    left: -8px;
    right: auto;
  }

  .details-pointer_text.cc-right {
    white-space: normal;
    width: 120px;
  }

  .details-pointer_text.cc-left {
    white-space: normal;
    max-width: 85px;
  }

  .details-pointer_container.cc-right {
    flex-flow: row-reverse;
  }

  .rotating-tyre_container {
    width: 300px;
    height: 300px;
  }

  .about-scroll_section {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .about-scroller_text-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    max-width: 500px;
  }

  .about-product_header {
    max-width: 400px;
  }

  .about-product_list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 60px;
  }

  .about-product_container {
    padding-top: 350px;
  }

  .about-product_image {
    height: 502px;
  }

  .about-product_subtext {
    max-width: 300px;
    font-size: 1rem;
  }

  .about-product_text {
    font-size: 3.2rem;
  }

  .about-faq_container {
    max-width: 550px;
  }

  .image-shadow {
    width: 40%;
    transform: translate(-50%, -50px);
  }

  .about-product_header-wrapper {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .bup-line_left,
  .bup-line_right {
    height: 19px;
  }

  .product-details_wrapper {
    padding-bottom: 40px;
  }

  .product-details_wrapper.cc-open {
    padding-bottom: 100px;
  }

  .heading-h4 {
    font-size: 4rem;
  }

  .hero-text_wrapper.cc-lg {
    max-width: 500px;
  }

  .hero-text_wrapper.cc-news {
    max-width: none;
  }

  .product-details_scroller {
    padding: 80px 50px;
  }

  .product-scroll_wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    align-items: stretch;
    width: 100%;
  }

  .product-scroll_wrapper.cc-alt {
    flex-flow: row;
  }

  .product-scroll_container {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .product-scroll_text {
    font-size: 5rem;
  }

  .product-details_card {
    opacity: 100;
    width: 100%;
    position: static;
    transform: none;
  }

  .product-details_inner {
    color: var(--green);
    display: none;
  }

  .product-details_inner.cc-active {
    display: block;
  }

  .contact-form_wrapper {
    padding-bottom: 80px;
  }

  .contact-form_container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .contact-details_subtext {
    font-size: 1.15rem;
  }

  .product-showcase_header-container.cc-hero {
    margin-top: 101px;
  }

  .product-showcase_image {
    height: 200px;
  }

  .news-articles_wrapper {
    padding-bottom: 100px;
  }

  .news-articles_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .news-article_image {
    height: 300px;
  }

  .c-tag {
    font-size: 1.2rem;
  }

  .news-article_summary {
    font-size: 1.7rem;
  }

  .news-article_container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .table-of_content {
    max-width: 250px;
  }

  .article-content_header {
    margin-bottom: 10px;
    font-size: 1rem;
  }

  .news-title {
    font-size: 4rem;
  }

  .product-scroll_text-wrapper {
    padding-top: 20px;
  }

  .product-scroll_text-arrow {
    display: block;
  }

  .scroll-button_wrapper {
    display: none;
  }

  .product-details_link {
    visibility: visible;
    width: 100%;
    position: relative;
    top: auto;
    transform: translate(0%);
  }

  .legal-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .legal-wrapper {
    padding-left: 0;
  }

  .footer-logo_holder {
    width: 40%;
  }

  .logo-strip_holder {
    width: 60%;
  }
}

/* @media screen and (min-width: 768px) and (max-width: 990px) {
  .hero-wrapper {
    padding-top: 640px;
  }
} */

@media screen and (max-width: 767px) {
  .c-section {
    width: 100%;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-section.cc-footer,
  .c-section.cc-footer-bottom {
    width: 100%;
    max-width: none;
  }

  .company-logo {
    width: 112px;
    height: 52px;
  }

  .hero-wrapper {
    height: auto;
    padding-top: 432px;
  }

  .hero-wrapper.cc-about {
    padding-top: 306px;
    padding-bottom: 306px;
  }

  .hero-wrapper.cc-product {
    padding-top: 234px;
    padding-bottom: 234px;
  }

  .hero-wrapper.cc-contact {
    padding-top: 400px;
    padding-bottom: 40px;
  }

  .hero-wrapper.cc-news {
    padding-top: 120px;
    padding-bottom: 40px;
  }

  .hero-wrapper.cc-news-inner,
  .hero-wrapper.cc-legal {
    padding-top: 240px;
    padding-bottom: 40px;
  }

  .hero-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .hero-container.cc-inner {
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-container.cc-inner.cc-contact {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-container.cc-inner.cc-news {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-container.cc-product {
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-container.cc-product.cc-contact {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-container.cc-product.cc-news {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
  }

  .heading-h1 {
    font-size: 4rem;
  }

  .heading-h1.cc-alt {
    font-size: 3.5rem;
  }

  .hero-subtext_wrapper {
    max-width: none;
  }

  .c-paragraph.cc-lg {
    font-size: 1.5rem;
  }

  .about-wrapper {
    padding-bottom: 36px;
  }

  .about-container {
    overflow: hidden;
  }

  .about-main_top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-bottom: 40px;
  }

  .about-main_top.cc-alt {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .about-main_subtext {
    max-width: none;
  }

  .about-main_subtext.cc-small {
    max-width: 500px;
    height: 85px;
  }

  .about-main_bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 40px;
  }

  .stagger-text_header {
    letter-spacing: -2.8px;
    font-size: 3.5rem;
  }

  .stagger-text_container {
    letter-spacing: -2.8px;
    height: 60px;
    font-size: 3.5rem;
  }

  .product-wrapper {
    padding-bottom: 40px;
  }

  .product-container_text {
    grid-column-gap: 400px;
    grid-row-gap: 400px;
    letter-spacing: -2px;
    width: auto;
    max-width: none;
    padding-bottom: 100px;
    font-size: 2.5rem;
  }

  .quote-image {
    width: 84px;
    margin-left: 2px;
  }

  .products-slide_wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .product-slide {
    background-color: var(--yellow);
    background-image: none;
    flex-flow: column;
    width: auto;
    min-width: auto;
    min-height: auto;
    padding: 40px 20px;
  }

  .product-image_slide {
    width: auto;
    height: 340px;
    margin-left: auto;
    margin-right: auto;
  }

  .product-slide_details {
    padding: 32px 0 0;
  }

  .product-description {
    margin-bottom: 16px;
    padding-right: 20px;
  }

  .product-details_container {
    margin-bottom: 16px;
  }

  .product-slide_button {
    display: none;
  }

  .heading-h3.cc-alt {
    font-size: 3.125rem;
  }

  .scroller-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .scroll-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    letter-spacing: -4.32px;
    white-space: normal;
    font-size: 4.5rem;
    line-height: 90%;
  }

  .scroll-container.cc-right {
    padding-left: 0;
    padding-right: 0;
  }

  .tyre-illustration {
    background-position: 0 100%;
    background-size: 90px;
    height: 100px;
    margin-bottom: 10px;
    margin-right: 0;
    display: block;
  }

  .product-cards_wrapper {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .product-cards_container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .product-card_top {
    height: 460px;
  }

  .product-card_arrow {
    display: none;
  }

  .product-card_text {
    letter-spacing: -3.36px;
    font-size: 3rem;
  }

  .footer-cta_wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .footer-cta_header {
    text-align: left;
    margin-bottom: 40px;
  }

  .footer-cta_scroller {
    display: none;
  }

  .footer-cta_block {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .c-footer {
    padding-top: 40px;
  }

  .footer-container {
    padding-bottom: 198px;
  }

  .footer-main_block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
  }

  .footer-link {
    font-size: 1.5rem;
  }

  .footer-link.cc-legal {
    font-size: 1rem;
  }

  .footer-main_text {
    letter-spacing: -0.44px;
    max-width: 350px;
    font-size: 1.25rem;
  }

  .footer-main_bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 1rem;
  }

  .circle-divider {
    width: 8px;
    height: 8px;
  }

  .product-container_subtext {
    letter-spacing: 0;
    text-transform: none;
    margin-top: 8px;
    font-family: Archivo, sans-serif;
    line-height: 120%;
    display: block;
  }

  .uc-hide-mobile {
    display: none;
  }

  .uc-darkgreen-text {
    color: var(--green);
  }

  .uc-hide-desktop,
  .footer-cta_image {
    display: block;
  }

  .product-image_wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .product-image_wrapper.swiper-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .product-image_container {
    height: 270px;
  }

  .image-slide_arrow {
    bottom: 50%;
    transform: translate(0, -50%);
  }

  .image-slide_arrow.cc-prev {
    left: 0;
  }

  .image-slide_arrow.cc-next {
    right: 0;
  }

  .rotating-tyre_container {
    display: none;
  }

  .nav-menu {
    padding: 40px 20px;
    bottom: 0;
    left: 0;
  }

  .about-scroll_section {
    padding-top: 270px;
    padding-bottom: 270px;
  }

  .about-scroller_container {
    display: none;
  }

  .about-scroller_text-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .about-product_wrapper {
    padding-bottom: 40px;
  }

  .about-product_list {
    padding-top: 40px;
  }

  .about-product_container {
    flex-flow: column;
    padding: 400px 20px 20px;
  }

  .about-product_image {
    height: 100%;
  }

  .about-product_flex {
    flex-flow: column;
  }

  .about-product_subtext {
    max-width: none;
    font-size: 1.125rem;
  }

  .about-product_text {
    margin-bottom: 20px;
    font-size: 3rem;
  }

  .about-faq_section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .about-faq_wrapper {
    flex-flow: column;
  }

  .about-faq_container {
    padding-top: 80px;
  }

  .faq-toggle {
    font-size: 2rem;
  }

  .faq-toggle_icon {
    margin-top: 2px;
  }

  .image-shadow {
    width: 150px;
    transform: translate(-50%, 10px);
  }

  .about-product_header-wrapper {
    padding-bottom: 0;
  }

  .bup-line_left,
  .bup-line_right {
    height: 16px;
  }

  .product-details_wrapper {
    padding-bottom: 36px;
  }

  .product-details_wrapper.cc-open {
    padding-bottom: 80px;
  }

  .product-details_scroller {
    padding: 40px 0;
  }

  .product-scroll_text {
    letter-spacing: -3px;
    font-size: 3rem;
  }

  .contact-form_container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .contact-form {
    width: auto;
  }

  .contact-details_subtext {
    font-size: 1.25rem;
  }

  .product-scroll_link.cc-inner {
    width: 100%;
    max-width: none;
    height: 350px;
  }

  .product-link_arrow {
    width: 56px;
    height: 56px;
  }

  .product-image_showcase {
    padding-top: 0;
    padding-bottom: 0;
  }

  .product-showcase_header-container {
    display: none;
  }

  .product-showcase_container {
    grid-template-columns: 1fr;
  }

  .product-showcase_image {
    height: 350px;
  }

  .news-articles_wrapper {
    padding-bottom: 80px;
  }

  .news-articles_container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .news-article_image {
    height: 400px;
  }

  .c-tag {
    font-size: 1.5rem;
  }

  .news-article_wrapper {
    padding-top: 40px;
  }

  .news-article_container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-items: stretch;
  }

  .share-links_container {
    flex-flow: row;
  }

  .table-of_content {
    border-bottom: 1px solid #eee;
    order: -1;
    max-width: none;
    padding-bottom: 20px;
    position: static;
  }

  .article-content_header {
    margin-bottom: 20px;
    font-size: 1.25rem;
  }

  .share-links_wrapper {
    order: 1;
    position: static;
  }

  .news-title {
    font-size: 3rem;
  }

  .legal-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-items: stretch;
  }

  .legal-wrapper {
    padding-top: 40px;
    padding-left: 0;
  }

  .legal-container_inner {
    max-width: none;
  }

  .lower-footer {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .footer-logo_holder,
  .logo-strip_holder {
    width: 50%;
  }
}

@media screen and (max-width: 479px) {
  .about-main_subtext.cc-small {
    max-width: 320px;
    height: 110px;
  }

  .bup-line_left,
  .bup-line_right {
    height: 10px;
  }

  .product-showcase_header-container.cc-hero {
    margin-top: 93px;
  }

  .product-navigator {
    margin-bottom: 20px;
  }

  .product-navigator_arrow {
    width: 30px;
    height: 30px;
  }

  .product-navigator_links {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .product-navigator_link {
    font-size: 0.85rem;
  }

  .lower-footer {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .lower-footer_wrapper {
    height: auto;
  }

  .footer-logo_holder {
    width: 60%;
  }

  .logo-strip_holder {
    width: 40%;
  }

  .footer-navs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-socials {
    flex-flow: column;
  }
}

#w-node-_939d6f29-b0f8-7273-4f29-3712e3f46eff-e8e6b798,
#w-node-_8c5ff35b-f49c-da5e-44ca-bad81d029856-e8e6b798,
#w-node-_43855233-c99a-8f60-a01f-edf493222327-e8e6b798 {
  grid-area: 1 / 1 / 2 / 2;
}

@font-face {
  font-family: "Deacon Condensed";
  src: url("../fonts/DeaconCondensedTest-Bold-BF63c8afdda0cc7.otf")
    format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}