body {
  font-size: clamp(1.00rem, calc(0.93rem + 0.28vw), 1.19rem);
  font-family: effra, sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.3px;
  overflow-x: hidden;
}

h1 {
  font-size: clamp(2.07rem, calc(1.78rem + 1.24vw), 2.90rem);
  line-height: 1.2;
  font-weight: 900;
}

h2 {
  font-size: clamp(1.73rem, calc(1.52rem + 0.89vw), 2.32rem);
  line-height: 1.2;
  font-weight: 700;
  text-wrap: balance;
}

h3 {
  font-size: clamp(1.44rem, calc(1.29rem + 0.62vw), 1.86rem);
  line-height: 1.2;
  font-weight: 500;
}

h4 {
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
  line-height: 1.2;
  font-weight: 500;
}

p {
  margin-top: clamp(0.56rem, calc(0.36rem + 0.85vw), 1.13rem);
  line-height: 1.65;
  text-wrap: pretty;
}
p.bold {
  font-weight: 500;
}

.bold {
  font-weight: 500;
}

.max__width {
  width: min(90%, 1440px);
  margin: 0 auto;
}

#error__page .wrapper {
  text-align: center;
  padding: clamp(8.75rem, calc(5.67rem + 13.15vw), 17.50rem) 0;
  display: grid;
  justify-items: center;
}
#error__page .wrapper h1 {
  font-size: clamp(2.49rem, calc(2.09rem + 1.71vw), 3.62rem);
}
#error__page .wrapper a {
  text-decoration: none;
}

.animation__reveal__up {
  overflow-y: clip;
}
.animation__reveal__up .animation {
  transform: translateY(120%);
  opacity: 0;
}

.animation__fade__up {
  opacity: 0;
  transform: translateY(30%);
}

h1.outline, h2.outline {
  font-weight: 700;
}
h1.outline svg.corner, h2.outline svg.corner {
  display: none;
}
@media (min-width: 950px) {
  h1.outline, h2.outline {
    position: relative;
  }
  h1.outline svg.corner, h2.outline svg.corner {
    display: block;
    position: absolute;
    width: 100%;
    max-width: 3rem;
    top: -1.7rem;
    left: -2rem;
  }
  @keyframes corner-top-animate-in {
    50% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  h1.outline svg.corner.animate path.top, h2.outline svg.corner.animate path.top {
    animation: corner-top-animate-in 0.5s ease-out forwards;
  }
  h1.outline svg.corner.animate path.side, h2.outline svg.corner.animate path.side {
    animation: corner-side-animate-in 0.5s ease-out forwards;
  }
  h1.outline svg.corner path.top, h2.outline svg.corner path.top {
    stroke-dasharray: 1000;
    stroke-dashoffset: -1000;
  }
  h1.outline svg.corner path.side, h2.outline svg.corner path.side {
    stroke-dasharray: 1000;
    stroke-dashoffset: -1000;
  }
}

.logo-pattern {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  position: absolute;
  z-index: 100;
}
.logo-pattern img {
  width: 7rem;
}
.logo-pattern.left {
  left: 2.5%;
}
.logo-pattern.right {
  right: 2.5%;
}
.logo-pattern.top {
  top: 0%;
  transform: translate(0%, -50%);
}
.logo-pattern.bottom {
  bottom: 0%;
  transform: translate(0%, 50%);
}
@media (min-width: 768px) {
  .logo-pattern img {
    width: 10rem;
  }
}
@media (min-width: 1100px) {
  .logo-pattern.swap.left {
    right: 1.5%;
  }
  .logo-pattern.swap.right {
    left: 1.5%;
  }
  .logo-pattern.left {
    left: 1.5%;
  }
  .logo-pattern.right {
    right: 1.5%;
  }
  .logo-pattern img {
    width: 13rem;
  }
}

.btn {
  margin-top: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
  background: #C6122A;
  cursor: pointer;
  border: 0;
  display: flex;
  align-items: center;
  transition: background 0.1s;
  padding: 1.1em 1.2em;
  gap: 2rem;
  border-radius: 0.1rem;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  width: fit-content;
}
.btn.secondary {
  background: transparent;
  border: 1px solid #C6122A;
}
.btn.white {
  background: #fff;
  color: #000;
}
.btn:hover {
  scale: 0.97;
}

.swipe {
  --font-size: clamp(1.00rem, calc(0.93rem + 0.28vw), 1.19rem);
  --font-shadow: var(--font-size);
  line-height: var(--font-size);
  display: block;
  outline: none;
  text-decoration: none;
  font-size: var(--font-size);
  transition: all 0.3s ease;
}
.swipe.white div {
  text-shadow: 0 var(--font-shadow) 0 #000;
}
.swipe div {
  display: flex;
  overflow: hidden;
  text-shadow: 0 var(--font-shadow) 0 #fff;
}
.swipe div span {
  display: block;
  backface-visibility: hidden;
  font-style: normal;
  transition: transform 0.3s ease;
  transform: translateY(var(--m)) translateZ(0);
}
@media (min-width: 768px) {
  .swipe:hover span {
    --m: calc(var(--font-size) * -1);
  }
}

footer#footer {
  background: #1F1F1F;
}
footer#footer .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem) 0;
  display: grid;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
footer#footer .wrapper .logos img.designs {
  max-width: 6rem;
}
footer#footer .wrapper .logos .flex {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  align-items: center;
}
footer#footer .wrapper .logos .flex img {
  max-width: 7rem;
}
footer#footer .wrapper .logos .flex img:first-of-type {
  max-width: 2.5rem;
}
footer#footer .wrapper .logos .flex img:nth-of-type(2) {
  max-width: 7rem;
}
footer#footer .wrapper .logos .flex img:last-of-type {
  max-width: 6rem;
}
footer#footer .wrapper .get__in__touch {
  color: #fff;
  margin-top: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
footer#footer .wrapper .get__in__touch h3 {
  color: #FFD433;
}
footer#footer .wrapper .get__in__touch a {
  text-decoration: none;
}
footer#footer .wrapper .get__in__touch a:hover {
  text-decoration: underline;
}
footer#footer .wrapper .get__in__touch ul {
  padding: 0;
  margin: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 0 0 0;
  display: grid;
  gap: 1rem;
}
footer#footer .wrapper .get__in__touch ul ul {
  margin: 0;
  gap: 0.3rem;
}
footer#footer .wrapper .get__in__touch img.since-93 {
  margin-top: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
  width: 100%;
  max-width: 10rem;
}
footer#footer .secondary__links {
  padding: 0 0 clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem) 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
footer#footer .secondary__links .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem 1.3rem;
}
footer#footer .secondary__links .flex a, footer#footer .secondary__links .flex span {
  color: #7D7D7D;
  font-size: clamp(0.83rem, calc(0.79rem + 0.18vw), 0.95rem);
}
footer#footer .secondary__links .flex a {
  text-decoration: none;
}
footer#footer .secondary__links .flex a:hover {
  text-decoration: underline;
}
footer#footer .secondary__links .flex a.yellow {
  color: #FFD433;
}
footer#footer .secondary__links .social__media {
  display: flex;
  gap: 1rem;
  align-items: center;
}
footer#footer .secondary__links .social__media a:hover svg rect {
  fill: #C6122A;
}
footer#footer .secondary__links .social__media a:hover svg path {
  fill: #fff;
}
footer#footer .secondary__links .social__media a svg {
  width: 1.7rem;
}
footer#footer .secondary__links .social__media a svg rect {
  transition: 0.1s;
  width: 100%;
  height: 100%;
}
footer#footer .secondary__links .social__media a svg path {
  transition: 0.1s;
}

@media (min-width: 900px) {
  footer#footer .wrapper {
    grid-template-columns: 1fr 1.5fr;
    padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  }
  footer#footer .wrapper .logos {
    order: -1;
  }
  footer#footer .wrapper .logos img.designs {
    max-width: 7.5rem;
  }
  footer#footer .wrapper .logos .flex img:first-of-type {
    max-width: 3.5rem;
  }
  footer#footer .wrapper .logos .flex img:nth-of-type(2) {
    max-width: 10rem;
  }
  footer#footer .wrapper .logos .flex img:last-of-type {
    max-width: 7.5rem;
  }
  footer#footer .wrapper .get__in__touch {
    justify-self: end;
    margin-top: 0;
  }
  footer#footer .secondary__links .social__media {
    margin-top: 0;
  }
}
header#header {
  background: transparent;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  transition: background 0.2s;
}
header#header.transition {
  opacity: 0;
  transform: translateY(-40%);
}
header#header.background {
  background: #1F1F1F;
}
header#header.background .wrapper {
  padding: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 0;
}
header#header.background .wrapper a.logo svg path, header#header.background .wrapper a.logo svg rect {
  fill: #C6122A;
}
header#header.black .wrapper a.logo svg path, header#header.black .wrapper a.logo svg rect {
  fill: #C6122A;
}
header#header.black .wrapper .desktop__links ul li a.swipe div {
  text-shadow: 0 var(--font-shadow) 0 #000;
}
header#header.black .wrapper .desktop__links ul li a.swipe span {
  color: #000;
}
header#header.black .wrapper .desktop__links ul li a.swipe.btn {
  border: 1px solid #000;
}
header#header.black .wrapper .desktop__links #open__menu:hover {
  background: rgba(0, 0, 0, 0.1);
}
header#header.black .wrapper .desktop__links #open__menu span {
  background: #000;
}
header#header.red .wrapper a.logo svg path, header#header.red .wrapper a.logo svg rect {
  fill: #C6122A;
}
header#header .wrapper {
  padding: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem) 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
header#header .wrapper a.logo svg {
  width: 6rem;
}
header#header .wrapper .desktop__links {
  display: flex;
  gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
  align-items: center;
}
header#header .wrapper .desktop__links ul {
  display: none;
  padding: 0;
  margin: 0;
  align-items: center;
  gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
}
header#header .wrapper .desktop__links ul li.active__dot a {
  position: relative;
}
header#header .wrapper .desktop__links ul li.active__dot a::after {
  content: "";
  position: absolute;
  bottom: -0.8em;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #000;
}
header#header .wrapper .desktop__links ul li.active__dot.white a::after {
  background: #fff;
}
header#header .wrapper .desktop__links ul li a {
  text-decoration: none;
}
header#header .wrapper .desktop__links ul li a span {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
header#header .wrapper .desktop__links ul li a.btn {
  background: transparent;
  border: 1px solid #fff;
  margin: 0;
  padding: 0.8rem 1rem;
}
header#header .wrapper .desktop__links ul li a.btn span {
  font-weight: 400;
  margin-top: 1px;
}
header#header .wrapper .desktop__links #open__menu {
  display: grid;
  gap: 10px;
  cursor: pointer;
  transition: 0.05s;
}
header#header .wrapper .desktop__links #open__menu:hover {
  background: rgba(255, 255, 255, 0.1);
}
header#header .wrapper .desktop__links #open__menu span {
  background: #fff;
  width: 35px;
  height: 3px;
  display: block;
}

@media (min-width: 700px) {
  header#header.black .wrapper .desktop__links #open__menu {
    border: 1px solid #000;
  }
  header#header.signage__listing .wrapper a.logo svg path, header#header.signage__listing .wrapper a.logo svg rect {
    fill: #C6122A;
  }
  header#header.signage__listing .wrapper .desktop__links ul li a.swipe div {
    text-shadow: 0 var(--font-shadow) 0 #000;
  }
  header#header.signage__listing .wrapper .desktop__links ul li a.swipe span {
    color: #000;
  }
  header#header.signage__listing .wrapper .desktop__links ul li a.swipe.btn {
    border: 1px solid #000;
  }
  header#header.signage__listing .wrapper .desktop__links #open__menu {
    border: 1px solid #000;
  }
  header#header.signage__listing .wrapper .desktop__links #open__menu span {
    background: #000;
  }
  header#header .wrapper a.logo svg {
    width: 7.5rem;
  }
  header#header .wrapper .desktop__links ul {
    display: flex;
  }
  header#header .wrapper .desktop__links #open__menu {
    gap: 8px;
    padding: 0.8rem;
    border-radius: 0.1rem;
    border: 1px solid #fff;
  }
  header#header .wrapper .desktop__links #open__menu span {
    width: 28px;
    height: 2px;
  }
}
#menu {
  display: none;
  background: #1F1F1F;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  pointer-events: none;
  overflow-y: auto;
}
#menu .width__wrapper {
  width: min(85%, 100%);
  margin-inline: auto;
  display: flex;
  height: 100%;
  justify-content: space-between;
  flex-direction: column;
  padding: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem) 0;
  gap: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem);
}
#menu .width__wrapper #close__menu {
  display: grid;
  width: 100%;
  justify-items: flex-end;
}
#menu .width__wrapper #close__menu svg {
  width: 3.7rem;
  cursor: pointer;
  transform: translate(15vw, 0);
}
#menu .width__wrapper #close__menu svg circle {
  transition: 0.05s;
}
#menu .width__wrapper #close__menu svg:hover circle {
  opacity: 0.2;
}
#menu .width__wrapper .menu__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
#menu .width__wrapper .menu__wrapper h2 {
  font-size: clamp(1.00rem, calc(0.93rem + 0.28vw), 1.19rem);
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
  transform: translate(15vw, 0);
}
#menu .width__wrapper .menu__wrapper .main__menu ul {
  padding: 0;
  margin: 0;
  display: grid;
  gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
}
#menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link {
  transform: translate(15vw, 0);
}
#menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.active a.swipe, #menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.active div.swipe {
  color: #C6122A;
}
#menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.active a.swipe div, #menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.active div.swipe div {
  text-shadow: 0 var(--font-shadow) 0 #C6122A;
}
#menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.active a.swipe div span, #menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.active div.swipe div span {
  color: #C6122A;
}
#menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.current a.swipe, #menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.current div.swipe {
  color: #FFD433;
}
#menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.current a.swipe div, #menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.current div.swipe div {
  text-shadow: 0 var(--font-shadow) 0 #FFD433;
}
#menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.current a.swipe div span, #menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link.current div.swipe div span {
  color: #FFD433;
}
#menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link a.swipe, #menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link div.swipe {
  cursor: pointer;
  color: #fff;
  --font-size: clamp(1.44rem, calc(1.29rem + 0.62vw), 1.86rem);
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1500px) {
  #menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link a.swipe, #menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link div.swipe {
    --font-size: clamp(1.73rem, calc(1.52rem + 0.89vw), 2.32rem);
  }
}
#menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link a.swipe span, #menu .width__wrapper .menu__wrapper .main__menu ul li.menu__link div.swipe span {
  padding-left: 0;
}
#menu .width__wrapper .menu__wrapper .sub__menu ul {
  padding: 0;
  margin: 0;
  gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
  display: none;
}
#menu .width__wrapper .menu__wrapper .sub__menu ul h2 {
  margin-bottom: 0;
}
#menu .width__wrapper .menu__wrapper .sub__menu ul.active {
  display: grid;
}
#menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link {
  transform: translate(15vw, 0);
}
#menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link.active a.swipe div, #menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link.active div.swipe div {
  text-shadow: 0 var(--font-shadow) 0 #C6122A;
}
#menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link.active a.swipe div span, #menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link.active div.swipe div span {
  color: #C6122A;
}
#menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link.current a.swipe div, #menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link.current div.swipe div {
  text-shadow: 0 var(--font-shadow) 0 #FFD433;
}
#menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link.current a.swipe div span, #menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link.current div.swipe div span {
  color: #FFD433;
}
#menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link a.swipe, #menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link div.swipe {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  --font-size: clamp(1.00rem, calc(0.93rem + 0.28vw), 1.19rem);
  text-transform: uppercase;
  font-weight: 500;
}
@media (min-width: 1500px) {
  #menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link a.swipe, #menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link div.swipe {
    --font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
  }
}
#menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link a.swipe span, #menu .width__wrapper .menu__wrapper .sub__menu ul li.menu__link div.swipe span {
  padding-left: 0;
  white-space: nowrap;
}
#menu .width__wrapper .contact__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  transform: translate(15vw, 0);
}
#menu .width__wrapper .contact__buttons a.btn {
  margin: 0;
}
#menu .width__wrapper .contact__buttons a.btn.secondary {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 768px) {
  #menu {
    width: 70%;
  }
  #menu .width__wrapper {
    width: min(75%, 100%);
  }
  #menu .width__wrapper .menu__wrapper .sub__menu ul {
    gap: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem);
  }
}
@media (min-width: 1100px) {
  #menu {
    width: 55%;
  }
}
@media (min-width: 1500px) {
  #menu {
    width: 40%;
  }
}
#main-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 149;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8));
  opacity: 0;
  pointer-events: none;
}

:root {
  --c-text: #5A5A64;
  --c-text-light: #A1A1B6;
  --c-text-selection: rgb(198, 18, 42);
  --c-background: #fff;
  --c-background-selection: rgba(198, 18, 42, 0.15);
  --c-border: #E2E2ED;
  --c-border-hover: #bebeca;
  --c-border-active: #FFD433;
  --c-shadow: rgba(41, 41, 86, 0.06);
  --c-shadow-active: rgba(198, 18, 42, 0.15);
}

main#login-page {
  margin: clamp(8.75rem, calc(5.67rem + 13.15vw), 17.50rem) 0;
}
main#login-page h1 {
  font-weight: 700;
  margin-bottom: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
main#login-page section.login-form .container {
  width: min(90%, 600px);
  margin-inline: auto;
}
main#login-page section.login-form .container form {
  display: grid;
  gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
}
main#login-page section.login-form .container form a:hover {
  color: #C6122A;
}
main#login-page section.login-form .container form .form-group {
  position: relative;
  border-radius: 5px;
  background: var(--c-background);
  box-shadow: inset 0 0 0 1px var(--border, var(--c-border)), 0px 1px 3px var(--shadow, var(--c-shadow));
  transition: box-shadow 0.25s;
}
main#login-page section.login-form .container form .form-group:hover {
  --border: #bebeca;
}
main#login-page section.login-form .container form .form-group:focus-within {
  --border: var(--c-border-active);
  --shadow: var(--c-shadow-active);
}
main#login-page section.login-form .container form .form-group input {
  -webkit-appearance: none;
  outline: none;
  background: none;
  border: none;
  margin: 0;
  width: 100%;
  display: block;
  font-family: inherit;
  line-height: 21px;
  padding: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 41px clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 16px;
  opacity: var(--o, var(--default-o, 1));
  transition: filter 0.35s, transform 0.4s, opacity 0.25s;
}
main#login-page section.login-form .container form .form-group input::placeholder {
  color: #A1A1B6;
  transition: color 0.25s;
}
main#login-page section.login-form .container form .form-group input::selection {
  color: #C6122A;
  background: rgba(0, 0, 0, 0.15);
}
main#login-page section.login-form .container form .form-group input:focus::placeholder, main#login-page section.login-form .container form .form-group input:hover::placeholder {
  color: #5A5A64;
}
main#login-page section.login-form .container form .checkbox label {
  display: flex;
  width: 100%;
  gap: 0.5rem;
}
main#login-page section.login-form .container form .checkbox input {
  accent-color: #C6122A;
}
main#login-page section.login-form .container form .checkbox label, main#login-page section.login-form .container form .checkbox input {
  cursor: pointer;
  margin: 0;
}
main#login-page section.login-form .container form .flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: center;
}
main#login-page section.login-form .container form .flex button {
  margin: 0;
  width: 100%;
}
main#login-page section.login-form .container form .flex button div {
  text-align: center;
  justify-content: center;
}
main#login-page section.login-form .container form .flex a {
  text-decoration: none;
}

.text__over__image.reverse .wrapper .text {
  margin-left: auto;
}
.text__over__image .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
.text__over__image .wrapper .text {
  color: #fff;
  display: grid;
  justify-items: start;
}

@media (min-width: 900px) {
  .text__over__image .wrapper .text {
    max-width: 600px;
  }
}
.text__and__image {
  overflow: hidden;
}
.text__and__image .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  display: grid;
  align-items: center;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
.text__and__image .wrapper .text {
  width: min(90%, 1440px);
  margin: 0 auto;
}

@media (min-width: 900px) {
  .text__and__image .wrapper {
    grid-template-columns: repeat(2, 1fr);
    margin-left: max(5%, (100% - 1440px) / 2);
    gap: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
  }
  .text__and__image .wrapper .text {
    width: auto;
    margin: 0;
  }
  .text__and__image .wrapper .text p {
    max-width: 650px;
  }
}
.side__by__side {
  background: #1F1F1F;
}
.side__by__side .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  display: grid;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
.side__by__side .wrapper .text {
  color: #fff;
}
.side__by__side .wrapper .text p {
  max-width: 55ch;
}

@media (min-width: 900px) {
  .side__by__side.reverse .wrapper {
    grid-template-columns: 1fr 1.2fr;
  }
  .side__by__side.reverse .wrapper .text {
    order: -1;
  }
  .side__by__side .wrapper {
    grid-template-columns: 1.2fr 1fr;
    align-items: center;
    gap: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem);
  }
  .side__by__side .wrapper .text {
    display: grid;
    justify-items: flex-start;
  }
}
.video__header {
  min-height: 80vh;
  display: grid;
  align-content: center;
  position: relative;
  padding-block: 5rem;
}
.video__header .content {
  position: relative;
  z-index: 3;
  color: #fff;
}
.video__header .content h1 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: clamp(2.49rem, calc(2.09rem + 1.71vw), 3.62rem);
  line-height: 1.05;
  margin-top: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
  opacity: 0;
}
.video__header .content h1 .word {
  overflow: hidden;
}
.video__header .content h1 .word .char {
  opacity: 0;
  transform: translateY(120%);
}
.video__header .content h1 span {
  color: #FFD433;
}
.video__header .content .hidden {
  overflow: hidden;
}
.video__header .content .hidden p {
  margin: 0.2rem 0 0 0;
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
  font-weight: 400;
  opacity: 0;
  transform: translateY(120%);
  max-width: 60ch;
  line-height: 1.4;
}
.video__header .scroll__to__explore {
  position: relative;
  z-index: 3;
  opacity: 0;
  transform: translateY(50%);
  color: #fff;
  margin-top: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
  display: flex;
  align-items: center;
  gap: 1rem;
}
.video__header .scroll__to__explore .scroll__icon {
  width: 2rem;
  height: 4rem;
  border-radius: 10rem;
  border: 2px solid #fff;
  position: relative;
}
.video__header .scroll__to__explore .scroll__icon span {
  position: absolute;
  left: 50%;
  top: 1rem;
  transform: translate(-50%, -50%);
  height: 0.9rem;
  background: #fff;
  width: 2px;
  border-radius: 10rem;
  display: block;
}
.video__header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  background: rgba(0, 0, 0, 0.4);
}
.video__header video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .video__header {
    height: 95vh;
  }
}
@media (min-width: 1400px) {
  .video__header .content h1 {
    font-size: clamp(4.04rem, calc(1.99rem + 2.53vw), 5.15rem);
  }
}
.video__header.clipped .overlay,
.video__header.clipped video {
  clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
}

.process {
  background: #FFD433;
  overflow: hidden;
}
.process .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 0;
}
.process .wrapper h2 {
  margin-bottom: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
.process .wrapper .steps {
  display: grid;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
.process .wrapper .steps .step .flex {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 4fr;
  gap: 1rem;
}
.process .wrapper .steps .step .flex svg {
  width: 100%;
}
.process .wrapper .steps .step .flex img {
  width: 100%;
  margin-top: 1rem;
}
.process .wrapper .steps .step .flex h3 {
  display: none;
}
.process .wrapper .steps .step .text h3 {
  font-weight: 400;
}
.process .wrapper .steps .step .text p {
  max-width: 55ch;
}

@media (min-width: 900px) {
  .process {
    height: 100vh;
    height: 100dvh;
    display: grid;
    place-content: center;
    background: #FFD433 url("/images/icons/red-bg.svg") no-repeat right top/35%;
  }
  .process .wrapper {
    padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  }
  .process .wrapper h2 {
    margin-bottom: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
  }
  .process .wrapper .grid {
    display: grid;
    grid-template-columns: 1fr 1.7fr;
    align-items: start;
  }
  .process .wrapper .grid .steps {
    overflow-y: clip;
  }
  .process .wrapper .grid .steps .step {
    grid-column: 1/1;
    grid-row: 1/1;
  }
  .process .wrapper .grid .steps .step:not(:first-of-type) {
    transform: translateY(115%);
  }
  .process .wrapper .grid .steps .step .flex svg {
    width: 7rem;
  }
  .process .wrapper .grid .steps .step .flex img {
    display: none;
  }
  .process .wrapper .grid .steps .step .flex h3 {
    display: block;
    font-size: clamp(2.49rem, calc(2.09rem + 1.71vw), 3.62rem);
    text-transform: uppercase;
    font-weight: 900;
    color: #1F1F1F;
    line-height: 1.1;
  }
  .process .wrapper .grid .steps .step .text h3 {
    margin-top: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem);
    font-size: clamp(1.73rem, calc(1.52rem + 0.89vw), 2.32rem);
    font-weight: 500;
    display: none;
  }
  .process .wrapper .progress__bar {
    margin-top: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
    width: 100%;
    display: grid;
    position: relative;
  }
}
@media (min-width: 900px) and (min-width: 1700px) {
  .process .wrapper .progress__bar {
    margin-top: 0;
  }
}
@media (min-width: 900px) {
  .process .wrapper .progress__bar span {
    grid-column: 1/1;
    grid-area: 1/1;
    display: block;
    border-radius: 2rem;
    height: 6px;
  }
  .process .wrapper .progress__bar span.background {
    background: #ffe378;
    width: 100%;
  }
  .process .wrapper .progress__bar span.progress {
    background: #C6122A;
    width: 0%;
  }
  .process .wrapper .progress__bar span.marker {
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
    top: 50%;
  }
  .process .wrapper .progress__bar span.marker.first {
    left: 33.3%;
  }
  .process .wrapper .progress__bar span.marker.second {
    left: 66.6%;
  }
}
.contact__form {
  background: #1F1F1F;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.contact__form .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  display: grid;
}
.contact__form .wrapper .title h2 {
  color: #fff;
  margin-bottom: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
.contact__form .wrapper .form h3 {
  display: none;
}
.contact__form .wrapper .form #errors {
  color: #fff;
}
.contact__form .wrapper .form #errors ul li {
  color: #C6122A;
  line-height: 1.6;
  list-style: disc;
  font-weight: 400;
}
.contact__form .wrapper .form form {
  display: grid;
  gap: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem);
}
.contact__form .wrapper .form form .fieldblock input, .contact__form .wrapper .form form .fieldblock textarea {
  width: 100%;
  padding: 1.5rem;
  background: #dcdcdc;
  border: 2px solid transparent;
}
.contact__form .wrapper .form form .fieldblock input::placeholder, .contact__form .wrapper .form form .fieldblock textarea::placeholder {
  color: #888;
}
.contact__form .wrapper .form form .fieldblock input:focus, .contact__form .wrapper .form form .fieldblock textarea:focus {
  outline: 0;
  border-color: #FFD433;
}
.contact__form .wrapper .form form .fieldblock textarea {
  resize: none;
}
.contact__form .wrapper .form form .fieldblock.error input, .contact__form .wrapper .form form .fieldblock.error textarea {
  border-color: #C6122A;
  background: #ddc1c1;
}
.contact__form .wrapper .form form .fieldblock.error input::placeholder, .contact__form .wrapper .form form .fieldblock.error textarea::placeholder {
  color: #666;
}
.contact__form .wrapper .form form button {
  margin: 0;
  justify-content: center;
  width: 100%;
  padding: 1.1rem;
}
.contact__form .wrapper .form form button div {
  justify-content: center;
}
.contact__form .wrapper .form form button.disabled {
  cursor: not-allowed;
  background: #ccc;
  color: #666;
}
.contact__form .wrapper .form form button.disabled:hover {
  background: #ccc;
  scale: 1;
}
.contact__form .wrapper .form form button.disabled:hover span {
  --m: 1;
}

@media (min-width: 600px) {
  .contact__form .wrapper .form form {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact__form .wrapper .form form button, .contact__form .wrapper .form form .text__area, .contact__form .wrapper .form form #message {
    grid-column: 1/3;
  }
}
@media (min-width: 950px) {
  .contact__form {
    background: #1F1F1F url("/images/icons/yellow-bg.svg") no-repeat left 75%/35%;
  }
  .contact__form .wrapper {
    grid-template-columns: 1fr 1.3fr;
  }
  .contact__form .wrapper .form h3 {
    display: block;
    color: #fff;
    font-weight: 400;
    margin: 0.5rem 0 clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 0;
  }
}
@media (max-width: 599px) {
  .contact__form .wrapper .form form .fieldblock,
.contact__form .wrapper .form form button {
    grid-column: 1/3;
  }
}
.expert__overlap {
  margin-top: -2px;
  padding-top: 17rem;
}
.expert__overlap .text .text__wrapper {
  padding: 0 0 clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 0;
  width: min(90%, 1400px);
  margin: 0 auto;
  color: #fff;
}
.expert__overlap .text .text__wrapper p {
  max-width: 55ch;
}
@media (min-width: 1200px) {
  .expert__overlap .text {
    width: min(85%, 1440px);
    margin: 0 auto;
  }
  .expert__overlap .text .text__wrapper {
    width: auto;
    padding: 3rem 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 3rem;
    max-width: 55ch;
    margin: initial;
    margin-left: auto;
  }
}

.side__by__side.mockup__animation .wrapper {
  padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
}
.side__by__side.mockup__animation .wrapper .image {
  display: grid;
}
.side__by__side.mockup__animation .wrapper .image img {
  grid-column: 1/1;
  grid-area: 1/1;
}
.side__by__side.mockup__animation .wrapper .image img.front {
  z-index: 2;
  width: 60%;
}
.side__by__side.mockup__animation .wrapper .image img.back {
  z-index: 1;
  width: 50%;
  transform: translate(100%, 9%);
}
.side__by__side.mockup__animation .wrapper .text p {
  max-width: 55ch;
}

@media (min-width: 768px) {
  .side__by__side.mockup__animation .wrapper .image img.front {
    transform: translateX(-10%);
  }
  .side__by__side.mockup__animation .wrapper .image img.back {
    z-index: 1;
    width: 50%;
    transform: translate(115%, 9%);
  }
}
.slider__listing .wrapper .slider__wrapper {
  display: grid;
  height: 100vh;
  height: 100svh;
}
.slider__listing .wrapper .slider__wrapper .item {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  text-decoration: none;
  position: relative;
}
.slider__listing .wrapper .slider__wrapper .item:last-of-type {
  border-bottom: 0;
}
.slider__listing .wrapper .slider__wrapper .item .text {
  width: min(90%, 850px);
  margin: 0 auto;
  display: grid;
  justify-items: flex-start;
}
.slider__listing .wrapper .slider__wrapper .item .text h2 {
  text-transform: uppercase;
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
  font-weight: 900;
  line-height: 1.05;
}
.slider__listing .wrapper .slider__wrapper .item .text h2.outline svg {
  max-width: 3.7rem;
  top: -2rem;
  left: -2.4rem;
}
.slider__listing .wrapper .slider__wrapper .item .text h2.outline svg path {
  stroke-width: 10;
}
.slider__listing .wrapper .slider__wrapper .item .text .hover {
  display: none;
}
.slider__listing .wrapper .slider__wrapper .item .mobile-enter {
  background-color: rgba(255, 255, 255, 0.3);
  margin-top: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
  font-size: clamp(0.83rem, calc(0.79rem + 0.18vw), 0.95rem);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  font-weight: 700;
  border-radius: 0.1rem;
  padding: 0.8rem 1.1rem;
  font-weight: 400;
  transition: 0.5s cubic-bezier(0.45, 0.02, 0.09, 0.98);
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

@media (min-width: 850px) {
  .slider__listing .wrapper .slider__wrapper {
    display: flex;
  }
  .slider__listing .wrapper .slider__wrapper .item {
    flex: 1;
    position: relative;
    border-bottom: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.7);
  }
  .slider__listing .wrapper .slider__wrapper .item:last-of-type {
    border-right: 0;
  }
  .slider__listing .wrapper .slider__wrapper .item .text {
    width: auto;
    margin: auto;
    white-space: nowrap;
    transition-delay: 0.1s;
    scale: 0.5;
    position: absolute;
    top: 35%;
    left: 40%;
    transform: translate(-50%, -50%);
    transform-origin: left;
  }
  .slider__listing .wrapper .slider__wrapper .item .text h2 {
    font-size: clamp(2.49rem, calc(2.09rem + 1.71vw), 3.62rem);
    white-space: pre;
  }
}
@media (min-width: 850px) and (hover: hover) {
  .slider__listing .wrapper .slider__wrapper .item {
    filter: grayscale(1);
    transition: 0.7s cubic-bezier(0.45, 0.02, 0.09, 0.98);
    opacity: 0.7;
  }
  .slider__listing .wrapper .slider__wrapper .item .text {
    opacity: 0.4;
    top: 30%;
    left: 50%;
    transition: 0.7s cubic-bezier(0.45, 0.02, 0.09, 0.98);
  }
  .slider__listing .wrapper .slider__wrapper .item .text .hover {
    margin-top: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
    display: flex;
    align-items: center;
    gap: 1.5rem;
    border: 1px solid #000;
    color: #000;
    border-radius: 0.1rem;
    padding: 1.2rem 1.5rem;
    font-weight: 400;
    transition: 0.5s cubic-bezier(0.45, 0.02, 0.09, 0.98);
  }
  .slider__listing .wrapper .slider__wrapper .item .text .hover img {
    width: 1.5rem;
  }
  .slider__listing .wrapper .slider__wrapper .item .mobile-enter {
    display: none;
  }
  .slider__listing .wrapper .slider__wrapper .item:hover {
    flex: 2;
    opacity: 1;
    filter: none;
  }
  .slider__listing .wrapper .slider__wrapper .item:hover .text {
    opacity: 1;
    scale: 0.9;
    top: 40%;
    left: 40%;
  }
  .slider__listing .wrapper .slider__wrapper .item:hover .text .hover {
    opacity: 0;
  }
}
@media (min-width: 1500px) {
  .slider__listing .wrapper .item .text {
    scale: 0.7;
  }
}
.get__in__touch__fixed {
  display: none;
}

@media (min-width: 768px) {
  .get__in__touch__fixed {
    text-decoration: none;
    display: block;
    background: #C6122A;
    position: fixed;
    right: 0;
    top: 60%;
    transform-origin: right top;
    transform: rotate(90deg);
    z-index: 200;
    border-radius: 0 0 0.1rem 0.1rem;
    cursor: pointer;
  }
  .get__in__touch__fixed .wrapper .swipe {
    padding: 0.9rem 1rem;
  }
  .get__in__touch__fixed .wrapper .swipe span {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
  }
}
.case__study__carousel .f-button {
  --f-button-bg: #FFD433;
  --f-button-hover-bg: #eec32a;
  --f-button-color: #00;
  --f-button-hover-color: #000;
  --f-button-border-radius: .1rem;
  --f-button-height: 3rem;
  --f-button-width: 3rem;
  --f-button-svg-width: 1.5rem;
  --f-button-svg-stroke-width: 2.5;
  --f-button-active-bg: #deb625;
  --f-button-next-pos: 20px;
  --f-button-prev-pos: 20px;
  --f-button-svg-disabled-opacity: 0.5;
  top: 92% !important;
}
.case__study__carousel .f-button svg {
  stroke-linecap: butt;
  stroke-linejoin: miter;
}
.case__study__carousel .f-button svg path {
  width: 1.5rem;
}
.case__study__carousel .f-carousel.has-dots {
  margin-bottom: 0;
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport {
  transition: 0.3s;
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study {
  display: grid;
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem) clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper {
  display: grid;
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper .text {
  text-align: center;
  color: #fff;
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper .text svg, .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper .text img {
  width: min(50%, 250px);
  display: grid;
  margin: 0 auto;
  margin-bottom: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper .text .flex {
  display: flex;
  gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
  flex-wrap: wrap;
  justify-content: center;
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper .text .flex div {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: clamp(1.00rem, calc(0.93rem + 0.28vw), 1.19rem);
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper .text .flex div h3 {
  font-weight: 500;
  font-size: clamp(1.00rem, calc(0.93rem + 0.28vw), 1.19rem);
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper .text p {
  max-width: 60ch;
  margin-inline: auto;
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper img.concept {
  width: 100%;
  align-self: flex-end;
  margin-top: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .main__image {
  display: none;
  border-radius: 0.1rem;
  margin-top: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
  overflow: hidden;
}
.case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .main__image img {
  aspect-ratio: 16/10;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.case__study__carousel .case__study__wrapper .buttons {
  display: none;
}
.case__study__carousel .case__study__wrapper .f-carousel__dots {
  --f-carousel-dots-width: 100%;
  --f-carousel-dots-height: -20px;
  gap: 1rem;
  bottom: 5%;
}
.case__study__carousel .case__study__wrapper .f-carousel__dots svg.f-carousel__dot {
  width: 1.5rem;
  background: none;
  border-radius: 0;
  height: auto;
}
.case__study__carousel .case__study__wrapper .f-carousel__dots svg.f-carousel__dot path {
  fill: #FFD433;
}

@media (min-width: 900px) {
  .case__study__carousel {
    position: relative;
  }
  .case__study__carousel .f-button {
    position: absolute;
    top: 50% !important;
    z-index: 5;
    --f-button-next-pos: 70px;
  }
  .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study {
    background: none;
    grid-template-columns: 1fr 1.6fr;
    height: min(95vh, 800px);
  }
  .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content {
    padding: 0;
  }
  .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper .text {
    display: grid;
    padding: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
  }
  .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper .text svg, .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper .text img {
    width: min(45%, 250px);
  }
  .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .content .wrapper img.concept {
    margin-top: auto;
    max-width: 800px;
    margin-inline: auto;
    padding-bottom: 1rem;
  }
  .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .main__image {
    display: block;
    margin-top: 0;
    border-radius: 0;
  }
  .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study .main__image img {
    aspect-ratio: auto;
  }
}
.client-logos-wrapper {
  overflow: hidden;
  background: #1F1F1F;
}
.client-logos-wrapper .row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.client-logos-wrapper .row .marquee-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.client-logos-wrapper .row .marquee-wrapper .marquee {
  top: 0;
  width: 100%;
  overflow: visible;
  position: relative;
  padding-right: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner {
  display: flex;
  position: relative;
  width: 120%;
  left: -10%;
  gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item {
  display: grid;
  place-items: center;
  aspect-ratio: 3/1.5;
  width: 12.5vw;
  min-width: 150px;
  border-radius: 0.2rem;
}
@media (min-width: 1024px) {
  .client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item {
    min-width: 300px;
  }
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: contain;
  max-height: 50%;
  max-width: 50%;
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item img.three__m {
  max-height: 35%;
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item img.metamark {
  max-width: 60%;
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item img.oracal {
  max-width: 55%;
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item img.nhs {
  max-width: 45%;
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item img.ashcourt {
  max-width: 47%;
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item img.one__beyond {
  max-width: 60%;
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item img.kwik__fit {
  max-width: 55%;
}
.client-logos-wrapper .row .marquee-wrapper .marquee .marquee-inner .marquee-item img.b__and__q {
  max-width: 45%;
}

.info__get__in__touch {
  position: relative;
  overflow-x: clip;
  background: #1F1F1F;
}
.info__get__in__touch img.cutout__mobile {
  position: absolute;
  right: 0;
  top: 25%;
  width: clamp(11.25rem, calc(5.89rem + 22.86vw), 18.75rem);
  z-index: 10;
}
.info__get__in__touch img.cutout__desktop {
  display: none;
}
.info__get__in__touch .information__pack {
  background: #f0f0f0;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
}
.info__get__in__touch .information__pack .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
.info__get__in__touch .information__pack .wrapper .text {
  display: grid;
  justify-items: flex-start;
  max-width: 565px;
}
.info__get__in__touch .information__pack .wrapper .text h2 {
  font-weight: 300;
}
.info__get__in__touch .information__pack .wrapper .text h2 span {
  font-weight: 500;
}
.info__get__in__touch .start__your__project {
  background: #1F1F1F url("/images/pattern-white.svg") no-repeat right bottom/55%;
}
.info__get__in__touch .start__your__project .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
.info__get__in__touch .start__your__project .wrapper .text {
  display: grid;
  justify-items: center;
  text-align: center;
}
.info__get__in__touch .start__your__project .wrapper .text h2 {
  color: #fff;
  max-width: 460px;
}
.info__get__in__touch .start__your__project .wrapper .text h2 span {
  color: #FFD433;
}

@media (min-width: 900px) {
  .info__get__in__touch img.cutout__mobile {
    display: none;
  }
  .info__get__in__touch img.cutout__desktop {
    display: block;
    position: absolute;
    width: 30%;
    top: 0;
    right: 0;
    z-index: 10;
  }
  .info__get__in__touch .information__pack .wrapper .text h2 {
    font-weight: 700;
  }
  .info__get__in__touch .information__pack .wrapper .text h2 span {
    font-weight: 700;
  }
  .info__get__in__touch .start__your__project {
    background: #1F1F1F url("/images/pattern-white.svg") no-repeat right top/55%;
  }
}
:root {
  --upload-percent: 0;
}

#dropzone {
  grid-column: 1/3;
  border: 1px solid #6c6c6c;
  border-bottom: 0;
  transition: border 0.2s;
}
#dropzone.dz-drag-hover {
  border-color: #C6122A;
}
#dropzone #files span.error {
  display: block;
  border-bottom: 1px solid #6c6c6c;
  background: #C6122A;
  padding: 5px;
  color: #fff;
  text-align: center;
  font-size: 0.9em;
  font-weight: 400;
}
#dropzone #files span.no-files-message {
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 0.8em;
  line-height: 1.1em;
  color: #fff;
}
#dropzone #files ul {
  display: block;
  margin: 0;
  padding: 0;
}
#dropzone #files ul li {
  padding: 10px;
  border-bottom: 1px solid #6c6c6c;
  color: #fff;
}
#dropzone #files ul li:last-child {
  background-image: linear-gradient(90deg, rgba(198, 18, 42, 0.5) var(--upload-percent), transparent 0);
}
#dropzone #files ul li span.name {
  font-size: 0.8em;
}
#dropzone #files ul li span.size {
  font-size: 0.6em;
  font-family: monospace;
}
#dropzone #files ul li span.percentage {
  float: right;
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
}
#dropzone #files ul li a.remove {
  float: right;
  display: inline-block;
  border: 1px solid red;
  background: #C6122A;
  padding: 3px 5px;
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
  font-weight: 500;
  transition: 0.2s;
}
#dropzone #files ul li a.remove:hover {
  background: #fff;
  color: #C6122A;
}
#dropzone #files ul li:after {
  content: "";
  display: table;
  clear: both;
}
#dropzone #upload {
  display: block;
  background: #FFD433;
  padding: 5px 0;
  color: #1F1F1F;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.2s;
  font-size: 1em;
}
#dropzone #upload:hover {
  background: #fff;
}
#dropzone #upload.disabled {
  cursor: not-allowed;
  background: #ccc;
  color: #666;
}
#dropzone #upload.disabled:hover {
  background: #ccc;
}

#dropzone-hidden-click-trigger {
  display: none;
}

.kit__format {
  background: #FFD433;
}
.kit__format .wrapper {
  width: min(90%, 1440px);
  margin: 0 auto;
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  display: grid;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
.kit__format .wrapper .text p {
  max-width: 55ch;
}
.kit__format .wrapper .image {
  position: relative;
}
.kit__format .wrapper .image img.front {
  position: absolute;
  top: 0;
  left: 3.2%;
  width: 19.8%;
}

@media (min-width: 900px) {
  .kit__format .wrapper {
    margin: auto;
    width: auto;
    margin-left: max(5%, (100% - 1440px) / 2);
    grid-template-columns: 1fr 1.3fr;
    align-items: center;
  }
}
.process .wrapper .desktop__vans {
  display: none;
}

@media (min-width: 900px) {
  .process .wrapper .desktop__vans {
    display: grid;
    margin-top: -3%;
    width: 100%;
    grid-template-columns: 1fr;
    justify-items: flex-end;
  }
  .process .wrapper .desktop__vans img {
    max-width: 100%;
    grid-column: 1/1;
    grid-row: 1/1;
    margin-right: -8%;
  }
  .process .wrapper .desktop__vans img.survey {
    z-index: 1;
  }
  .process .wrapper .desktop__vans img.design {
    z-index: 2;
    opacity: 0;
  }
  .process .wrapper .desktop__vans img.install {
    z-index: 3;
    opacity: 0;
  }
}
.text__and__image.reflective__kit {
  background: #FFD433;
}
.text__and__image.reflective__kit .wrapper .image img {
  margin: 0 auto;
  width: 100%;
}
.text__and__image.reflective__kit .wrapper .text p {
  max-width: 55ch;
}

@media (min-width: 900px) {
  .text__and__image.reflective__kit .wrapper {
    margin-right: max(5%, (100% - 1440px) / 2);
    margin-left: auto;
    grid-template-columns: 1.5fr 1fr;
    padding: 0;
  }
  .text__and__image.reflective__kit .wrapper .text {
    padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
  }
  .text__and__image.reflective__kit .wrapper .image {
    order: -1;
    justify-self: center;
    width: 100%;
    height: 100%;
    background: url("/images/vehicle/reflective-kits.jpg") no-repeat center 70%;
    background-size: 70%;
  }
  .text__and__image.reflective__kit .wrapper .image img {
    display: none;
  }
}
.text__and__image.ipad__ar {
  background: #fcfeff;
}
.text__and__image.ipad__ar .wrapper {
  padding-bottom: 0;
}
.text__and__image.ipad__ar .wrapper .image {
  align-self: flex-end;
}

@media (min-width: 900px) {
  .text__and__image.ipad__ar .wrapper {
    padding: 0;
  }
  .text__and__image.ipad__ar .wrapper .text {
    padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
  }
}
.side__by__side.aspect__ratio .wrapper .image img {
  aspect-ratio: 16/10;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

@media (min-width: 900px) {
  .side__by__side.aspect__ratio .wrapper .image img {
    aspect-ratio: 1/1.1;
  }
}
.image__gradient .wrapper {
  display: grid;
}
.image__gradient .wrapper .image {
  width: 100%;
  height: 100%;
  position: relative;
}
.image__gradient .wrapper .image .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
}
.image__gradient .wrapper .image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  object-position: 50%;
}
.image__gradient .wrapper .text .inner {
  padding: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  width: min(90%, 900px);
  margin-inline: auto;
}
.image__gradient .wrapper .text .inner p {
  max-width: 55ch;
}
.image__gradient.dark {
  background: #1F1F1F;
}
.image__gradient.dark .wrapper .image .overlay {
  background: linear-gradient(to top, #1F1F1F, transparent 60%);
}
.image__gradient.dark .wrapper .text {
  background: #1F1F1F;
  color: #fff;
}
.image__gradient.light {
  background: #dfdfdf;
}
.image__gradient.light .wrapper .image .overlay {
  background: linear-gradient(to top, #dfdfdf, transparent 60%);
}
.image__gradient.red {
  background: #C6122A;
}
.image__gradient.red .wrapper .image .overlay {
  background: linear-gradient(to top, #C6122A, transparent 60%);
}
.image__gradient.red .wrapper .text {
  color: #fff;
}
@media (min-width: 900px) {
  .image__gradient .wrapper {
    grid-template-columns: 1.1fr 1fr;
    gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
    align-items: center;
  }
  .image__gradient .wrapper .text .inner {
    display: grid;
    justify-content: center;
    width: min(80%, 900px);
    padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
    margin: 0 auto;
  }
  .image__gradient .wrapper .text .inner p {
    max-width: 55ch;
  }
  .image__gradient.dark .wrapper .image .overlay {
    background: linear-gradient(to left, #1F1F1F, transparent 60%);
  }
  .image__gradient.light .wrapper .image .overlay {
    background: linear-gradient(to left, #dfdfdf, transparent 60%);
  }
  .image__gradient.red .wrapper .image .overlay {
    background: linear-gradient(to left, #C6122A, transparent 20%);
  }
  .image__gradient.reverse.dark .wrapper .image .overlay {
    background: linear-gradient(to right, #1F1F1F, transparent 60%);
  }
  .image__gradient.reverse.light .wrapper .image .overlay {
    background: linear-gradient(to right, #dfdfdf, transparent 60%);
  }
  .image__gradient.reverse.red .wrapper .image .overlay {
    background: linear-gradient(to right, #C6122A, transparent 20%);
  }
  .image__gradient.reverse .wrapper {
    grid-template-columns: 1fr 1.1fr;
  }
  .image__gradient.reverse .wrapper .text {
    order: -1;
  }
}

.process .wrapper .desktop__signage {
  display: none;
}

@media (min-width: 900px) {
  .process .wrapper h2 {
    margin-bottom: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
  }
  .process .wrapper .grid .steps .install__step .flex h3 {
    font-size: clamp(2.07rem, calc(1.78rem + 1.24vw), 2.90rem);
  }
  .process .wrapper .desktop__signage {
    display: grid;
    margin-top: -13%;
    width: 100%;
    grid-template-columns: 1fr;
    justify-items: flex-end;
  }
  .process .wrapper .desktop__signage img {
    max-width: 100%;
    grid-column: 1/1;
    grid-row: 1/1;
    margin-right: -8%;
  }
  .process .wrapper .desktop__signage img.survey {
    z-index: 1;
  }
  .process .wrapper .desktop__signage img.design {
    z-index: 2;
    opacity: 0;
  }
  .process .wrapper .desktop__signage img.install {
    z-index: 3;
    opacity: 0;
  }
  .process .wrapper .progress__bar {
    margin-top: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
  }
}
#home__page .slider__listing .wrapper .slider__wrapper {
  grid-template-rows: 1.1fr 1fr;
}
#home__page .slider__listing .wrapper .slider__wrapper .item.signage__solutions {
  background-image: url("/images/home/signage.jpg");
  background-position: 100% 50%;
  padding-top: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem);
  background-size: cover;
}
#home__page .slider__listing .wrapper .slider__wrapper .item.vehicle__graphics {
  background-image: url("/images/home/vehicle.jpg");
  background-position: 50% 50%;
  background-size: cover;
  padding-top: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem);
}
@media (min-width: 850px) {
  #home__page .slider__listing .wrapper .slider__wrapper .item.signage__solutions {
    background-size: cover;
    padding-top: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem);
    background-position: 95% 50%;
  }
  #home__page .slider__listing .wrapper .slider__wrapper .item.signage__solutions.active {
    flex: 2;
    background-position: 85% 50%;
  }
  #home__page .slider__listing .wrapper .slider__wrapper .item.vehicle__graphics {
    background-position: 50% 50%;
    background-size: cover;
    padding-top: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem);
  }
  #home__page .slider__listing .wrapper .slider__wrapper .item.vehicle__graphics.active {
    flex: 2;
    background-position: 50% 50%;
  }
}
#home__page .image__gradient .wrapper .text .inner {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
#home__page .image__gradient .wrapper .text .inner p {
  max-width: 55ch;
}
#home__page .image__gradient .wrapper .image .overlay {
  display: none;
}
#home__page .image__gradient .wrapper .image img {
  object-position: 100% 50%;
}
@media (min-width: 900px) {
  #home__page .image__gradient .wrapper {
    grid-template-columns: 1fr 1.1fr;
  }
  #home__page .image__gradient .wrapper .image .overlay {
    display: block;
    background: linear-gradient(to right, #1F1F1F, transparent 60%);
  }
}

#signage__listing__page .slider__listing .wrapper .slider__wrapper {
  grid-template-rows: 1.2fr 1fr 1fr;
}
#signage__listing__page .slider__listing .wrapper .slider__wrapper .item .text h2 {
  color: #fff;
}
#signage__listing__page .slider__listing .wrapper .slider__wrapper .item.single {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url("/images/signage/single-signage-listing.jpg");
  background-position: 45% 25%;
  padding-top: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem);
  background-size: cover;
}
#signage__listing__page .slider__listing .wrapper .slider__wrapper .item.multisite {
  background-image: url("/images/signage/multisite-mobile.jpg");
  background-position: 15% 50%;
  padding-top: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
  background-size: cover;
}
#signage__listing__page .slider__listing .wrapper .slider__wrapper .item.bespoke {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)), url("/images/signage/bespoke-listing.jpg");
  background-position: 25% 40%;
  padding-top: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
  background-size: cover;
}
@media (min-width: 850px) {
  #signage__listing__page .slider__listing .wrapper .slider__wrapper .item .text .hover {
    color: #fff;
    border: 1px solid #fff;
  }
  #signage__listing__page .slider__listing .wrapper .slider__wrapper .item.single {
    background-position: 45% 50%;
  }
  #signage__listing__page .slider__listing .wrapper .slider__wrapper .item.single.active {
    background-position: 55% 50%;
  }
  #signage__listing__page .slider__listing .wrapper .slider__wrapper .item.multisite.active {
    background-position: 30% 50%;
  }
  #signage__listing__page .slider__listing .wrapper .slider__wrapper .item.bespoke {
    background-position: 48% 10%;
  }
  #signage__listing__page .slider__listing .wrapper .slider__wrapper .item.bespoke.active {
    background-position: 20% 50%;
  }
}
#signage__listing__page .side__by__side .wrapper {
  align-items: flex-start;
}
@media (min-width: 900px) {
  #signage__listing__page .side__by__side .wrapper .image {
    position: sticky;
    top: 200px;
  }
}
@media (min-width: 1500px) {
  #signage__listing__page .side__by__side .wrapper .image {
    position: unset;
  }
}

#single__signage__page .video__header {
  background: linear-gradient(to top, transparent, rgba(31, 31, 31, 0.85) 55%), url("/images/signage/single/header.jpg") no-repeat 40% 50%/cover;
}
@media (min-width: 900px) {
  #single__signage__page .video__header {
    background: linear-gradient(to left, transparent, rgba(31, 31, 31, 0.85) 55%), url("/images/signage/single/hero-desktop.jpg") no-repeat 40% 50%/cover;
  }
}
#single__signage__page .text__and__image.tray__animation .wrapper {
  padding-bottom: 0;
}
#single__signage__page .text__and__image.tray__animation .wrapper .image {
  position: relative;
}
#single__signage__page .text__and__image.tray__animation .wrapper .image .tray {
  display: grid;
}
#single__signage__page .text__and__image.tray__animation .wrapper .image .tray img {
  grid-area: 1/1;
}
#single__signage__page .text__and__image.tray__animation .wrapper .image .tray img.glow {
  opacity: 0;
}
#single__signage__page .text__and__image.tray__animation .wrapper .image img.letter {
  position: absolute;
  top: 10%;
  left: -15%;
  width: 41%;
}
#single__signage__page .text__and__image.tray__animation .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #single__signage__page .text__and__image.tray__animation .wrapper {
    grid-template-columns: 1fr 1.3fr;
  }
  #single__signage__page .text__and__image.tray__animation .wrapper .image {
    max-width: 80%;
  }
  #single__signage__page .text__and__image.tray__animation .wrapper .text {
    margin-top: -5rem;
  }
}
#single__signage__page .expert__overlap {
  background: linear-gradient(to top, #1F1F1F 30%, transparent 80%), url("/images/signage/single/cutout-mobile-new.jpg") no-repeat 45% top/cover;
  padding-top: 20rem;
}
@media (min-width: 1200px) {
  #single__signage__page .expert__overlap {
    background: url("/images/signage/single/cutout-desktop-new.jpg") no-repeat 27% top/cover;
  }
  #single__signage__page .expert__overlap .text .text__wrapper {
    color: #000;
  }
}
#single__signage__page .image__gradient.mercury .wrapper .image img {
  object-position: 41%;
}
@media (min-width: 900px) {
  #single__signage__page .image__gradient.mercury .wrapper .image .overlay {
    background: linear-gradient(to left, #dfdfdf, transparent 30%);
  }
}
#single__signage__page .image__gradient.bourbon .wrapper .image img {
  object-position: 50%;
}
#single__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.shields .content {
  background: #1F1F1F;
}
#single__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.shields .main__image {
  background: url("/images/signage/single/case-study/shields-image.jpg") no-repeat center top/cover;
}
#single__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.saab .content {
  background: #34322D;
}
#single__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.saab .main__image {
  background: url("/images/signage/single/case-study/saab-image.jpg") no-repeat center top/cover;
}
@media (max-width: 900px) {
  #single__signage__page .case__study__carousel .main__image {
    display: block;
    height: 450px;
    margin-top: 0;
  }
  #single__signage__page .case__study__carousel .content {
    display: none;
  }
}
#single__signage__page .info__get__in__touch {
  position: relative;
  overflow-x: clip;
  background: #1F1F1F;
}
#single__signage__page .info__get__in__touch img.cutout__mobile {
  position: absolute;
  right: 0;
  top: 30%;
  width: clamp(11.25rem, calc(5.89rem + 22.86vw), 18.75rem);
  z-index: 10;
}
#single__signage__page .info__get__in__touch img.cutout__desktop {
  display: none;
}
#single__signage__page .info__get__in__touch .information__pack {
  background: #f0f0f0;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
}
#single__signage__page .info__get__in__touch .information__pack .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
#single__signage__page .info__get__in__touch .information__pack .wrapper .text {
  display: grid;
  justify-items: flex-start;
  max-width: 565px;
}
#single__signage__page .info__get__in__touch .information__pack .wrapper .text h2 {
  font-weight: 300;
}
#single__signage__page .info__get__in__touch .information__pack .wrapper .text h2 span {
  font-weight: 500;
}
#single__signage__page .info__get__in__touch .start__your__project {
  background: #1F1F1F url("/images/pattern-white.svg") no-repeat right bottom/55%;
}
#single__signage__page .info__get__in__touch .start__your__project .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
#single__signage__page .info__get__in__touch .start__your__project .wrapper .text {
  display: grid;
  justify-items: center;
  text-align: center;
}
#single__signage__page .info__get__in__touch .start__your__project .wrapper .text h2 {
  color: #fff;
  max-width: 460px;
}
#single__signage__page .info__get__in__touch .start__your__project .wrapper .text h2 span {
  color: #FFD433;
}
@media (min-width: 900px) {
  #single__signage__page .info__get__in__touch img.cutout__mobile {
    display: none;
  }
  #single__signage__page .info__get__in__touch img.cutout__desktop {
    display: block;
    position: absolute;
    width: 30%;
    top: 0;
    right: 0;
    z-index: 10;
  }
  #single__signage__page .info__get__in__touch .information__pack .wrapper .text h2 {
    font-weight: 700;
  }
  #single__signage__page .info__get__in__touch .information__pack .wrapper .text h2 span {
    font-weight: 700;
  }
  #single__signage__page .info__get__in__touch .start__your__project {
    background: #1F1F1F url("/images/pattern-white.svg") no-repeat right top/55%;
  }
}

#multi__site__signage__page .text__and__image.totem .wrapper {
  gap: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
  padding-bottom: 0;
}
#multi__site__signage__page .text__and__image.totem .wrapper .image {
  display: flex;
  align-items: flex-start;
}
#multi__site__signage__page .text__and__image.totem .wrapper .image img:not(.mobile) {
  display: none;
}
#multi__site__signage__page .text__and__image.totem .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #multi__site__signage__page .text__and__image.totem .wrapper {
    grid-template-columns: 1fr 1.3fr;
    padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 0;
  }
  #multi__site__signage__page .text__and__image.totem .wrapper .text p {
    max-width: 60ch;
  }
  #multi__site__signage__page .text__and__image.totem .wrapper .image img {
    max-width: 33%;
  }
  #multi__site__signage__page .text__and__image.totem .wrapper .image img.mobile {
    display: none;
  }
  #multi__site__signage__page .text__and__image.totem .wrapper .image img:not(.mobile) {
    display: block;
  }
  #multi__site__signage__page .text__and__image.totem .wrapper .image img.totem__car {
    transform: translateX(40%);
  }
  #multi__site__signage__page .text__and__image.totem .wrapper .image img.totem__kwikfit {
    transform: translate(-29%, 8%);
  }
  #multi__site__signage__page .text__and__image.totem .wrapper .image img.totem__mkm {
    transform: translate(-92%, 13%);
  }
}
#multi__site__signage__page .image__gradient.kwikfit .image img {
  object-position: 10% 50%;
}
#multi__site__signage__page .cad {
  background-color: #FFD433;
}
#multi__site__signage__page .cad .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  display: grid;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
  width: min(90%, 1440px);
  margin: 0 auto;
}
#multi__site__signage__page .cad .wrapper p {
  max-width: 55ch;
}
@media (min-width: 1200px) {
  #multi__site__signage__page .cad .wrapper {
    grid-template-columns: 1fr 1.5fr;
    padding: 0;
  }
  #multi__site__signage__page .cad .wrapper .text {
    padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
    order: -1;
  }
  #multi__site__signage__page .cad .wrapper .image {
    padding: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem) 0;
  }
}
@media (min-width: 1600px) {
  #multi__site__signage__page .cad .wrapper {
    width: auto;
    margin: auto;
    margin-left: max(5%, (100% - 1440px) / 2);
    margin-right: 5%;
  }
}
#multi__site__signage__page .expert__overlap {
  background: linear-gradient(to top, #1F1F1F 30%, transparent 80%), url("/images/signage/multisite/cutout-mobile.jpg") no-repeat center top/cover;
  padding-top: 20rem;
}
@media (min-width: 1200px) {
  #multi__site__signage__page .expert__overlap {
    background: url("/images/signage/multisite/cutout-desktop.jpg") no-repeat 27% top/cover;
  }
  #multi__site__signage__page .expert__overlap .text .text__wrapper {
    color: #000;
  }
}
#multi__site__signage__page .ipad__animation {
  display: grid;
}
#multi__site__signage__page .ipad__animation .text .wrapper {
  width: min(90%, 700px);
  margin: 0 auto;
  padding: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
#multi__site__signage__page .ipad__animation .text .wrapper p {
  max-width: 55ch;
}
#multi__site__signage__page .ipad__animation .background {
  display: grid;
  align-items: end;
  background-color: #1C1A1E;
  height: 100%;
}
#multi__site__signage__page .ipad__animation .image {
  background: url("/images/signage/test.jpg") no-repeat center/cover;
  overflow: hidden;
}
#multi__site__signage__page .ipad__animation .image .animate {
  display: none;
}
@media (min-width: 900px) {
  #multi__site__signage__page .ipad__animation {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
  #multi__site__signage__page .ipad__animation .text {
    order: -1;
  }
  #multi__site__signage__page .ipad__animation .text .wrapper {
    padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
    width: min(80%, 700px);
    margin: 0 auto;
  }
  #multi__site__signage__page .ipad__animation .image {
    background: linear-gradient(to top, transparent 80%, #1c1a1e), url("/images/signage/test.jpg") no-repeat center/cover;
  }
  #multi__site__signage__page .ipad__animation .image img.mobile {
    display: none;
  }
  #multi__site__signage__page .ipad__animation .image .animate {
    display: block;
    position: relative;
    transform: translate(-60%, 3%);
  }
  #multi__site__signage__page .ipad__animation .image .animate img.ipad {
    position: absolute;
    z-index: 10;
  }
  #multi__site__signage__page .ipad__animation .image .animate .mask {
    mask-image: url("/images/signage/mask.png");
    -webkit-mask-image: url("/images/signage/mask.png");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    mask-size: cover;
    -webkit-mask-size: cover;
  }
  #multi__site__signage__page .ipad__animation .image .animate .mask img {
    transform: translate(60%, -3%);
  }
}
@media (min-width: 900px) {
  #multi__site__signage__page .image__gradient.millies .image img {
    object-position: 0%;
  }
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.eurocell .content {
  background: #e52713;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.eurocell .main__image {
  background: url("/images/signage/multisite/case-study/eurocell-image.jpg") no-repeat center top/cover;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.miniso .content {
  background: #fff;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.miniso .content .wrapper .text {
  color: #000;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.miniso .content .wrapper .text .logo {
  max-width: 13%;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.miniso .main__image {
  background: url("/images/signage/multisite/case-study/miniso-image.jpg") no-repeat center top/cover;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.one-beyond .content {
  background: #2157a4;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.one-beyond .main__image {
  background: url("/images/signage/multisite/case-study/one-beyond-image.jpg") no-repeat center top/cover;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.paintwell .content {
  background: #022169;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.paintwell .main__image {
  background: url("/images/signage/multisite/case-study/paintwell-image.jpg") no-repeat center top/cover;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.postmark .content {
  background: #022169;
}
#multi__site__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.postmark .main__image {
  background: url("/images/signage/multisite/case-study/postmark-image.jpg") no-repeat 65% 50%/cover;
}
@media (max-width: 900px) {
  #multi__site__signage__page .case__study__carousel .main__image {
    display: block;
    height: 450px;
    margin-top: 0;
  }
  #multi__site__signage__page .case__study__carousel .content {
    display: none;
  }
}

#bespoke__signage__page .text__and__image.tray__animation .wrapper {
  padding-bottom: 0;
}
#bespoke__signage__page .text__and__image.tray__animation .wrapper .image {
  position: relative;
}
#bespoke__signage__page .text__and__image.tray__animation .wrapper .image .tray {
  display: grid;
}
#bespoke__signage__page .text__and__image.tray__animation .wrapper .image .tray img {
  grid-area: 1/1;
}
#bespoke__signage__page .text__and__image.tray__animation .wrapper .image img.default {
  left: 11%;
  top: 9%;
}
#bespoke__signage__page .text__and__image.tray__animation .wrapper .image img.letter {
  position: absolute;
  width: 75%;
}
#bespoke__signage__page .text__and__image.tray__animation .wrapper .image img.glow {
  opacity: 0;
  top: 9%;
  left: 11%;
}
#bespoke__signage__page .text__and__image.tray__animation .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #bespoke__signage__page .text__and__image.tray__animation .wrapper {
    grid-template-columns: 1fr 1.3fr;
    padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  }
  #bespoke__signage__page .text__and__image.tray__animation .wrapper .image {
    max-width: 80%;
  }
  #bespoke__signage__page .text__and__image.tray__animation .wrapper .image img.default {
    left: -15%;
    top: 20%;
  }
}
#bespoke__signage__page .image__gradient {
  position: relative;
}
@media (min-width: 900px) {
  #bespoke__signage__page .image__gradient.chicken .image img {
    object-position: 51%;
  }
}
#bespoke__signage__page .expert__overlap {
  background: linear-gradient(to top, #1F1F1F 30%, transparent 80%), url("/images/signage/bespoke/cutout-mobile-dark.jpg") no-repeat 40% top/cover;
  padding-top: 20rem;
}
#bespoke__signage__page .expert__overlap .text .text__wrapper {
  padding-bottom: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem);
}
@media (min-width: 1200px) {
  #bespoke__signage__page .expert__overlap {
    background: url("/images/signage/bespoke/cutout-desktop-dark.jpg") no-repeat 27% top/cover;
  }
  #bespoke__signage__page .expert__overlap .text .text__wrapper {
    color: #fff;
  }
}
#bespoke__signage__page .ipad__animation {
  display: grid;
}
#bespoke__signage__page .ipad__animation .text .wrapper {
  width: min(90%, 700px);
  margin: 0 auto;
  padding: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
#bespoke__signage__page .ipad__animation .text .wrapper p {
  max-width: 55ch;
}
#bespoke__signage__page .ipad__animation .background {
  background-color: #352c28;
  height: 100%;
  display: grid;
  align-items: end;
}
#bespoke__signage__page .ipad__animation .image {
  background: url("/images/signage/bespoke/beerpong-without.jpg") no-repeat center/cover;
  overflow: hidden;
}
#bespoke__signage__page .ipad__animation .image .animate {
  display: none;
}
@media (min-width: 900px) {
  #bespoke__signage__page .ipad__animation {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
  #bespoke__signage__page .ipad__animation .text {
    order: -1;
  }
  #bespoke__signage__page .ipad__animation .text .wrapper {
    width: min(80%, 700px);
    margin: 0 auto;
    padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  }
  #bespoke__signage__page .ipad__animation .image {
    background: linear-gradient(to top, transparent 80%, #352c28), url("/images/signage/bespoke/beerpong-without.jpg") no-repeat center/cover;
  }
  #bespoke__signage__page .ipad__animation .image img.mobile {
    display: none;
  }
  #bespoke__signage__page .ipad__animation .image .animate {
    display: block;
    position: relative;
    transform: translate(-60%, 3%);
  }
  #bespoke__signage__page .ipad__animation .image .animate img.ipad {
    position: absolute;
    z-index: 10;
  }
  #bespoke__signage__page .ipad__animation .image .animate .mask {
    mask-image: url("/images/signage/mask.png");
    -webkit-mask-image: url("/images/signage/mask.png");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    mask-size: cover;
    -webkit-mask-size: cover;
  }
  #bespoke__signage__page .ipad__animation .image .animate .mask img {
    transform: translate(60%, -3%);
  }
}
#bespoke__signage__page .text__over__image.bowling {
  position: relative;
  background: linear-gradient(0deg, rgba(56, 46, 136, 0.7), rgba(56, 46, 136, 0.7)), url("/images/signage/bespoke/bowling.jpg") no-repeat center/cover;
}
#bespoke__signage__page .text__over__image.bowling .wrapper {
  padding: clamp(8.75rem, calc(5.67rem + 13.15vw), 17.50rem) 0;
}
#bespoke__signage__page .text__over__image.bowling .wrapper p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #bespoke__signage__page .text__over__image.bowling {
    background: linear-gradient(to right, transparent, rgba(56, 46, 136, 0.95) 50%), url("/images/signage/bespoke/bowling.jpg") no-repeat center/cover;
  }
}
#bespoke__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.premier-league .content {
  background: #37003C;
}
#bespoke__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.premier-league .logo {
  max-width: 15%;
}
#bespoke__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.premier-league .main__image {
  background: url("/images/signage/bespoke/case-study/premier-league-image.jpg") no-repeat 0% 50%/cover;
}
#bespoke__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.cazoo .content {
  background-color: #D14532;
}
#bespoke__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.cazoo .main__image {
  background: url("/images/signage/bespoke/case-study/cazoo-image.jpg") no-repeat 0% 50%/cover;
}
#bespoke__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.coach-gyms .content {
  background-color: #212121;
}
#bespoke__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.coach-gyms .main__image {
  background: url("/images/signage/bespoke/case-study/coach-gyms-image.jpg") no-repeat 50% 100%/cover;
}
#bespoke__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.aston-villa .content {
  background-color: #212121;
}
#bespoke__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.aston-villa .content .logo {
  max-width: 15%;
}
#bespoke__signage__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.aston-villa .main__image {
  background: url("/images/signage/bespoke/case-study/aston-villa-image.jpg") no-repeat 50% 50%/cover;
}
@media (max-width: 900px) {
  #bespoke__signage__page .case__study__carousel .main__image {
    display: block;
    height: 450px;
    margin-top: 0;
  }
  #bespoke__signage__page .case__study__carousel .content {
    display: none;
  }
}

#vehicle__listing__page .slider__listing .wrapper .slider__wrapper {
  grid-template-rows: 1.2fr 1fr 1fr;
}
#vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item .text h2 {
  color: #000;
}
#vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item .text h3 {
  color: #C6122A;
  margin-top: 0.2rem;
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
}
#vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item.vehicle__wraps {
  background-image: url("/images/vehicle/vehicle-wraps.jpg");
  background-position: 30% 79%;
  background-size: 200%;
  padding-top: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem);
}
#vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item.fleet__branding {
  background-image: url("/images/vehicle/fleet.jpg");
  background-position: 23% 83%;
  background-size: 185%;
  padding-top: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
}
#vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item.emergency__services {
  background-image: url("/images/vehicle/emergency-services.jpg");
  background-position: 21% 85%;
  background-size: 185%;
  padding-top: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
}
#vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item.prestige__vehicles {
  background-image: url("/images/vehicle/prestige-vehicle.jpg");
  background-position: 21% 85%;
  background-size: 185%;
  padding-top: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
}
@media (min-width: 900px) {
  #vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item.vehicle__wraps {
    background-position: 45% 50%;
    background-size: cover;
    padding-top: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem);
  }
  #vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item.fleet__branding {
    background-position: 57% 50%;
    background-size: cover;
    padding-top: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem);
  }
  #vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item.emergency__services {
    background-position: 61% 50%;
    background-size: cover;
    padding-top: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem);
  }
  #vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item.prestige__vehicles {
    background-position: 55% 50%;
    background-size: cover;
    padding-top: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem);
  }
  #vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item.prestige__vehicles:hover, #vehicle__listing__page .slider__listing .wrapper .slider__wrapper .item.prestige__vehicles:focus {
    background-position: 50% 50%;
  }
}
#vehicle__listing__page .side__by__side .wrapper {
  align-items: flex-start;
}
#vehicle__listing__page .side__by__side ul {
  padding-left: 1rem;
}
#vehicle__listing__page .side__by__side ul li {
  line-height: 1.6;
  display: block;
  background: url("/images/icons/carousel-dot.svg") no-repeat left center/0.8rem;
  padding-left: 3ch;
  padding-top: 0.1rem;
}
@media (min-width: 900px) {
  #vehicle__listing__page .side__by__side .wrapper .image {
    position: sticky;
    top: 250px;
  }
}

#vehicle__wraps__page .text__and__image.stand__out .wrapper {
  gap: 0;
  justify-items: center;
}
#vehicle__wraps__page .text__and__image.stand__out .wrapper .image {
  display: grid;
  justify-items: center;
}
#vehicle__wraps__page .text__and__image.stand__out .wrapper .image img {
  width: 165%;
  max-width: none;
  position: relative;
  left: 28%;
}
#vehicle__wraps__page .text__and__image.stand__out .wrapper .desktop__images {
  display: none;
}
#vehicle__wraps__page .text__and__image.stand__out .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #vehicle__wraps__page .text__and__image.stand__out .wrapper {
    grid-template-columns: 1fr 1.5fr;
    gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
  }
  #vehicle__wraps__page .text__and__image.stand__out .wrapper .image {
    display: none;
  }
  #vehicle__wraps__page .text__and__image.stand__out .wrapper .desktop__images {
    display: block;
  }
  #vehicle__wraps__page .text__and__image.stand__out .wrapper .desktop__images img {
    position: relative;
  }
  #vehicle__wraps__page .text__and__image.stand__out .wrapper .desktop__images img#car__circular {
    z-index: 1;
    left: 50%;
    width: 99%;
  }
  #vehicle__wraps__page .text__and__image.stand__out .wrapper .desktop__images img#car__fix {
    z-index: 2;
    margin-top: -25%;
    left: 62%;
    width: 90%;
  }
  #vehicle__wraps__page .text__and__image.stand__out .wrapper .desktop__images img#car__whats__on {
    z-index: 3;
    margin-top: -20%;
    left: 85%;
    width: 75%;
  }
}
#vehicle__wraps__page .text__over__image.expert__installation {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/vehicle/vehicle-wraps/expert.jpg") no-repeat 29% 50%/cover;
}
#vehicle__wraps__page .text__over__image.expert__installation .wrapper {
  padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
#vehicle__wraps__page .text__over__image.expert__installation .wrapper .text svg.shield {
  display: block;
  width: 100%;
  max-width: 4rem;
  margin-bottom: 1rem;
}
@keyframes corner-shield-in {
  100% {
    stroke-dashoffset: 0;
  }
}
#vehicle__wraps__page .text__over__image.expert__installation .wrapper .text svg.shield.animate path {
  animation: corner-shield-in 1s ease-out forwards;
}
#vehicle__wraps__page .text__over__image.expert__installation .wrapper .text svg.shield path {
  stroke-dasharray: 1000;
  stroke-dashoffset: -1000;
}
#vehicle__wraps__page .text__over__image.expert__installation .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #vehicle__wraps__page .text__over__image.expert__installation {
    background: url("/images/vehicle/vehicle-wraps/expert.jpg") no-repeat center/cover;
  }
  #vehicle__wraps__page .text__over__image.expert__installation .wrapper {
    padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  }
  #vehicle__wraps__page .text__over__image.expert__installation .wrapper .text {
    color: #000;
  }
}
#vehicle__wraps__page .expert__overlap {
  background: linear-gradient(to top, #1F1F1F 30%, transparent 80%), url("/images/vehicle/vehicle-wraps/cutout-mobile.jpg") no-repeat 33% top/cover;
}
@media (min-width: 1200px) {
  #vehicle__wraps__page .expert__overlap {
    background: url("/images/vehicle/vehicle-wraps/cutout-desktop.jpg") no-repeat 25% top/cover;
  }
  #vehicle__wraps__page .expert__overlap .text .text__wrapper {
    background: linear-gradient(to left, #dfdedc 91%, transparent);
    color: #000;
  }
}
@media (min-width: 1300px) {
  #vehicle__wraps__page .expert__overlap .text .text__wrapper {
    background: none;
  }
}
#vehicle__wraps__page .wrap__options {
  background: url("/images/bg.jpg") no-repeat center/cover;
}
#vehicle__wraps__page .wrap__options .title {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 0;
}
#vehicle__wraps__page .wrap__options .title p {
  max-width: 60ch;
}
#vehicle__wraps__page .wrap__options #van__carousel {
  --f-carousel-spacing: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
  --f-carousel-slide-width: calc(100% / 1.4);
  padding-bottom: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
#vehicle__wraps__page .wrap__options #van__carousel .f-carousel__slide {
  display: grid;
  justify-items: center;
  position: relative;
}
#vehicle__wraps__page .wrap__options #van__carousel .f-carousel__slide::before {
  content: "";
  position: absolute;
  height: 10rem;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.5rem;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.7) 0%, rgba(151, 149, 146, 0) 100%);
  z-index: 1;
}
#vehicle__wraps__page .wrap__options #van__carousel .f-carousel__slide img {
  position: relative;
  z-index: 2;
}
#vehicle__wraps__page .wrap__options #van__carousel .f-carousel__slide .flex {
  position: relative;
  margin-top: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
#vehicle__wraps__page .wrap__options #van__carousel .f-carousel__slide .flex h3 {
  position: relative;
  z-index: 3;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.73rem, calc(1.52rem + 0.89vw), 2.32rem);
  text-align: center;
}
#vehicle__wraps__page .wrap__options #van__carousel .f-carousel__slide .flex a.swipe {
  margin-top: 0;
  z-index: 2;
}
#vehicle__wraps__page .wrap__options #van__carousel .f-carousel__nav {
  --f-button-width: 2.5rem;
  --f-button-height: 2.5rem;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-bg: rgb(198 18 42 / 90%);
  --f-button-hover-bg: #C6122A;
  --f-button-active-bg: var(--f-button-bg);
  --f-button-svg-width: 1.5rem;
  --f-button-svg-height: 1.5rem;
  --f-button-next-pos: 5%;
  --f-button-prev-pos: 5%;
  --f-button-border-radius: 0.1rem;
}
#vehicle__wraps__page .wrap__options #van__carousel .f-carousel__nav .f-button {
  bottom: 0;
  margin-top: 0.7rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  #vehicle__wraps__page .wrap__options #van__carousel {
    --f-carousel-slide-width: calc(100% / 1.7);
  }
  #vehicle__wraps__page .wrap__options #van__carousel .f-carousel__nav {
    --f-button-width: 3rem;
    --f-button-height: 3rem;
    --f-button-svg-width: 1.7rem;
    --f-button-svg-height: 1.7rem;
    --f-button-next-pos: 10%;
    --f-button-prev-pos: 10%;
  }
  #vehicle__wraps__page .wrap__options #van__carousel .f-carousel__nav .f-button {
    margin: 0;
    top: 20%;
  }
  #vehicle__wraps__page .wrap__options #van__carousel .f-carousel__slide .flex {
    flex-direction: row;
    gap: 2rem;
  }
}
#vehicle__wraps__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.circular .content {
  background: #024224;
}
#vehicle__wraps__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.fix .text img.logo {
  max-width: 30%;
}
#vehicle__wraps__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.fix .content {
  background: #3D3D3D;
  padding-inline: 0;
}
#vehicle__wraps__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.fix .content img {
  max-width: 100%;
  padding: 0;
}
#vehicle__wraps__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.fix .main__image {
  background: url("/images/vehicle/vehicle-wraps/case-study/fix-image.jpg") no-repeat center/cover;
}
#vehicle__wraps__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.campbell .content {
  background: #789F4E;
  padding-inline: 0;
}
#vehicle__wraps__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.campbell .content img {
  max-width: 100%;
  padding: 0;
}
#vehicle__wraps__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.campbell .main__image {
  background: url("/images/vehicle/vehicle-wraps/case-study/campbell-image.jpg") no-repeat center/cover;
}

#fleet__page .text__and__image.take__care__fleet .wrapper .image {
  width: 100%;
  margin-top: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
}
#fleet__page .text__and__image.take__care__fleet .wrapper .desktop__images {
  display: none;
}
#fleet__page .text__and__image.take__care__fleet .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #fleet__page .text__and__image.take__care__fleet .wrapper {
    grid-template-columns: 1fr 1.3fr;
  }
  #fleet__page .text__and__image.take__care__fleet .wrapper .image {
    display: none;
  }
  #fleet__page .text__and__image.take__care__fleet .wrapper .desktop__images {
    display: block;
    justify-items: end;
  }
  #fleet__page .text__and__image.take__care__fleet .wrapper .desktop__images img {
    position: relative;
  }
  #fleet__page .text__and__image.take__care__fleet .wrapper .desktop__images img.fleet__front {
    right: -54%;
    width: 70%;
    z-index: 5;
  }
  #fleet__page .text__and__image.take__care__fleet .wrapper .desktop__images img#fleet__middle {
    width: 60%;
    left: 45%;
    margin-top: -70%;
    z-index: 4;
  }
  #fleet__page .text__and__image.take__care__fleet .wrapper .desktop__images img#fleet__back {
    width: 51%;
    left: 37%;
    margin-top: -60%;
    z-index: 3;
  }
}
#fleet__page .text__over__image.brand {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/images/vehicle/fleet/test.jpg") no-repeat 17% center/cover;
}
#fleet__page .text__over__image.brand .text {
  color: #fff;
  margin-left: auto;
  max-width: 60ch;
}
@media (min-width: 1000px) {
  #fleet__page .text__over__image.brand {
    background: linear-gradient(to left, #dfdfdf 60%, transparent 70%), url("/images/vehicle/fleet/test.jpg") no-repeat 40% center/cover;
  }
  #fleet__page .text__over__image.brand .text {
    color: #000;
  }
}
@media (min-width: 1250px) {
  #fleet__page .text__over__image.brand {
    background: url("/images/vehicle/fleet/test.jpg") no-repeat 45% center/cover;
  }
}
@media (min-width: 1500px) {
  #fleet__page .text__over__image.brand {
    background: url("/images/vehicle/fleet/test.jpg") no-repeat 35% center/cover;
  }
}
#fleet__page .expert__overlap {
  background: linear-gradient(to top, #1F1F1F 30%, transparent 80%), url("/images/vehicle/fleet/cutout-mobile-man.jpg") no-repeat 22% top/cover;
  padding-top: 20rem;
}
@media (min-width: 1200px) {
  #fleet__page .expert__overlap {
    background: url("/images/vehicle/fleet/cutout-desktop-man.jpg") no-repeat 20% top/cover;
  }
}
#fleet__page .text__and__image.fleet__repair__service {
  background: #C9C9C9;
}
#fleet__page .text__and__image.fleet__repair__service .wrapper {
  gap: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
#fleet__page .text__and__image.fleet__repair__service .wrapper .image img:not(.mobile) {
  display: none;
}
#fleet__page .text__and__image.fleet__repair__service .wrapper p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #fleet__page .text__and__image.fleet__repair__service .wrapper {
    grid-template-columns: 1fr 1.3fr;
  }
  #fleet__page .text__and__image.fleet__repair__service .wrapper .image {
    position: relative;
    transform: translateX(40%);
  }
  #fleet__page .text__and__image.fleet__repair__service .wrapper .image img.mobile {
    display: none;
  }
  #fleet__page .text__and__image.fleet__repair__service .wrapper .image img:not(.mobile) {
    display: block;
  }
  #fleet__page .text__and__image.fleet__repair__service .wrapper .image img.circle {
    position: absolute;
    top: 0;
    width: 29.5%;
    left: 18.2%;
    scale: 0;
    transform-origin: bottom right;
  }
  #fleet__page .text__and__image.fleet__repair__service .wrapper .image img.label {
    position: absolute;
    width: 25%;
    bottom: 15%;
    z-index: 10;
    left: 0;
    transform: rotate(10deg);
  }
}
#fleet__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.connexin .content {
  background: #E01F26;
}
#fleet__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.hps .content {
  background: #272876;
}
#fleet__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.sanctuary .content {
  background: #009C43;
}
#fleet__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.ashcourt .content {
  background: #0084B0;
}
@media (min-width: 900px) {
  #fleet__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.connexin .main__image {
    background: url("/images/vehicle/fleet/case-study/connexin-image.jpg") no-repeat 73% bottom/cover;
  }
  #fleet__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.hps .main__image {
    background: url("/images/vehicle/fleet/case-study/hps-image.jpg") no-repeat 0% 50%/cover;
  }
  #fleet__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.ashcourt .main__image {
    background: url("/images/vehicle/fleet/case-study/ashcourt-image.jpg") no-repeat center/cover;
  }
  #fleet__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.sanctuary .main__image {
    background: url("/images/vehicle/fleet/case-study/sanctuary-image.jpg") no-repeat 28% 50%/cover;
  }
}
@media (min-width: 1800px) {
  #fleet__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.connexin .main__image {
    background: url("/images/vehicle/fleet/case-study/connexin-image.jpg") no-repeat 100% bottom/cover;
  }
}

#emergency__services__page .text__and__image.emergency__services__ambulances {
  background: linear-gradient(to bottom, #fff 84%, #f5f5f5 100%);
}
#emergency__services__page .text__and__image.emergency__services__ambulances .wrapper .image {
  margin-top: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
#emergency__services__page .text__and__image.emergency__services__ambulances .wrapper .text p {
  max-width: 55ch;
}
#emergency__services__page .text__and__image.emergency__services__ambulances .wrapper .desktop__images {
  display: none;
}
@media (min-width: 900px) {
  #emergency__services__page .text__and__image.emergency__services__ambulances .wrapper {
    padding: clamp(4.38rem, calc(0.41rem + 16.90vw), 15.63rem) 0;
    grid-template-columns: 1fr 1.3fr;
  }
  #emergency__services__page .text__and__image.emergency__services__ambulances .wrapper .image {
    display: none;
  }
  #emergency__services__page .text__and__image.emergency__services__ambulances .wrapper .desktop__images {
    display: block;
  }
  #emergency__services__page .text__and__image.emergency__services__ambulances .wrapper .desktop__images img {
    position: relative;
  }
  #emergency__services__page .text__and__image.emergency__services__ambulances .wrapper .desktop__images img.ambulance__front {
    right: -30%;
    width: 80%;
    z-index: 5;
  }
  #emergency__services__page .text__and__image.emergency__services__ambulances .wrapper .desktop__images img#ambulance__middle {
    width: 66%;
    margin-top: -42.3%;
    left: 33%;
    z-index: 4;
  }
  #emergency__services__page .text__and__image.emergency__services__ambulances .wrapper .desktop__images img#ambulance__back {
    width: 54%;
    left: 35%;
    margin-top: -34.7%;
    z-index: 3;
  }
}
#emergency__services__page .text__over__image.fire__install {
  background: none;
}
#emergency__services__page .text__over__image.fire__install .wrapper {
  padding: 0;
}
#emergency__services__page .text__over__image.fire__install .wrapper .text {
  color: #000;
  background: #E7E5E6;
  padding: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem) 5% clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 5%;
}
#emergency__services__page .text__over__image.fire__install .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #emergency__services__page .text__over__image.fire__install {
    background: url("/images/vehicle/emergency-services/fire-install.jpg") no-repeat left center/cover;
  }
  #emergency__services__page .text__over__image.fire__install .wrapper {
    padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
    width: min(90%, 1440px);
    margin: 0 auto;
  }
  #emergency__services__page .text__over__image.fire__install .wrapper .image {
    display: none;
  }
  #emergency__services__page .text__over__image.fire__install .wrapper .text {
    color: #000;
    padding: 0;
    background: none;
  }
}
#emergency__services__page .text__over__image.air__ambulance {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/images/vehicle/emergency-services/air-ambulance.jpg") no-repeat right center/cover;
}
@media (min-width: 900px) {
  #emergency__services__page .text__over__image.air__ambulance {
    background: url("/images/vehicle/emergency-services/air-ambulance-dark.jpg") no-repeat right center/cover;
  }
}
#emergency__services__page .text__over__image.air__ambulance.reverse {
  transform: scaleX(-1);
}
#emergency__services__page .text__over__image.air__ambulance.reverse .wrapper {
  transform: scaleX(-1);
}
#emergency__services__page .text__over__image.air__ambulance .wrapper {
  padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
}
#emergency__services__page .expert__overlap {
  background: linear-gradient(to top, #1F1F1F 30%, transparent 80%), url("/images/vehicle/emergency-services/cutout-mobile.jpg") no-repeat 13% top/cover;
  padding-top: 20rem;
}
@media (min-width: 1200px) {
  #emergency__services__page .expert__overlap {
    background: url("/images/vehicle/emergency-services/desktop-cutout.jpg") no-repeat 30% top/cover;
  }
  #emergency__services__page .expert__overlap .text .text__wrapper {
    color: #000;
  }
}
#emergency__services__page .text__and__image.emergency__repair__service {
  background: #C9C9C9;
}
#emergency__services__page .text__and__image.emergency__repair__service .wrapper {
  gap: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
#emergency__services__page .text__and__image.emergency__repair__service .wrapper .image img:not(.mobile) {
  display: none;
}
#emergency__services__page .text__and__image.emergency__repair__service .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #emergency__services__page .text__and__image.emergency__repair__service .wrapper {
    grid-template-columns: 1fr 1.3fr;
  }
  #emergency__services__page .text__and__image.emergency__repair__service .wrapper .image {
    position: relative;
    transform: translateX(40%);
  }
  #emergency__services__page .text__and__image.emergency__repair__service .wrapper .image img.mobile {
    display: none;
  }
  #emergency__services__page .text__and__image.emergency__repair__service .wrapper .image img:not(.mobile) {
    display: block;
  }
  #emergency__services__page .text__and__image.emergency__repair__service .wrapper .image img.circle {
    position: absolute;
    top: 0;
    width: 29.5%;
    left: 18.2%;
    scale: 0;
    transform-origin: bottom right;
  }
  #emergency__services__page .text__and__image.emergency__repair__service .wrapper .image img.label {
    position: absolute;
    width: 25%;
    bottom: 15%;
    z-index: 10;
    left: 0;
    transform: rotate(10deg);
  }
}
#emergency__services__page .image__gradient.global-reach .text .inner {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
#emergency__services__page .image__gradient.global-reach .image .overlay {
  background: linear-gradient(to bottom, #1F1F1F, transparent 60%);
}
@media (min-width: 900px) {
  #emergency__services__page .image__gradient.global-reach .image {
    order: -1;
  }
  #emergency__services__page .image__gradient.global-reach .image .overlay {
    background: linear-gradient(to left, #1F1F1F, transparent 60%);
  }
}
#emergency__services__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.blank .content {
  background: #1F1F1F;
}
#emergency__services__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.blank .logo {
  max-width: 30%;
}

#prestige__wraps__page svg.shield {
  display: block;
  width: 100%;
  max-width: 4rem;
  margin-bottom: 1rem;
}
@keyframes corner-shield-in {
  100% {
    stroke-dashoffset: 0;
  }
}
#prestige__wraps__page svg.shield.animate path {
  animation: corner-shield-in 1s ease-out forwards;
}
#prestige__wraps__page svg.shield path {
  stroke-dasharray: 1000;
  stroke-dashoffset: -1000;
}
#prestige__wraps__page .text__over__image.hero {
  background: #000;
  padding-top: 2rem;
}
#prestige__wraps__page .text__over__image.hero .wrapper {
  padding: 0;
}
#prestige__wraps__page .text__over__image.hero .wrapper .image {
  position: relative;
}
#prestige__wraps__page .text__over__image.hero .wrapper .image img {
  aspect-ratio: 12/10;
  object-fit: cover;
  object-position: 97% 50%;
}
#prestige__wraps__page .text__over__image.hero .wrapper .image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #1F1F1F, transparent 20%);
  top: 0;
  left: 0;
}
#prestige__wraps__page .text__over__image.hero .wrapper .text {
  color: #fff;
  background: #1F1F1F;
  padding: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem) 5% clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem) 5%;
}
#prestige__wraps__page .text__over__image.hero .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #prestige__wraps__page .text__over__image.hero {
    background: url("/images/vehicle/prestige-wraps/hero.jpg") no-repeat left center/cover;
  }
  #prestige__wraps__page .text__over__image.hero .wrapper {
    padding: clamp(8.75rem, calc(5.67rem + 13.15vw), 17.50rem) 0 clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
    width: min(90%, 1440px);
    margin: 0 auto;
  }
  #prestige__wraps__page .text__over__image.hero .wrapper .image {
    display: none;
  }
  #prestige__wraps__page .text__over__image.hero .wrapper .text {
    color: #fff;
    padding: 0;
    background: none;
  }
}
#prestige__wraps__page .text__over__image.premium {
  background: none;
}
#prestige__wraps__page .text__over__image.premium .wrapper {
  padding: 0;
}
#prestige__wraps__page .text__over__image.premium .wrapper .image img {
  aspect-ratio: 16/10;
  object-fit: cover;
  object-position: center;
}
#prestige__wraps__page .text__over__image.premium .wrapper .text {
  color: #000;
  background: #E7E5E6;
  padding: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem) 5% clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 5%;
}
#prestige__wraps__page .text__over__image.premium .wrapper .text p {
  max-width: 55ch;
}
#prestige__wraps__page .text__over__image.premium .wrapper .text img.swatch {
  padding-top: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
@media (min-width: 900px) {
  #prestige__wraps__page .text__over__image.premium {
    background: url("/images/vehicle/prestige-wraps/premium.jpg") no-repeat left center/cover;
  }
  #prestige__wraps__page .text__over__image.premium .wrapper {
    padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0 clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
    width: min(90%, 1440px);
    margin: 0 auto;
  }
  #prestige__wraps__page .text__over__image.premium .wrapper .image {
    display: none;
  }
  #prestige__wraps__page .text__over__image.premium .wrapper .text {
    color: #fff;
    padding: 0;
    background: none;
  }
}
#prestige__wraps__page .text__over__image.detail {
  background: none;
}
#prestige__wraps__page .text__over__image.detail .wrapper {
  padding: 0;
}
#prestige__wraps__page .text__over__image.detail .wrapper .image img {
  aspect-ratio: 16/10;
  object-fit: cover;
  object-position: 0% 50%;
}
#prestige__wraps__page .text__over__image.detail .wrapper .text {
  color: #000;
  background: #E7E5E6;
  padding: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem) 5% clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 5%;
}
#prestige__wraps__page .text__over__image.detail .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #prestige__wraps__page .text__over__image.detail {
    background: url("/images/vehicle/prestige-wraps/detail.jpg") no-repeat left center/cover;
  }
  #prestige__wraps__page .text__over__image.detail .wrapper {
    padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0 clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
    width: min(90%, 1440px);
    margin: 0 auto;
  }
  #prestige__wraps__page .text__over__image.detail .wrapper .image {
    display: none;
  }
  #prestige__wraps__page .text__over__image.detail .wrapper .text {
    color: #fff;
    padding: 0;
    background: none;
  }
}
#prestige__wraps__page .text__over__image.mockup {
  background: none;
}
#prestige__wraps__page .text__over__image.mockup .wrapper {
  padding: 0;
}
#prestige__wraps__page .text__over__image.mockup .wrapper .image {
  position: relative;
}
#prestige__wraps__page .text__over__image.mockup .wrapper .image img {
  aspect-ratio: 16/10;
  object-fit: cover;
  object-position: 100% 50%;
}
#prestige__wraps__page .text__over__image.mockup .wrapper .image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #1F1F1F, transparent 20%);
  top: 0;
  left: 0;
}
#prestige__wraps__page .text__over__image.mockup .wrapper .text {
  color: #fff;
  background: #1F1F1F;
  padding: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem) 5% clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 5%;
}
#prestige__wraps__page .text__over__image.mockup .wrapper .text p {
  max-width: 55ch;
}
@media (min-width: 900px) {
  #prestige__wraps__page .text__over__image.mockup {
    background: url("/images/vehicle/prestige-wraps/mockup.jpg") no-repeat left center/cover;
  }
  #prestige__wraps__page .text__over__image.mockup .wrapper {
    padding: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0 clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
    width: min(90%, 1440px);
    margin: 0 auto;
  }
  #prestige__wraps__page .text__over__image.mockup .wrapper .image {
    display: none;
  }
  #prestige__wraps__page .text__over__image.mockup .wrapper .text {
    color: #fff;
    padding: 0;
    background: none;
  }
}
#prestige__wraps__page .image__gradient.gold .text .inner {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
#prestige__wraps__page .image__gradient.gold .image {
  order: -1;
}
#prestige__wraps__page .image__gradient.gold .image img {
  object-position: 20% 50%;
}
#prestige__wraps__page .image__gradient.gold .image .overlay {
  background: linear-gradient(to bottom, #1F1F1F, transparent 40%);
}
@media (min-width: 900px) {
  #prestige__wraps__page .image__gradient.gold .image {
    order: -1;
  }
  #prestige__wraps__page .image__gradient.gold .image .overlay {
    background: linear-gradient(to left, #1F1F1F, transparent 60%);
  }
}
#prestige__wraps__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.blank .content {
  background: #1F1F1F;
}
#prestige__wraps__page .case__study__carousel .case__study__wrapper .f-carousel__viewport .f-carousel__track .case__study.blank .logo {
  max-width: 30%;
}

#about__page .stats .wrapper {
  padding: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 0 clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
#about__page .stats .wrapper .stat {
  text-align: center;
}
#about__page .stats .wrapper .stat h3 {
  font-size: clamp(2.49rem, calc(2.09rem + 1.71vw), 3.62rem);
  font-weight: 700;
}
#about__page .stats .wrapper .stat h4 {
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
  font-weight: 400;
}
#about__page .side__by__side {
  background: #fff;
}
#about__page .side__by__side.about .wrapper {
  padding: 0 0 clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
}
#about__page .side__by__side.about .wrapper .text {
  color: #000;
}
#about__page .side__by__side.about .wrapper .image img {
  aspect-ratio: 1/1.1;
  object-fit: cover;
  object-position: right;
}
#about__page #mobile__timeline .f-carousel__slide h2 {
  margin-top: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
#about__page #mobile__timeline .f-carousel__slide img.photo {
  aspect-ratio: 16/10;
  object-position: center;
  object-fit: cover;
  width: 100%;
}
#about__page #mobile__timeline .f-carousel__slide .text {
  width: min(90%, 1400px);
  margin: 0 auto;
  padding-block: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
}
#about__page #mobile__timeline .f-carousel__slide .text img.logo {
  max-width: 50%;
}
#about__page #mobile__timeline .f-carousel__slide .text p {
  max-width: 55ch;
}
#about__page #mobile__timeline .f-carousel__dots {
  --f-carousel-dots-width: 100%;
  --f-carousel-dots-height: -20px;
  gap: 0.7rem;
  bottom: 0;
  top: 1.5rem;
  align-items: flex-start;
  height: fit-content;
  max-height: 50px;
}
#about__page #mobile__timeline .f-carousel__dots svg.f-carousel__dot {
  width: 1rem;
  background: none;
  border-radius: 0;
  height: auto;
}
#about__page #mobile__timeline .f-carousel__dots svg.f-carousel__dot path {
  fill: #FFD433;
}
#about__page #mobile__timeline .f-button {
  --f-button-bg: #FFD433;
  --f-button-hover-bg: #eec32a;
  --f-button-color: #00;
  --f-button-hover-color: #000;
  --f-button-border-radius: .1rem;
  --f-button-height: 2.5rem;
  --f-button-width: 2.5rem;
  --f-button-svg-width: 1.3rem;
  --f-button-svg-stroke-width: 2.5;
  --f-button-active-bg: #deb625;
  --f-button-next-pos: 20px;
  --f-button-prev-pos: 20px;
  --f-button-svg-disabled-opacity: 0.5;
  top: 27% !important;
}
#about__page #mobile__timeline .f-button svg {
  stroke-linecap: butt;
  stroke-linejoin: miter;
}
#about__page #mobile__timeline .f-button svg path {
  width: 1.5rem;
}
@media (min-width: 900px) {
  #about__page #mobile__timeline {
    display: none;
  }
}
#about__page .desktop__timeline {
  display: none;
}
@media (min-width: 900px) {
  #about__page .desktop__timeline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #about__page .desktop__timeline .left {
    display: block;
  }
  #about__page .desktop__timeline .left .timeline-content {
    width: min(75%, 60ch);
    margin: 0 auto;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #about__page .desktop__timeline .left .timeline-content img {
    max-width: 40%;
    margin-bottom: 2rem;
  }
  #about__page .desktop__timeline .left .timeline-content h2 {
    font-size: clamp(1.44rem, calc(1.29rem + 0.62vw), 1.86rem);
  }
  #about__page .desktop__timeline .right {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #about__page .desktop__timeline .right .mobile-content {
    display: none;
  }
  #about__page .desktop__timeline .right .images-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
  }
  #about__page .desktop__timeline .right .images-wrapper .progress__bar__wrapper {
    width: 90%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.5rem;
  }
  #about__page .desktop__timeline .right .images-wrapper .progress__bar__wrapper .progress__bar {
    display: grid;
    position: relative;
  }
  #about__page .desktop__timeline .right .images-wrapper .progress__bar__wrapper .progress__bar span {
    grid-column: 1/1;
    grid-area: 1/1;
    display: block;
    border-radius: 2rem;
    height: 6px;
  }
  #about__page .desktop__timeline .right .images-wrapper .progress__bar__wrapper .progress__bar span.background {
    background: #fff;
    width: 100%;
  }
  #about__page .desktop__timeline .right .images-wrapper .progress__bar__wrapper .progress__bar span.progress {
    background: #C6122A;
    width: 0%;
  }
  #about__page .desktop__timeline .right .images-wrapper .overflow {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #about__page .desktop__timeline .right .images-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
#about__page .the__team {
  padding-top: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem);
}
#about__page .the__team .wrapper {
  display: grid;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
  padding: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem) 0 clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
}
#about__page .the__team .wrapper .member {
  position: relative;
}
#about__page .the__team .wrapper .member .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 40%);
}
#about__page .the__team .wrapper .member img {
  aspect-ratio: 1/1.3;
  object-fit: cover;
  object-position: center top;
}
#about__page .the__team .wrapper .member .text {
  position: absolute;
  bottom: 0;
  color: #fff;
  padding: 2rem 1.8rem;
}
#about__page .the__team .wrapper .member .text h3 {
  font-weight: 500;
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
}
#about__page .the__team .wrapper .member .text h4 {
  font-weight: 400;
  font-size: clamp(1.00rem, calc(0.93rem + 0.28vw), 1.19rem);
}
#about__page .the__team .wrapper .member .text .links {
  padding-top: 1rem;
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
#about__page .the__team .wrapper .member .text .links a {
  display: inline;
}
#about__page .the__team .wrapper .member .text .links svg {
  width: 1.8rem;
  align-items: center;
}
#about__page .the__team .wrapper .member .text .links svg rect, #about__page .the__team .wrapper .member .text .links svg path {
  transition: 0.1s;
}
#about__page .the__team .wrapper .member .text .links svg:hover rect {
  fill: #C6122A;
}
#about__page .the__team .wrapper .member .text .links svg:hover path {
  fill: #fff;
}
@media (min-width: 550px) {
  #about__page .the__team .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  #about__page .the__team .wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
  }
}
@media (min-width: 1200px) {
  #about__page .the__team .wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
#about__page .parallax {
  position: relative;
}
#about__page .parallax-container {
  width: 100%;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}
#about__page .parallax-container img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(1.4);
  transform-origin: 50% 50%;
  object-fit: cover;
  object-position: center;
}

#careers__page .image__hero {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.15)), url("/images/careers/careers-hero.jpg") no-repeat center 10%/cover;
}
#careers__page .side__by__side {
  background: #fff;
}
#careers__page .side__by__side.about .wrapper {
  padding: 0 0 clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
}
#careers__page .side__by__side.about .wrapper .text {
  color: #000;
}
#careers__page .side__by__side.about .wrapper .image img {
  aspect-ratio: 1/1.1;
  object-fit: cover;
  object-position: right;
}
#careers__page .job__listing {
  background: #C6122A;
  color: #fff;
}
#careers__page .job__listing .head {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem) 0;
}
#careers__page .job__listing .head p {
  margin-top: 0.5rem;
}
#careers__page .job__listing .head a {
  display: inline;
}
#careers__page .job__listing .wrapper {
  display: grid;
  padding: 0 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
#careers__page .job__listing .wrapper .head {
  display: none;
}
#careers__page .job__listing .wrapper .job {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: grid;
  gap: 1rem;
  width: 100%;
  align-items: center;
  padding: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem) 0;
  grid-template-columns: 1fr;
}
#careers__page .job__listing .wrapper .job:first-of-type {
  padding-top: 0;
}
#careers__page .job__listing .wrapper .job:last-of-type {
  border-bottom: 0;
}
#careers__page .job__listing .wrapper .job h3 {
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
  font-weight: 400;
}
#careers__page .job__listing .wrapper .job div h3 {
  font-weight: 400;
}
#careers__page .job__listing .wrapper .job div p {
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
  margin-top: 0.2rem;
}
#careers__page .job__listing .wrapper .job .buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
#careers__page .job__listing .wrapper .job .buttons a {
  border-radius: 0.1rem;
  text-decoration: none;
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
  padding: 1rem 1.5rem;
  text-transform: uppercase;
  font-weight: 500;
  font-size: clamp(1.00rem, calc(0.93rem + 0.28vw), 1.19rem);
}
#careers__page .job__listing .wrapper .job .buttons a.primary {
  background: #fff;
  color: #000;
}
#careers__page .job__listing .wrapper .job .buttons a.secondary {
  border: 1px solid rgba(255, 255, 255, 0.8);
}
#careers__page .job__listing .wrapper .job .buttons a:hover {
  scale: 0.97;
}
@media (min-width: 750px) {
  #careers__page .job__listing .wrapper .head {
    padding: 0 0.5rem 1rem 0.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
  #careers__page .job__listing .wrapper .head h3 {
    text-transform: uppercase;
    font-size: clamp(0.83rem, calc(0.79rem + 0.18vw), 0.95rem);
    font-weight: 300;
    opacity: 0.7;
  }
  #careers__page .job__listing .wrapper .job {
    grid-template-columns: 1fr 1fr 1fr;
    padding: clamp(0.83rem, calc(0.79rem + 0.18vw), 0.95rem) 0.5rem;
  }
  #careers__page .job__listing .wrapper .job .buttons {
    justify-self: flex-end;
    flex-wrap: nowrap;
  }
}
@media (min-width: 850px) {
  #careers__page .job__listing .wrapper .head {
    grid-template-columns: 1.5fr 1fr 1fr;
  }
  #careers__page .job__listing .wrapper .job {
    grid-template-columns: 1.5fr 1fr 1fr;
  }
}
@media (min-width: 1100px) {
  #careers__page .job__listing .wrapper .head {
    grid-template-columns: 2fr 1fr 1fr;
  }
  #careers__page .job__listing .wrapper .job {
    grid-template-columns: 2fr 1fr 1fr;
  }
}

@media (max-width: 900px) {
  #environment__page .image__gradient.first {
    border-top: 20px solid #1F1F1F;
  }
}
#environment__page .certificate-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
  margin-top: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
#environment__page .certificate-logos img {
  max-width: 10rem;
}
#environment__page .info__get__in__touch {
  position: relative;
  overflow-x: clip;
  background: #1F1F1F;
}
#environment__page .info__get__in__touch img.cutout__mobile {
  position: absolute;
  right: 0;
  top: 30%;
  width: clamp(11.25rem, calc(5.89rem + 22.86vw), 18.75rem);
  z-index: 10;
}
#environment__page .info__get__in__touch img.cutout__desktop {
  display: none;
}
#environment__page .info__get__in__touch .information__pack {
  background: #f0f0f0;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
}
#environment__page .info__get__in__touch .information__pack .wrapper {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
}
#environment__page .info__get__in__touch .information__pack .wrapper .text {
  display: grid;
  justify-items: flex-start;
  max-width: unset;
}
#environment__page .info__get__in__touch .information__pack .wrapper .text h2 {
  font-weight: 300;
}
#environment__page .info__get__in__touch .information__pack .wrapper .text h2 span {
  font-weight: 500;
}
#environment__page .info__get__in__touch .information__pack .wrapper .text img {
  max-width: 8rem;
  margin-top: 0.5rem;
}
@media (min-width: 900px) {
  #environment__page .info__get__in__touch img.cutout__mobile {
    display: none;
  }
  #environment__page .info__get__in__touch img.cutout__desktop {
    display: block;
    position: absolute;
    width: 30%;
    top: 0;
    right: 0;
    z-index: 10;
  }
  #environment__page .info__get__in__touch .information__pack .wrapper .text h2 {
    font-weight: 700;
  }
  #environment__page .info__get__in__touch .information__pack .wrapper .text h2 span {
    font-weight: 700;
  }
}

#contact__page {
  background: #1F1F1F;
}
#contact__page .page__wrapper {
  padding: clamp(8.75rem, calc(5.67rem + 13.15vw), 17.50rem) 0 0 0;
}
#contact__page .page__wrapper .content__block {
  display: grid;
  color: #fff;
  padding-bottom: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem);
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
#contact__page .page__wrapper .content__block h1 {
  font-size: clamp(1.73rem, calc(1.52rem + 0.89vw), 2.32rem);
}
#contact__page .page__wrapper .content__block .content {
  padding-top: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem);
}
#contact__page .page__wrapper .content__block .content ul {
  margin: 0;
  padding: 0;
  display: grid;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
#contact__page .page__wrapper .content__block .content ul ul {
  gap: 0.5rem;
}
#contact__page .page__wrapper .content__block .content a {
  text-decoration: none;
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
}
#contact__page .page__wrapper .content__block .content a:hover {
  text-decoration: underline;
}
#contact__page .page__wrapper .content__block .content h3 {
  padding-bottom: clamp(0.56rem, calc(0.36rem + 0.85vw), 1.13rem);
}
#contact__page .page__wrapper .content__block .content .social__media {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#contact__page .page__wrapper .content__block .content .social__media a:hover svg rect {
  fill: #C6122A;
}
#contact__page .page__wrapper .content__block .content .social__media a:hover svg path {
  fill: #fff;
}
#contact__page .page__wrapper .content__block .content .social__media a svg {
  width: 2rem;
}
#contact__page .page__wrapper .content__block .content .social__media a svg rect {
  transition: 0.1s;
  width: 100%;
  height: 100%;
}
#contact__page .page__wrapper .content__block .content .social__media a svg path {
  transition: 0.1s;
}
#contact__page .page__wrapper .content__block .content .form h3 {
  display: none;
}
#contact__page .page__wrapper .content__block .content .form #errors {
  color: #fff;
}
#contact__page .page__wrapper .content__block .content .form #errors ul {
  gap: 0;
  margin: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 0 clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem) 0;
  padding-left: 1rem;
}
#contact__page .page__wrapper .content__block .content .form #errors ul li {
  color: #C6122A;
  line-height: 1.6;
  list-style: disc;
  font-weight: 400;
}
#contact__page .page__wrapper .content__block .content .form form {
  display: grid;
  gap: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem);
}
#contact__page .page__wrapper .content__block .content .form form .fieldblock input, #contact__page .page__wrapper .content__block .content .form form .fieldblock textarea {
  width: 100%;
  padding: 1.5rem;
  background: #dcdcdc;
  border: 2px solid transparent;
}
#contact__page .page__wrapper .content__block .content .form form .fieldblock input::placeholder, #contact__page .page__wrapper .content__block .content .form form .fieldblock textarea::placeholder {
  color: #888;
}
#contact__page .page__wrapper .content__block .content .form form .fieldblock input:focus, #contact__page .page__wrapper .content__block .content .form form .fieldblock textarea:focus {
  outline: 0;
  border-color: #FFD433;
}
#contact__page .page__wrapper .content__block .content .form form .fieldblock textarea {
  resize: none;
}
#contact__page .page__wrapper .content__block .content .form form .fieldblock.error input, #contact__page .page__wrapper .content__block .content .form form .fieldblock.error textarea {
  border-color: #C6122A;
  background: #ddc1c1;
}
#contact__page .page__wrapper .content__block .content .form form .fieldblock.error input::placeholder, #contact__page .page__wrapper .content__block .content .form form .fieldblock.error textarea::placeholder {
  color: #666;
}
#contact__page .page__wrapper .content__block .content .form form button {
  margin: 0;
  justify-content: center;
  width: 100%;
  padding: 1.1rem;
}
#contact__page .page__wrapper .content__block .content .form form button div {
  justify-content: center;
}
#contact__page .page__wrapper .content__block .content .form form button.disabled {
  cursor: not-allowed;
  background: #ccc;
  color: #666;
}
#contact__page .page__wrapper .content__block .content .form form button.disabled:hover {
  background: #ccc;
  scale: 1;
}
#contact__page .page__wrapper .content__block .content .form form button.disabled:hover span {
  --m: 1;
}
#contact__page .page__wrapper .content__block .content .form form .text__area {
  grid-column: 1/3;
}
@media (min-width: 900px) {
  #contact__page .page__wrapper .content__block {
    grid-template-columns: 1fr 1.3fr;
  }
  #contact__page .page__wrapper .content__block .content .form h3 {
    display: block;
    color: #fff;
    margin: 0 0 clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 0;
  }
  #contact__page .page__wrapper .content__block .content .form form {
    grid-template-columns: repeat(2, 1fr);
  }
  #contact__page .page__wrapper .content__block .content .form form .fieldblock:last-of-type {
    grid-column: 1/3;
  }
}
@media (min-width: 600px) {
  #contact__page .page__wrapper button {
    grid-column: 1/3;
  }
}
@media (max-width: 599px) {
  #contact__page .page__wrapper .content__block .content .form form .fieldblock,
#contact__page .page__wrapper .content__block .content .form form button {
    grid-column: 1/3;
  }
}

main#contact__message__page .grid {
  padding-top: clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem);
}
main#contact__message__page .grid .content__block {
  display: grid;
  color: #fff;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
main#contact__message__page .grid .content__block:not(.white) {
  display: none;
  background: #1F1F1F;
}
main#contact__message__page .grid .content__block:not(.white) .content {
  padding-right: 10%;
}
main#contact__message__page .grid .content__block.white {
  background: #fff;
  color: #000;
}
main#contact__message__page .grid .content__block.white .content {
  width: min(80%, 1400px);
  margin: 0 auto;
  justify-content: center;
}
main#contact__message__page .grid .content__block .content {
  padding: clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  display: grid;
  align-content: center;
}
main#contact__message__page .grid .content__block .content p {
  max-width: 60ch;
}
main#contact__message__page .grid .content__block .content ul {
  margin: 0;
  padding: 0;
  display: grid;
  gap: clamp(2.19rem, calc(1.42rem + 3.29vw), 4.38rem);
}
main#contact__message__page .grid .content__block .content ul ul {
  gap: 0.5rem;
}
main#contact__message__page .grid .content__block .content a {
  text-decoration: none;
}
main#contact__message__page .grid .content__block .content a:hover {
  text-decoration: underline;
}
main#contact__message__page .grid .content__block .content h3 {
  padding-bottom: clamp(0.56rem, calc(0.36rem + 0.85vw), 1.13rem);
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
}
main#contact__message__page .grid .content__block .content .social__media {
  display: flex;
  gap: 1rem;
  align-items: center;
}
main#contact__message__page .grid .content__block .content .social__media a:hover svg rect {
  fill: #C6122A;
}
main#contact__message__page .grid .content__block .content .social__media a:hover svg path {
  fill: #fff;
}
main#contact__message__page .grid .content__block .content .social__media a svg {
  width: 2rem;
}
main#contact__message__page .grid .content__block .content .social__media a svg rect {
  transition: 0.1s;
  width: 100%;
  height: 100%;
}
main#contact__message__page .grid .content__block .content .social__media a svg path {
  transition: 0.1s;
}
@media (min-width: 900px) {
  main#contact__message__page {
    background: linear-gradient(to right, #1F1F1F 50%, transparent 0%);
  }
  main#contact__message__page .grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
  }
  main#contact__message__page .grid .content__block:not(.white) {
    display: block;
  }
}

#privacy__page .wrapper {
  padding: clamp(8.75rem, calc(5.67rem + 13.15vw), 17.50rem) 0 clamp(4.38rem, calc(2.83rem + 6.57vw), 8.75rem) 0;
  width: min(90%, 850px);
  margin: 0 auto;
}
#privacy__page .wrapper h1 {
  text-transform: uppercase;
}
#privacy__page .wrapper h2 {
  font-size: clamp(1.44rem, calc(1.29rem + 0.62vw), 1.86rem);
}
#privacy__page .wrapper h3 {
  font-size: clamp(1.20rem, calc(1.10rem + 0.43vw), 1.48rem);
  margin-top: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
#privacy__page .wrapper ul {
  display: grid;
  gap: 0.5rem;
}
#privacy__page .wrapper ul li {
  list-style: disc;
  line-height: 1.3;
}
#privacy__page .wrapper ol {
  display: grid;
  gap: 0.5rem;
}
#privacy__page .wrapper ol li {
  list-style: decimal;
  line-height: 1.3;
}
#privacy__page .wrapper table {
  width: 100%;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-collapse: collapse;
  margin-top: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem);
}
#privacy__page .wrapper table thead {
  font-weight: 700;
}
#privacy__page .wrapper table td {
  width: 50%;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 5px;
}

main#new__customer__page section.intro .wrapper {
  padding: clamp(8.75rem, calc(5.67rem + 13.15vw), 17.50rem) 0 clamp(2.94rem, calc(1.90rem + 4.41vw), 5.88rem) 0;
  text-align: center;
}
main#new__customer__page section.form__section {
  padding-bottom: clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem);
  width: min(90%, 750px);
  margin-inline: auto;
}
main#new__customer__page section.form__section form {
  display: grid;
  gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
}
main#new__customer__page section.form__section form h3 {
  margin-top: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem);
}
main#new__customer__page section.form__section form h3 span {
  color: #C6122A;
}
main#new__customer__page section.form__section form h3 span.sub {
  color: inherit;
  font-size: clamp(1.00rem, calc(0.93rem + 0.28vw), 1.19rem);
  font-weight: 400;
}
main#new__customer__page section.form__section form #errors ul li {
  color: #C6122A;
  line-height: 1.6;
  list-style: disc;
  font-weight: 400;
}
main#new__customer__page section.form__section form .form-group {
  position: relative;
  border-radius: 0.1rem;
  background: var(--c-background);
  box-shadow: inset 0 0 0 1px var(--border, var(--c-border)), 0px 1px 3px var(--shadow, var(--c-shadow));
  transition: box-shadow 0.25s;
}
main#new__customer__page section.form__section form .form-group.error input, main#new__customer__page section.form__section form .form-group.error textarea {
  border: 1px solid #C6122A;
  background: #fff4f4;
}
main#new__customer__page section.form__section form .form-group:hover {
  --border: #bebeca;
}
main#new__customer__page section.form__section form .form-group:focus-within {
  --border: var(--c-border-active);
  --shadow: var(--c-shadow-active);
}
main#new__customer__page section.form__section form .form-group input {
  -webkit-appearance: none;
  outline: none;
  background: none;
  border: none;
  margin: 0;
  width: 100%;
  display: block;
  font-family: inherit;
  line-height: 21px;
  padding: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 41px clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 16px;
  opacity: var(--o, var(--default-o, 1));
  transition: filter 0.35s, transform 0.4s, opacity 0.25s;
}
main#new__customer__page section.form__section form .form-group input::placeholder {
  color: #A1A1B6;
  transition: color 0.25s;
}
main#new__customer__page section.form__section form .form-group input::selection {
  color: #C6122A;
  background: rgba(0, 0, 0, 0.15);
}
main#new__customer__page section.form__section form .form-group input:focus::placeholder, main#new__customer__page section.form__section form .form-group input:hover::placeholder {
  color: #5A5A64;
}
main#new__customer__page section.form__section form .grid {
  display: grid;
  gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
}
@media (min-width: 768px) {
  main#new__customer__page section.form__section form .grid {
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem) clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem);
  }
}
main#new__customer__page section.form__section form button {
  width: 100%;
  margin: 0;
}
main#new__customer__page section.form__section form button div {
  justify-content: center;
}

main#brochure__page section.grid {
  display: grid;
  padding: clamp(8.75rem, calc(5.67rem + 13.15vw), 17.50rem) 0 clamp(6.56rem, calc(4.25rem + 9.86vw), 13.13rem) 0;
}
main#brochure__page section.grid .form__side {
  width: min(90%, 600px);
  margin: 0 auto;
  padding-top: clamp(1.44rem, calc(0.91rem + 2.25vw), 2.94rem);
}
main#brochure__page section.grid .form__side p {
  margin-top: 0.5rem;
}
main#brochure__page section.grid .form__side form {
  margin-top: clamp(1.13rem, calc(0.75rem + 1.60vw), 2.19rem);
}
main#brochure__page section.grid .form__side form #errors ul li {
  color: #C6122A;
  line-height: 1.6;
  list-style: disc;
  font-weight: 400;
}
main#brochure__page section.grid .form__side form .form-group {
  position: relative;
  border-radius: 0.1rem;
  background: var(--c-background);
  box-shadow: inset 0 0 0 1px var(--border, var(--c-border)), 0px 1px 3px var(--shadow, var(--c-shadow));
  transition: box-shadow 0.25s;
}
main#brochure__page section.grid .form__side form .form-group.error input, main#brochure__page section.grid .form__side form .form-group.error textarea {
  border: 1px solid #C6122A;
  background: #fff4f4;
}
main#brochure__page section.grid .form__side form .form-group:hover {
  --border: #bebeca;
}
main#brochure__page section.grid .form__side form .form-group:focus-within {
  --border: var(--c-border-active);
  --shadow: var(--c-shadow-active);
}
main#brochure__page section.grid .form__side form .form-group input {
  -webkit-appearance: none;
  outline: none;
  background: none;
  border: none;
  margin: 0;
  width: 100%;
  display: block;
  font-family: inherit;
  line-height: 21px;
  padding: clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 41px clamp(0.75rem, calc(0.51rem + 1.03vw), 1.44rem) 16px;
  opacity: var(--o, var(--default-o, 1));
  transition: filter 0.35s, transform 0.4s, opacity 0.25s;
}
main#brochure__page section.grid .form__side form .form-group input::placeholder {
  color: #A1A1B6;
  transition: color 0.25s;
}
main#brochure__page section.grid .form__side form .form-group input::selection {
  color: #C6122A;
  background: rgba(0, 0, 0, 0.15);
}
main#brochure__page section.grid .form__side form .form-group input:focus::placeholder, main#brochure__page section.grid .form__side form .form-group input:hover::placeholder {
  color: #5A5A64;
}
main#brochure__page section.grid .form__side form button {
  width: 100%;
}
main#brochure__page section.grid .form__side form button div {
  justify-content: center;
}
@media (min-width: 768px) {
  main#brochure__page section.grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

body.scroll__disabled {
  overflow: hidden;
}

/*# sourceMappingURL=site.css.map */
