:root {
  --dark-grey: #18191d;
  --black1717: #171717;
  --light-blue: #09a2dd;
  --dark-blue: #0d4c89;
  --dark-grey: #231f20;
  --simple-grey: #475467;
  --dark-blue-grey: #344054;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary700: #6941c6;
  --broken-white: #f4ebff;
  --light-grey: #d0d5dd;
  --dark-black: #101828;
  --untitled-ui--primary300: #d6bbfb;
  --soft-grey: #667085;
  --untitled-ui--gray50-2: #f9fafb;
  --ultra-dark-grey: #1d2939;
  --patchy-white: #f2f4f7;
  --normal-grey: #98a2b3;
  --untitled-ui--gray200: #eaecf0;
  --light-soft-grey0: #9e77ed;
  --light-soft-grey-2: #f9f5ff;
  --untitled-ui--primary200: #e9d7fe;
  --white: white;
  --black: black;
  --light-grey: #89929e;
  --yellow-siigmatic: #fbbd14;
  --untitled-ui--primary900: #42307d;
}

.grey-background {
  background-color: rgba(0,0,0,0.04);
}

.blue-background {
  background-color: rgba(9, 162, 221, 0.08);
}

.white-background {
  background-color: rgba(255, 255, 255, 0.8);
} 

.blue-background .description-cell-2,
.blue-background .description-cell-20,
.blue-background .description-cell-50,
.blue-background .description-cell-tablet {
  background-color: rgba(0,0,0,0.04);
}

.initial-hidden{ display:none !important; visibility:hidden !important; }

.back-pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:1rem; height:auto; width:fit-content;
  border:1px solid rgba(0,0,0,.4); border-radius:.5rem; cursor:pointer;
  color:var(--dark-grey); background:transparent;
  font:500 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease, border-color .15s ease;
}

.back-pill .icon{ width:18px; height:18px; flex:0 0 18px; }
.back-pill .img{
  width:18px; height:18px; display:block;
  background: url(../images/back-button.webp) center / contain no-repeat;
  filter: invert(8%) sepia(6%) saturate(200%) hue-rotate(180deg) brightness(96%) contrast(92%);
}

.back-pill:hover{
  transform: translateY(-1px);
  background-color: rgba(9,162,221,0.08);
  border-color: #09a2dd;
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
}

.back-pill:active{
  transform: translateY(0);
  box-shadow: 0 6px 12px rgba(0,0,0,.14);
}

.back-pill:focus-visible{
  outline: 2px solid #09a2dd;
  outline-offset: 3px;
}

.backbtn-heading {
  display: flex; 
  flex-flow: row;
  justify-content: 
  space-between;
  align-items: center;
}

.fitment-guide-heading-phone {
  display: none;
}

.glightbox-clean .gslide-media {
  background-color: white !important;
}

.glightbox-clean .gclose {
  font-size: 32px !important;
  color: #000 !important;
  top: 20px !important;
  right: 20px !important;
  opacity: 1 !important;
  background: none !important;   
  z-index: 9999 !important;
}

.separator{
  height:1px;
  margin:0;
  width: 100%;
  background: rgba(0,0,0,0.2);
}

.glightbox-clean .gclose:hover {
  color: #09a2dd !important;
  transform: scale(1.2);
  transition: all 0.2s ease-in-out;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: clip;
}

.hidden {
  display: none;
}

.radio-buttons {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 12px;
}

.radio-buttons input{
  border: 0.5px solid rgba(0,0,0, 0.5);
  border-radius: 10px;
}

.radio-buttons label {
  margin-bottom: 0;
}

.radio-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
  height: 100%;
  transition: background-color 0.2s ease;
  width: 100%;
}


.radio-option:hover {
  background-color: rgba(0, 0, 0, 0.05);
}


.radio-option input[type="radio"]:checked + span {
  color: #171717;
  font-weight: 600;
}

.jump-to-navgrid{
  position: fixed;
  right: calc(4rem + env(safe-area-inset-right));
  bottom: calc(4rem + env(safe-area-inset-bottom));
  width: 75px; height: 75px;
  border-radius: 50%;
  background: #09a2dd;
  box-shadow: 0 6px 16px rgba(0,0,0,0.18);
  display: grid; place-items: center;
  z-index: 1000;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, opacity .2s ease;
}

.jump-to-navgrid img{
  width: 40px; height: 40px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  pointer-events: none;
}

.jump-to-navgrid:hover{ transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,0.22); }
.jump-to-navgrid:active{ transform: translateY(0); box-shadow: 0 6px 16px rgba(0,0,0,0.18); }
.jump-to-navgrid:focus-visible{ outline: 2px solid #067cac; outline-offset: 3px; }

.jump-to-navgrid .jump-label{
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%) translateX(8px);
  background: rgba(9, 162, 221, 0.8);
  color: #fff;
  font: 500 13px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  padding: 8px 12px;
  border-radius: 999px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}

.jump-to-navgrid .jump-label::after{
  content:"";
  position:absolute;
  left:100%; top:50%;
  transform: translateY(-50%);
  border:6px solid transparent;
  border-left-color: rgba(9, 162, 221, 0.8);
}

.jump-to-navgrid:hover .jump-label,
.jump-to-navgrid:focus-visible .jump-label{
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

@media (prefers-reduced-motion: reduce){
  .jump-to-navgrid,
  .jump-to-navgrid .jump-label{
    transition: none;
  }
}

@media (max-width: 380px){
  .jump-to-navgrid{ right: 1.5rem; bottom: 1.5rem; }
}

.radio-option input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #09a2dd;
  border-radius: 20%;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}

.radio-option input[type="radio"] + span {
  font-weight: 500;
  font-size: 1.5em;
}


.radio-option input[type="radio"]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-radius: 20%;
  transition: background-color 0.2s ease;
}

.radio-option input[type="radio"]:checked::before {
  background-color: #09a2dd;
}



.hover-door-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 720px;
  max-height: 720px;
}

.door {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1280px;
  height: auto;
}

.door img {
  display: block;
  width: 100%;
  height: auto;
}

.door-overlay {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1280px;
  height: 100%;
  pointer-events: none;
}

.line,
.box {
  opacity: 0;
  transition: opacity 300ms ease;
  pointer-events: none;
}

.line.active,
.box.active {
  opacity: 1;
  pointer-events: auto;
}

.line {
  transition-delay: 0ms;
}

.box {
  transition-delay: 150ms;
}

.spot {
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(9, 162, 221, 1);
  border-radius: 50%;
  pointer-events: auto;
  animation: pulsate 3s infinite;
  box-shadow: 0 0 10px rgba(9, 162, 221, 0.75);
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 40;
  font-size: 0.8em;
  font-weight: 600;
}

.door-stopper-spot {
  top: 86%;
  left: 29.5%;
}

.kyoto-spot {
  top: 52.5%;
  left: 67%;
}

.roller-spot {
  top: 86%;
  left: 61%;
}

.line {
  position: absolute;
  width: 2.5px;
  background-color: rgba(9, 162, 221, 1);
  transform-origin: top center;
  pointer-events: none;
  z-index: 20;
}

.door-stopper-line {
  top: 88%;
  left: 30%;
  height: 100px;
  transform: rotate(90deg);
}

.kyoto-line {
  top: 55%;
  left: 69%;
  height: 100px;
  transform: rotate(-90deg);
}

.roller-line {
  top: 88%;
  left: 62%;
  height: 195px;
  transform: rotate(-90deg);
}

.roller-line-2 {
  top: 80.5%;
  left: 73%;
  height: 57px;
  transform: rotate(-90deg);
}

.roller-line-3 {
  top: 73%;
  left: 73%;
  height: 57px;
  transform: rotate(-90deg);
}

.roller-joiner {
  top: 88%;
  left: 73%;
  height: 110px;
  transform: rotate(-180deg);
}

.box {
  display: block;
  position: absolute;
  color: #000;
  padding: 10px;
  font-size: 1em;
  font-weight: 400;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  pointer-events: auto;
  cursor: pointer;
  z-index: 60;
 
  transition: opacity 300ms ease, background-color 300ms ease, color 300ms ease;
}

.box {
  background-color: #09a2dd;
  color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.box:hover {
  background-color: #0d4c89;
}

.door-stopper-box {
  top: 85%;
  left: 15%;
}

.kyoto-box {
  top: 52.5%;
  left: 76%;
}

.roller-1-box {
  top: 70%;
  left: 76%;
}

.roller-2-box {
  top: 77.5%;
  left: 76%;
}

.roller-3-box {
  top: 85%;
  left: 76%;
}

@keyframes pulsate {
  0% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(9, 162, 221, 0.8);
  }
  50% {
    transform: scale(1.2);
    box-shadow: 0 0 20px rgba(9, 162, 221, 1);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(9, 162, 221, 0.75);
  }
}

@media screen and (max-width: 1240px) {
  .door-stopper-spot {
    top: 90.5%;
  }

  .kyoto-spot {
    top: 57%;
  }

  .roller-spot {
    top: 90.5%;
  }

  .door-stopper-line {
    top: 92.5%;
  }

  .kyoto-line {
    top: 59.5%;
  }

  .roller-line {
    top: 92.5%;
  }

  .roller-line-2 {
    top: 85%;
  }

  .roller-line-3 {
    top: 77.5%;
  }

  .roller-joiner {
    top: 92.5%;
  }

  .door-stopper-box {
    top: 89.5%;
  }

  .kyoto-box {
    top: 57%;
  }

  .roller-1-box {
    top: 74.5%;
  }

  .roller-2-box {
    top: 82%;
  }

  .roller-3-box {
    top: 89.5%;
  }
}

@media screen and (max-width:1200px) {
    .door-stopper-spot {
    left: 30%;
  }

  .kyoto-spot {
    left: 60.5%;
  }

  .roller-spot {
    left: 58%;
  }

  .door-stopper-line,.kyoto-line,.roller-line,.roller-line-2,.roller-line-3,.roller-joiner  {
    display: none;
  }

  .door-stopper-box {
    top: 82%;
    left: 27%;
  }

  .kyoto-box {
    top: 56%;
    left: 48%;
  }

  .roller-1-box {
    top: 68%;
    left: 60%;
  }

  .roller-2-box {
    top: 75%;
    left: 60%;
  }

  .roller-3-box {
    top: 82%;
    left: 60%;
  }
}

@media screen and (max-width:1100px) {
  .radio-buttons {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width:770px) {
  .door-stopper-spot {
    top:82%;
  }

  .kyoto-spot {
    top:48%;
  }

  .roller-spot {
    top: 82%;
  }

  .door-stopper-box {
    top: 74%;
  }

  .kyoto-box {
    top: 47%;
  }

  .roller-1-box {
    top: 60%;
  }

  .roller-2-box {
    top: 67%;
  }

  .roller-3-box {
    top: 74%;
  }
}

@media screen and (max-width:700px) {
  .door {
    position: relative;
    width: 1100px;
  }
  .hover-door-section {
    height: 550px;
  }
    .kyoto-spot {
    top:50%;
  }
  .kyoto-box {
    top:44%;
    left: 49%;
  }
  .roller-spot {
    top: 91%;
    left: 60.5%;
  }
  .roller-1-box{
    top: 65%;
    left: 46%;
  }
  .roller-2-box {
    top: 74%;
    left: 49.25%;
  }
  .roller-3-box {
    top: 83%;
    left: 48.65%;;
  }
  .door-stopper-spot {
    top: 91%;
    left: 32.5%;
  }
  .door-stopper-box {
    top: 81%;
    left: 33%;
  }
}

@media screen and (max-width:600px) {
  .door {
    position: relative;
    width: 900px;
  }
  .hover-door-section {
    height: 450px;
    overflow: visible;
  }
  .kyoto-spot {
    left: 58%;
  }
  .kyoto-box {
    left: 46.5%;
  }
  .roller-spot {
    left: 58.5%;
  }
  .roller-1-box{
    left: 48.75%;
    top: 60%;
  }
  .roller-2-box {
    top: 70%;
    left: 52%;
  }
  .roller-3-box {
    top: 80%;
    left: 51.45%;;
  }
  .door-stopper-spot {
    top: 91%;
    left: 35.5%;
  }
  .door-stopper-box {
    top: 80%;
    left: 36%;
  }
}

@media screen and (max-width:479px) {
  .fitment-guide-heading-phone {
    display: flex;
    font-weight: 600;
    color: var(--dark-blue);
    padding: 20px;
    background-color: color-mix(in srgb, var(--light-blue) 5%, var(--light-blue) 5%);
  }
    .door {
    position: relative;
    width: 740px;
  }
  .hover-door-section {
    height: 380px;
    overflow: visible;
  }
  .spot {
    width: 20px;
    height: 20px;
  }
  .kyoto-spot {
    top: 40%;
    left: 56%;
  }
  .kyoto-box {
    top: 34%;
    left: 44.5%;
  }
  .roller-spot {
    top: 89.5%;
    left: 57%;
  }
  .roller-1-box {
    top: 52%;
    left: 45.75%;
  }
  .roller-2-box {
    top: 64%;
    left: 49%;
  }
  .roller-3-box {
    top:76%;
    left: 48.5%;
  }
  .door-stopper-spot {
    top: 89.5%;
    left: 38%;
  }
  .door-stopper-box {
    top: 76%;
    left: 38%;
  }
}

@media screen and (max-width:375px) {
  .hover-door-section {
    display: none;
  }
}






@keyframes flash {
  0% {
    background-color: rgba(169, 169, 169, 0.7);
  }
  50% {
    background-color: rgba(
      169,
      169,
      169,
      0.7
    );
  }
  100% {
    background-color: transparent;
  }
}

.uui-heroheader05_image-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.volta_intro {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.uui-page-padding-volta {
  background-color: rgba(9, 162, 221, 0.2);
  border-radius: 20px;
  max-width: 56rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.volta_inspiration {
  background-color: rgba(255, 255, 255, 0);
  justify-content: center;
  margin-top: 35px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.uui-container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-padding-vertical-xhuge-6 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.uui-layout20_component-alt {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.flash {
  animation: flash 0.75s ease-in-out;
}

.kitset-wrapper {
  max-width: 2160px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.kitset-section-heading {
  width: 100%;
  height: auto;
  padding: 40px 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  transition: background-color 0.75s ease;
  font-weight: 500;
  font-size: 2em;
}

.kitset-section heading {
  font-weight: 500;
  font-size: 1.5em;
}


.overlay {
  display: flex;
  width: 100%;
  height: 75px;
  z-index: 10;
  background-color: #171717;
  transition: top 0.3s ease, position 0.3s ease;
}

.overlay.sticky {
  position: fixed;
  top: 0;
}


.overlay-part {
  width: 20%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  position: relative;
  transition: background-color 0.25s ease-in-out;
}

.overlay-heading {
  margin: 0;
  font-size: 1.2rem;
  color: #ffffff;
  width: 100%;
  font-weight: 400;
}

.overlay-part:hover {
  background-color: rgba(169, 169, 169, 0.7);
}

.kitset-heading {
  width: 100%;
  height: auto;
  padding: 60px;
  font-weight: 500;
  font-size: 2em;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
  transition: background-color 0.75s ease;
}

.contact_footer {
 
  position: relative;
}

.kitset_footer {
  background-color: transparent;
}

.kitset-container {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.kitset-image {
  width: 100%;
  max-width: 2160px;
  height: auto;
  max-height: 100vh;
  object-fit: cover;
  position: relative;
}

.kitset-static-image {
  width: 100%;
}

.kitset-phone-heading {
  display: none;
}

.kitset-phone-hero {
  display: none;
}

.kitset-section {
  width: 100%;
  height: auto;
  padding: 60px;
  display: flex;
  flex-direction: column;
 
  justify-content: flex-start;
  box-sizing: border-box;
  gap: 20px;
  transition: background-color 0.75s ease;
}

.kitset-section h2 {
  margin: 0;
  font-size: 2rem;
  color: #333;
  font-weight: 500;
  font-size: 1.5em;
}

.kitset-content-wrap {
  display: flex;
  flex-direction: row;
  gap: 80px;
  align-items: center;
  justify-content: center;
}

.kitset-paragraph {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kitset-table-container {
  flex-flow: column;
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 40px 60px 80px 60px;
  box-sizing: border-box;
}

.kitset-table-container-smaller {
  flex-flow: column;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 40px 60px 80px 60px;
  box-sizing: border-box;
}

.kitset-table-container .max-1200-hero,
.kitset-table-container-smaller .max-1200-hero {
  font-size: 0.8em;
}

.kitset-image-container {
  width: 450px;
  height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.kitset-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kitset-featured {
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 40px 60px 40px 60px;
  color: #333;
  gap: 2rem;
  box-sizing: border-box;
}

.kitset-featured-wrap {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: center;
  align-items: center;
}

.kitset-image-container-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kitset-featured-product {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  text-align: center;
}

.kitset-featured-product h2 {
  font-weight: 500;
  font-size: 1.5em;
  margin: 0;
}

.kitset-featured-product-image {
  width: 100%;
  height: 100%;
}

.kitset-featured-heading {
  font-weight: 500;
  font-size: 2em;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hero-logo h1 {
  text-align: left;
}

.hero-kitset-section {
  width: 100%;
  height: auto;
 
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 60px;
  box-sizing: border-box;
}

.hero-box {
  border: #333 1px solid;
  display: block;
  padding: 20px;
}

.top-logo img {
  max-height: 50px;
}

.top-logo {
 
  top: 0;
  left: 0;
  width: 100%;
  height: 20vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.hero-kitset-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}

.button-wrap-kitset {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  font-family: "Poppins", sans-serif;
  align-items: center;
  justify-content: center;
}

.hero-kitset-single {
  display: flex;
  flex-direction: column;
}

.hero-kitset-content h1 {
  font-size: 2em;
  margin: 0 0 10px;
  font-weight: 500;
}

.hero-kitset-content h3 {
  font-size: 1.25em;
  margin: 0 0 10px;
  font-weight: 500;
}

.hero-kitset-content p {
  font-size: 1rem;
 
  max-width: 1000px;
}

.hero-kitset-content button {
  background-color: #475467;
  color: #ffffff;
  padding: 15px 40px;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  width: 400px;
  font-family: "Poppins", sans-serif;
  font-size: 1.25em;
}

.hero-kitset-content button:hover {
  background-color: #98a2b3;
}

@media screen and (max-width: 1920px) {
  .uui-padding-vertical-xhuge-6 {
    padding-top: 4rem;
  }
}

@media screen and (max-width: 1200px) {
  .hero-logo h1 {
    text-align: center;
  }
  .overlay {
    height: 50px;
  }
  .overlay-heading {
    font-size: 1em;
  }
  .kitset-image-container {
    width: 400px;
    height: 400px;
  }
  .kitset-paragraph {
    font-size: 0.8em;
  }
  .kitset-featured-product {
    width: 50%;
    max-width: 300px;
  }
  .kitset-table-container-smaller {
    padding: 0;
  }
  .kitset-table-container .max-1200-tablet,
  .kitset-table-container-smaller .max-1200-tablet {
    font-size: 1em;
  }
  .kitset-paragraph {
    width: 100%;
    text-align: center;
  }
  .kitset-featured {
    height: auto;
  }
}

@media screen and (max-width: 960px) {
  .kitset-content-wrap {
    flex-direction: column;
    gap: 2rem;
  }
  .kitset-featured-wrap {
    flex-direction: column;
    width: 100%;
  }
  .kitset-featured-product {
    width: 100%;
    max-width: 500px;
  }
  .hero-kitset-section {
    height: auto;
    padding: 20px 60px;
   
    justify-content: flex-start;
    margin-bottom: 60px;
  }
  .top-logo {
    max-height: 15vh;
  }
}

@media screen and (max-width: 642px) {
  .overlay-heading {
    display: none;
  }
  .kitset-phone-heading {
    display: flex;
    color: white;
    font-weight: 400;
    font-size: 1em;
    width: 100%;
    text-align: center;
  }
  .kitset-static-image {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .kitset-featured {
    height: auto;
    padding: 20px;
    gap: 20px;
  }
  .kitset-table-container {
    padding: 20px;
  }
  .hero-kitset-section {
    padding: 20px;
    height: 100%;
    margin-bottom: 20px;
  }
  .hero-kitset-content p {
    font-size: 0.8em;
  }
  .kitset-section {
    padding: 20px;
    text-align: center;
  }
  .kitset-image-container {
    width: auto;
    height: 100%;
  }
  .kitset-paragraph {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
  }
  .kitset-featured-product {
    width: 100%;
  }
  .kitset-heading {
    padding: 0;
    padding-bottom: 20px;
    margin-top: 50px;
    text-align: center;
    font-size: 1.5em;
  }
  .kitset-featured-heading,
  .hero-kitset-content h1 {
    font-size: 1.5em;
  }
  .kitset-section h2 {
    width: 100%;
  }
  .kitset-featured-product p {
    font-size: 0.8em;
  }
  .kitset-featured-product h2 {
    font-size: 1.5em;
  }
  .full-paragraph {
    box-sizing: border-box;
    padding: 0 20px;
  }
  .hero-box {
    margin: 20px;
  }
  .hero-kitset-content {
    gap: 10px;
  }
  .button-wrap-kitset {
    padding: 0 20px;
  }
  .hero-kitset-content button {
    font-size: 1em;
    width: 100%;
  }
  .top-logo {
    height: 100%;
    padding: 20px 0;
  }
  .kitset-table-container .max-1200-tablet,
  .kitset-table-container-smaller .max-1200-tablet {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 479px) {
  .uui-heroheader05_image-wrapper {
    height: auto;
  }
  .hero-kitset-content .full-paragraph {
    display: none;
  }
  .hero-kitset-content .kitset-phone-hero {
    display: flex;
  }
  .hero-kitset-content button {
    padding: 10px 40px;
    font-size: 1em;
  }
  .overlay {
    display: none;
  }
  .kitset-phone-hero {
    box-sizing: border-box;
    padding: 0 20px;
  }
  .hero-box .kitset-phone-hero {
    padding: 0;
  }
}



.link-reset {
  text-decoration: none;
  color: inherit;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-heroheader03_arrow-image {
  position: absolute;
  bottom: 5rem;
  left: -12rem;
}

.uui-heroheader03_arrow-image.hide-tablet {
  color: var(--dark-grey);
  mix-blend-mode: normal;
  width: 18rem;
  max-width: none;
}

.uui-text-size-xlarge-2 {
  color: var(--black1717);
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-button-5 {
  grid-column-gap: 0.5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2a3340;
  border: 1px #7f56d9;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button-5:hover {
  background-color: var(--light-blue);
  border-color: #6941c6;
}

.uui-button-5:focus {
  background-color: var(--dark-blue);
  box-shadow: none;
  border-style: none;
}

.uui-button-5.is-button-large {
  grid-column-gap: 0.75rem;
  background-color: #2a3340;
  border-style: none;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-heroheader03_content {
  z-index: auto;
  position: relative;
}

.uui-space-large {
  width: 100%;
  min-height: 3rem;
}

.content-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.uui-button-row-3 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row-3.button-row-center {
  justify-content: center;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.title {
  color: #2a3340;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 72px;
  font-weight: 600;
}

.titan_hero {
  overflow: hidden;
}

.uui-page-padding-4 {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.subheading {
  color: #2b2b2b;
  text-align: left;
  margin-top: 0;
  padding-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 500;
}

.uui-heroheader03_image-wrapper {
  position: relative;
}

.uui-heroheader03_component {
  grid-column-gap: 0rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.content-container {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-heroheader03_image {
  object-fit: cover;
  object-position: 100% 50%;
  border-top-right-radius: 4rem;
  border-bottom-left-radius: 4rem;
  width: 100%;
  height: 40rem;
}

.uui-heading-subheading-4 {
  color: var(--black1717);
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

.uui-heading-medium-3 {
  color: var(--black1717);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.uui-text-size-large-3 {
  color: var(--black1717);
  letter-spacing: normal;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.volta_inspiration {
  background-color: rgba(255, 255, 255, 0);
  justify-content: center;
  margin: 35px 20px;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.heading-medium-2 {
  color: var(--black1717);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.3;
}

.uui-page-padding-4-alt {
  background-color: rgba(196, 184, 176, 0.65);
  border-radius: 20px;
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-layout20_component-alt {
    gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 0.75fr 1.25fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.titan_content {
  background-color: #fff;
  margin-top: 0;
  padding-top: 0;
  display: block;
}

.uui-space-medium-3 {
  width: 100%;
  min-height: 2rem;
}

.uui-heading-large {
  color: #101828;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.uui-text-align-center-2 {
  text-align: center;
}

.uui-container-small-2 {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-text-size-xlarge-3 {
  color: var(--dark-blue);
  font-family: Poppins, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}

.uui-lightbox_play-icon-2 {
  z-index: 2;
  -webkit-backdrop-filter: saturate(150%) blur(12px);
  backdrop-filter: saturate(150%) blur(12px);
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  width: 4rem;
  height: 4rem;
  display: block;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.lightbox_video-overlay-layer-2 {
  z-index: 1;
  background-color: rgba(29, 41, 57, 0.1);
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.uui-testimonial10_component {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  background-color: #f9fafb;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  height: auto;
  display: grid;
  overflow: hidden;
}

.uui-testimonial10_lightbox-image {
  object-fit: cover;
  width: 100%;
  height: 15rem;
}

.uui-testimonial10_lightbox {
  object-fit: fill;
  flex: 1;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.uui-page-padding-6 {
  margin-left: 20px;
  margin-right: 20px;
  padding: 2rem;
}

.uui-text-size-large-3 {
  color: var(--black1717);
  letter-spacing: normal;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.uui-padding-vertical-xhuge-10 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.uui-text-size-medium-4 {
  color: var(--dark-grey);
  letter-spacing: normal;
  -webkit-text-stroke-width: 0px;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.uui-space-xxsmall-4 {
  width: 100%;
  min-height: 0.5rem;
}

.uui-heading-xsmall-3 {
  color: #101828;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.feature_header {
  color: var(--dark-blue);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 0 0 20px;
  padding-top: 60px;
  padding-bottom: 40px;
  font-family: Poppins, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  display: block;
  position: static;
}

.uui-layout47_content {
  text-align: left;
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: flex;
  overflow: hidden;
}

.uui-layout47_component {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: start;
  display: grid;
}

.uui-padding-vertical-xhuge-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.text-small {
  color: var(--black1717);
  letter-spacing: normal;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.uui-padding-vertical-xhuge-9 {
  background-color: rgba(238, 244, 255, 0);
  border-radius: 0;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-space-xsmall-4 {
  width: 100%;
  min-height: 1rem;
}

.titan_footer {
  background-color: rgba(196, 184, 176, 0.65);
  margin-top: 40px;
  position: relative;
}

.medium-heading {
  color: var(--black1717);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.3;
}

.text-block {
  font-family: Poppins, sans-serif;
  font-size: 0.8rem;
  font-weight: 300;
}

.text-block-filled {
  -webkit-text-stroke-color: #2c333f;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.titan_intro {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.image {
  object-position: 50% 50%;
  border-top-left-radius: 4rem;
  border-bottom-right-radius: 4rem;
  height: 40em;
}

.container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.title_volta {
  color: var(--dark-blue);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 3.5em;
  font-weight: 600;
  line-height: 1.5em;
}

.uui-button_discover {
  grid-column-gap: 0.5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2a3340;
  border: 1px #7f56d9;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button_discover:hover {
  background-color: var(--light-blue);
  border-color: #6941c6;
}

.uui-button_discover:focus {
  background-color: var(--dark-blue);
  box-shadow: none;
  border-style: none;
}

.uui-button_discover.is-button-large {
  grid-column-gap: 0.75rem;
  background-color: var(--light-blue);
  border-style: none;
  padding: 1rem 1.75rem;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
}

.uui-button_discover.is-button-large:hover {
  background-color: var(--dark-blue);
}

.volta_hero {
  overflow: hidden;
}

.rollers_sales-pitch {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.volta_content {
  background-color: #fff;
  margin-top: 0;
  padding-top: 0;
}

.page-padding-roller {
  background-color: rgba(9, 162, 221, 0.1);
  border-radius: 20px;
  max-width: 56rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.uui-cta03_image {
  object-fit: cover;
  object-position: 100% 50%;
  border-top-right-radius: 4px;
  width: 100%;
  height: 100%;
}

.uui-cta03_image-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-text-style-link {
  color: var(--simple-grey);
  text-decoration: underline;
  transition: color 0.3s;
}

.uui-text-style-link:hover {
  color: var(--dark-blue-grey);
}

.uui-text-size-small {
  color: var(--simple-grey);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}

.uui-button {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05),
    0 0 0 4px var(--broken-white);
}

.uui-form_input {
  border: 1px solid var(--light-grey);
  background-color: var(--untitled-ui--white);
  color: var(--dark-black);
  border-radius: 0.5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: 0.5rem 0.875rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  transition: all 0.3s;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-form_input:focus {
  border-color: var(--untitled-ui--primary300);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05),
    0 0 0 4px var(--broken-white);
  color: var(--dark-black);
}

.uui-form_input::placeholder {
  color: var(--soft-grey);
}

.uui-signup-form_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: 0.375rem;
  display: grid;
}

.uui-cta03_form {
  max-width: 30rem;
  margin-top: 2.5rem;
  margin-bottom: 0;
}

.uui-text-size-large {
  color: var(--simple-grey);
  letter-spacing: normal;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-space-small-2 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-large-2 {
  color: var(--dark-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-cta03_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-section_cta03,
.uui-section_cta03-alt {
  background-color: var(--untitled-ui--white);
}

.div-block {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.uui-heading-light {
  color: #101828;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4;
}

.uui-cta02_image-02 {
  z-index: 1;
  width: 15.25rem;
  min-width: 15.25rem;
  position: absolute;
  top: auto;
  bottom: -10%;
  left: 0%;
  right: 0%;
}

.uui-cta02_image-01 {
  border: 0.25rem solid var(--dark-black);
  border-radius: 0.625rem;
  width: 48rem;
  min-width: 48rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 12%;
  right: auto;
}

.uui-cta02_image-wrapper {
  height: 100%;
  min-height: 32rem;
  position: relative;
}

.uui-button-secondary-gray {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--light-grey);
  background-color: var(--untitled-ui--white);
  color: var(--dark-blue-grey);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--ultra-dark-grey);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05),
    0 0 0 4px var(--patchy-white);
}

.uui-button-row {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-text-size-large-5 {
  color: var(--simple-grey);
  letter-spacing: normal;
  text-transform: none;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-cta02_item-icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 0.75rem;
}

.uui-cta02_item {
  display: flex;
}

.uui-cta02_item-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0.25rem;
  margin-bottom: 2.5rem;
  display: grid;
}

.uui-cta02_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.uui-section_cta02 {
  background-color: var(--untitled-ui--gray50-2);
  overflow: hidden;
}

.icon {
  color: var(--light-blue);
  text-align: center;
  margin-bottom: 0;
  padding-top: 2px;
  font-family: "Fa 400", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.div-block-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  display: flex;
}

.uui-cta03_image2 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.uui-cta03_image1 {
  object-fit: cover;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
}

.volta_footer {
  background-color: rgba(9, 162, 221, 0.1);
  position: relative;
}

.contact-button {
  grid-column-gap: 0.5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2a3340;
  border: 1px #7f56d9;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 12rem;
  padding: 1rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.contact-button:hover {
  background-color: var(--dark-blue);
  border: 0 #6941c6;
}

.contact-button:focus {
  box-shadow: none;
  background-color: #173858;
  border-style: none;
}

.contact-button.is-button-large {
  grid-column-gap: 0.75rem;
  background-color: #2a3340;
  border-style: none;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.feature_header-_volta {
  color: var(--light-blue);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 0 0 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  display: block;
  position: static;
}

.uui-text-size-xlarge_volta {
  color: var(--light-blue);
  font-family: Poppins, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}

.image-2 {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  overflow: hidden;
}

.image-3 {
  border-top-right-radius: 4rem;
  border-bottom-left-radius: 4rem;
}

.uui-layout47_image {
  text-align: left;
  object-fit: fill;
  border-radius: 2em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: flex;
  overflow: hidden;
}

.uui-button_vol {
  grid-column-gap: 0.5rem;
  background-color: var(--light-blue);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border: 1px #7f56d9;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button_vol:hover {
  background-color: var(--dark-blue);
  border: 0 #6941c6;
}

.uui-button_vol:focus {
  box-shadow: none;
  background-color: #173858;
  border-style: none;
}

.uui-button_vol.is-button-large {
  grid-column-gap: 0.75rem;
  background-color: #2a3340;
  border-style: none;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-heroheader10_notification-image-04 {
  opacity: 0.5;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 0.5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: 0;
}

.uui-heroheader10_notification-image-03 {
  opacity: 0.75;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 0.5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: 0.75rem;
}

.uui-heroheader10_notification-image-02,
.uui-heroheader10_notification-image-01 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 0.5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: 0.75rem;
}

.uui-heroheader10_notification-image-wrapper {
  z-index: 2;
  width: 23rem;
  position: absolute;
  top: auto;
  bottom: -3%;
  left: -20%;
  right: auto;
}

.uui-heroheader10_image-background {
  z-index: 0;
  background-color: var(--patchy-white);
  border-radius: 20rem 20rem 1.5rem 1.5rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.uui-heroheader10_image {
  z-index: 1;
  width: 100%;
  max-width: 19.75rem;
  position: relative;
  bottom: -12%;
}

.uui-heroheader10_image-inner-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.uui-heroheader10_image-wrapper {
  justify-content: center;
  align-items: flex-end;
  height: 40rem;
  display: flex;
  position: relative;
}

.uui-text-size-medium {
  color: var(--simple-grey);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-ratings_number {
  color: var(--dark-blue-grey);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.uui-ratings_stars {
  width: 100%;
  height: 1.25rem;
  margin-right: 0.5rem;
}

.ratings_stars-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.125rem;
  display: flex;
}

.ratings_wrapper {
  margin-left: 1rem;
}

.uui-avatar-group_item {
  border: 2px solid var(--untitled-ui--white);
  background-color: var(--untitled-ui--white);
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: -1rem;
}

.uui-avatar-group_component {
  grid-column-gap: 0rem;
  flex-wrap: nowrap;
  align-items: center;
  padding-right: 1rem;
  display: flex;
}

.uui-ratings_component {
  align-items: center;
  display: flex;
}

.uui-space-large-2 {
  width: 100%;
  min-height: 3rem;
}

.uui-button-6 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button-6:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-6:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05),
    0 0 0 4px var(--broken-white);
}

.uui-button-6.is-button-large {
  grid-column-gap: 0.75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-button-secondary-gray-2 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--light-grey);
  background-color: var(--untitled-ui--white);
  color: var(--dark-blue-grey);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--ultra-dark-grey);
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05),
    0 0 0 4px var(--patchy-white);
}

.uui-button-secondary-gray-2.is-button-large {
  grid-column-gap: 0.75rem;
  background-color: rgba(255, 255, 255, 0);
  border-color: #000;
  width: 12rem;
  padding: 0.625rem 1.75rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
}

.uui-button-secondary-gray-2.is-button-large:focus {
  box-shadow: none;
}

.uui-button-row-4 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-max-width-small {
  width: 100%;
  max-width: 30rem;
}

.uui-text-size-xlarge {
  color: var(--simple-grey);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-space-small-3 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-xlarge {
  color: var(--dark-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heroheader10_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.uui-padding-vertical-xhuge-11 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-7 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-section_heroheader10 {
  background-color: var(--untitled-ui--gray50-2);
}

.text-block-3 {
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.uui-footer07_legal-link {
  color: var(--soft-grey);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.3s;
}

.uui-footer07_legal-link:hover {
  color: var(--simple-grey);
}

.uui-footer07_legal-list {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.uui-text-size-small-2 {
  color: var(--simple-grey);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}

.uui-text-size-small-2.text-color-gray500 {
  color: var(--soft-grey);
  text-align: center;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  display: block;
}

.uui-footer07_bottom-wrapper {
  border-top: 1px solid var(--untitled-ui--gray200);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 2rem;
  display: flex;
}

.uui-footer07_link {
  color: var(--simple-grey);
  text-align: center;
  padding: 0.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
}

.uui-footer07_link:hover {
  color: var(--dark-blue-grey);
}

.uui-footer07_link-list {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: grid;
}

.uui-logo_image {
  flex: none;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.uui-logo_logotype {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 50%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.uui-logo_logomark {
  border: 0.1px solid #dae0e8;
  border-radius: 0.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.1);
}

.uui-logo_component {
  flex-wrap: nowrap;
  width: 200px;
  height: auto;
  display: flex;
}

.uui-logo_component-big {
  flex-wrap: nowrap;
  width: 400px;
  height: auto;
  display: flex;
}

.footer-logolink {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 0;
  padding-bottom: 40px;
  display: flex;
}

.uui-footer07_top-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-padding-vertical-xlarge {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.uui-footer07_component {
  background-color: #fff;
}

.text-block-4 {
  color: #000;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.consult-button {
  grid-column-gap: 0.5rem;
  outline-offset: 0px;
  color: #171717;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(42, 51, 64, 0);
  border: 0 #2c333f;
  border-radius: 0.5rem;
  outline: 1px solid #2c333f;
  justify-content: center;
  align-items: center;
  width: 12rem;
  padding: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  display: flex;
}

.consult-button:hover {
  color: #fdfdfd;
  background-color: #bebebe;
  outline: 1px solid #2c333f;
}

.consult-button.is-button-large {
  grid-column-gap: 0.75rem;
  background-color: #2a3340;
  border-style: none;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.text-block-outlined {
  color: #171717;
  -webkit-text-stroke-color: #2c333f;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.dms_footer {
  background-color: #fff;
}
.link-block {
  margin-bottom: 40px;
  text-decoration: none;
}

.link-block:hover {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--light-blue);
}

.link-block-ciilock {
  margin-bottom: 40px;
  text-decoration: none;
}

.link-block-ciilock:hover {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--light-blue);
}

.top-image {
  width: auto;
  height: 100%;
  margin-left: auto;
  padding: 0;
  display: block;
}

.nav-link-dropdown {
  opacity: 1;
  display: none;
}

.top-of-navbar {
  background-color: #18191d;
  flex-flow: row;
  align-items: center;
  height: 53px;
  margin-left: -10px;
  padding: 10px 40px;
  display: flex;
}

.nav-menu-2 {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.navbar-link {
  color: #fff;
  transition: all 0.2s ease-in;
}

.navbar-link:hover,
.navbar-link.w--current {
  color: #09a2dd;
}

.ciilock-main-navbar---responsive {
  background-color: rgba(0, 0, 0, 0);
}

.nav-link-top {
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 100%;
  margin-right: 20px;
  padding: 10px 8px 10px 10px;
  display: flex;
}

.navbar-container {
  aspect-ratio: auto;
  flex-flow: column;
  width: auto;
  max-width: none;
  margin: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.big-picture-navbar {
  width: auto;
  height: 25px;
}

.bottom-of-navbar {
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding: 10px 40px;
  display: flex;
}

.uui-heroheader02_image {
  width: 100%;
  height: 100%;
}

.uui-heroheader02_image-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: contain;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.uui-button-7 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button-7:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-7:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05),
    0 0 0 4px var(--broken-white);
}

.uui-button-7.is-button-large {
  grid-column-gap: 0.75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-button-icon-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon-2.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-button-secondary-gray-3 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--light-grey);
  background-color: var(--untitled-ui--white);
  color: var(--dark-blue-grey);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button-secondary-gray-3:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--ultra-dark-grey);
}

.uui-button-secondary-gray-3:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05),
    0 0 0 4px var(--patchy-white);
}

.uui-button-secondary-gray-3.is-button-large {
  grid-column-gap: 0.75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.button-row {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-row.button-row-center {
  justify-content: center;
}

.uui-space-large-3 {
  width: 100%;
  min-height: 3rem;
}

.text-large-size {
  color: var(--black1717);
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

.text-large-size.text-color-primary700 {
  color: var(--black1717);
  text-align: left;
  width: 100%;
  font-family: Poppins, sans-serif;
}

.uui-max-width-small-2 {
  width: 100%;
  max-width: 30rem;
}

.small-space {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-xlarge-2 {
  color: var(--dark-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 3.5em;
  font-weight: 600;
  line-height: 1.25em;
}

.uui-heroheader02_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.padding-vert {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  padding-top: 6rem;
  padding-bottom: 0;
  display: flex;
}

.large-container {
  flex-flow: column;
  width: 100%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.full-container {
  flex-flow: column;
  width: 100vw;
  align-self: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.phone-nav-products {
  display:none;
}

.on-hover-img {
  transition: var(--common-transition);
  min-height: 150px;
}

.on-hover-img:hover {
  background-color: #f2f2f2;
}

.on-hover-img a img {
  align-self: center;
  justify-self: center;
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.uui-page-padding-8 {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-section_heroheader02 {
  overflow: hidden;
}

.uui-heroheader05_image-blob {
  z-index: -1;
  color: var(--untitled-ui--gray50-2);
  width: 34rem;
  height: auto;
  position: static;
  top: 12%;
}

.uui-heroheader05_image {
  object-fit: contain;
  height: 100%;
  max-height: none;
}

.uui-heroheader05_image-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-badge-group_icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
  display: flex;
}

.uui-badge-group_icon.text-color-primary500 {
  color: var(--light-soft-grey0);
  margin-right: -0.25rem;
}

.badge-group_text-wrapper {
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  display: flex;
}

.uui-badge-group_badge {
  background-color: var(--untitled-ui--white);
  color: var(--dark-blue-grey);
  white-space: nowrap;
  border-radius: 1rem;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.uui-badge-group_badge.is-primary {
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--primary700);
}

.uui-badge-group {
  background-color: var(--patchy-white);
  color: var(--dark-blue-grey);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.uui-badge-group.is-primary {
  background-color: var(--light-soft-grey-2);
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  text-decoration: none;
}

.grid-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.page-padding {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.top-hero-section {
  overflow: hidden;
}

.uui-text-size-medium-5 {
  color: var(--simple-grey);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: 0.5rem;
}

.uui-heading-xxsmall {
  color: var(--dark-black);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.timeline-right {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.uui-icon-1x1-xsmall-2 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-icon-featured-outline-large {
  color: var(--dark-blue);
  background-color: rgba(9, 162, 221, 0.2);
  border: 0.5rem solid rgba(13, 76, 137, 0.4);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.timeline-icon {
  z-index: 1;
  background-color: #f5f5f5;
  margin-top: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
} 

.timeline-icon.white {
  background-color: #ffffff;
}

.timeline-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.part-feature {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
}

.uui-layout32_progress-bar {
  background-color: var(--dark-blue);
  width: 2px;
  height: 100%;
}

.progress-bar {
  background-color: var(--untitled-ui--gray200);
  width: 2px;
  height: 75%;
  position: absolute;
  top: 10%;
  left: 1.75rem;
  right: auto;
}

.timeline-wrapper {
  position: relative;
}

.other-section {
  margin-top: 64px;
}

.medium-space {
  width: 100%;
  min-height: 2rem;
}

.heading-medium {
  color: var(--dark-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.subheading-roller {
  color: var(--light-blue);
  margin-bottom: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.grid-component-layout {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
  margin-top: 32px;
}

.padding-vert-2 {
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.bottom-4rem {
  padding-bottom: 4rem;
}

.page-padding-2 {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.image-4 {
  width: 2em;
  height: 2em;
}

.uui-heroheader18_background-grid-mask {
  z-index: -1;
  background-color: var(--untitled-ui--white);
  width: 100%;
  height: 300%;
  position: absolute;
  top: auto;
  bottom: -267%;
  left: 0%;
  right: 0%;
}

.uui-heroheader18_background-grid-section {
  height: 4.5rem;
}

.uui-heroheader18_background-grid-section.background-color-primary100 {
  background-color: var(--broken-white);
}

.uui-heroheader18_background-grid-section.background-color-primary300 {
  background-color: var(--untitled-ui--primary300);
}

.uui-heroheader18_background-grid-section.background-color-primary200 {
  background-color: var(--untitled-ui--primary200);
}

.uui-heroheader18_background-grid-section.background-color-primary300-alt {
  background-color: var(--untitled-ui--primary300);
}

.background-color-primary100 {
  background-color: var(--broken-white);
}

.background-color-primary300 {
  background-color: var(--untitled-ui--primary300);
}

.background-color-primary200 {
  background-color: var(--untitled-ui--primary200);
}

.uui-heroheader18_background-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 125rem;
  min-width: 125rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.uui-heroheader18_background {
  z-index: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: auto;
  transform: skew(0deg, -7.25deg);
}

.uui-heroheader18_image {
  z-index: 1;
  width: 100%;
  max-width: none;
  position: static;
}


.image-wrap {
  z-index: -5;
  object-fit: contain;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin-top: 0;
  display: flex;
  position: static;
  bottom: 300px;
  overflow: hidden;
}

.max-height-250 {
  max-height: 250px;
}

.image-wrap-restricted {
  z-index: -5;
  object-fit: contain;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin-top: 0;
  display: flex;
  position: static;
  bottom: 300px;
  overflow: hidden;
  justify-self: center;
}

.image-restrict-1000 {
  max-width: 1000px;
  align-self: center;
  display: flex;
  justify-self: center;
  width: 100%;
}

.image-restrict-1000 img {
  object-fit: contain;
}

.image-wrap-restricted-table {
  z-index: -5;
  object-fit: contain;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
 
  margin-top: 0;
  display: flex;
  position: static;
  bottom: 300px;
  overflow: hidden;
}

.full-image {
  height: 100%;
  display: flex;
}

.full-image img {
  height: 100%;
}

.full-image-restricted {
  display: flex;
}

.max-width-large-wrap {
  width: 100%;
}

.max-width-large-wrap.align-center {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.text-heading-large {
  color: var(--dark-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.15rem;
  font-weight: 600;
  line-height: 1.1;
}

.fitment-guide-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 20px;
}

.fitment-guide-content {
  font-size: 1.15em;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.fitment-guide-content li {
  padding-bottom: 10px;
}

.fitment-guide-content ul {
  margin-left: -20px;
}

.fitment-guide-heading {
  color: var(--dark-blue);
  font-weight: 600;
}

.table-heading {
  color: var(--dark-blue);
  font-weight: 600;
  font-size: 3em;
  margin-top: 0;
  margin-bottom: 12.5px;
}

.table-heading-line {
  height: 8px;
  background-color: var(--dark-blue);
  width: 8%;
  margin-bottom: 40px;
}

.for-phone {
  display: none;
}

.text-heading-large.text-color-primary900 {
  color: var(--dark-blue);
  text-align: left;
  font-family: Poppins, sans-serif;
}

.max-width-large-text {
  max-width: none;
}

.uui-text-align-center {
  text-align: center;
  width: 50%;
}

.button-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 20px;
}

.header-hero {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  align-items: center;
  margin-top: 0;
  display: flex;
  overflow: hidden;
  min-height: 350px; 
}
.header-hero-smaller {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  align-items: center;
  display: flex;
  overflow: hidden;
  min-height: 500px;
}

.uui-space-xhuge {
  width: 100%;
  min-height: 6rem;
}

.page-padding-3 {
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.catalogue-hardware-section {
  overflow: hidden;
}

.body {
  font-family: Poppins, sans-serif;
}

.description-col-titles {
  justify-content: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.description-col-titles-12 {
  justify-content: center;
  align-items: center;
  width: 12.5%;
  display: flex;
}

.description-col-titles-40 {
  align-items: center;
  width: 40%;
  display: flex;
}

.description-col-titles-10 {
  justify-content: center;
  align-items: center;
  width: 10%;
  display: flex;
}

.description-col-titles-15 {
  justify-content: center;
  align-items: center;
  width: 15%;
  display: flex;
}

.description-col-titles-18 {
  justify-content: center;
  align-items: center;
  width: 18%;
  display: flex;
}

.pricing-description-text {
  color: #73b71a;
  font-family: Lato, sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 100%;
}

.more-buttons {
  flex-wrap: wrap;
  width: 100%;
  margin-top: 15px;
  display: none;
}

.pricing-rows {
  border-bottom: 1px solid #bec3c7;
  display: flex;
}

.pricing-rows-2 {
  border-top: 1px solid #bec3c7;
  border-bottom: 1px solid #bec3c7;
  display: flex;
}

.check-cell {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 20%;
  padding: 15px 20px;
}

.check-cell-25 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 25%;
  padding: 15px 20px;
}

.check-cell-12 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 12.5%;
  padding: 15px 20px;
}

.check-cell-15 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 15%;
  padding: 15px 20px;
}

.check-cell-16 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 16.7%;
  padding: 15px 20px;
}

.check-cell-18 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 18%;
  padding: 15px 20px;
}

.check-cell-11 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 11.25%;
  padding: 15px 20px;
}

.member-price {
  color: #7ead31;
  font-weight: 700;
}

.wrap-for-more-buttons {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: 15%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.check-column-titles {
  text-align: center;
  justify-content: center;
  align-content: center;
  width: 20%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.check-column-titles-15 {
  text-align: center;
  justify-content: center;
  align-content: center;
  width: 15%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.check-column-titles-13 {
  text-align: center;
  justify-content: center;
  align-content: center;
  width: 13.33%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.check-column-titles-18 {
  text-align: center;
  justify-content: center;
  align-content: center;
  width: 18%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.check-column-titles-30 {
  text-align: center;
  justify-content: center;
  align-content: center;
  width: 30%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.check-column-titles-12 {
  text-align: center;
  justify-content: center;
  align-content: center;
  width: 12.5%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.check-column-titles-25 {
  text-align: center;
  justify-content: center;
  align-content: center;
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.check-column-titles-40 {
  text-align: center;
  justify-content: center;
  align-content: center;
  width: 40%;
  display: flex;
}

.check-column-titles-50 {
  text-align: center;
  justify-content: center;
  align-content: center;
  width: 50%;
  display: flex;
}

.div-block-117 {
  border-right: 1px solid #bec3c7;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.grid-flexbox {
  border: 1px #bec3c7;
  border-style: solid none none solid;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
}

.catalogue-textblock {
  color: #245672;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 0.7em;
  font-weight: 700;
  line-height: 150%;
  /* text-align: center; */
}

.more-table-buttons {
  background-color: var(--light-blue);
  color: #fdfdfd;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 11px 20px;
  font-family: Poppins, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
  transition: background-color 0.2s, all 0.2s;
  display: inline-block;
}

.more-table-buttons:hover {
  background-color: #2a3340;
  transform: translate(0, -2px);
}

.more-table-buttons:active {
  background-color: #729736;
  transform: translate(0, -5px);
}

.rows-titles {
  margin-bottom: 10px;
  display: flex;
}

/* .rows-titles div {
  padding: 0 .5rem;
} */

.patron-disclaimer-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  padding-left: 5px;
  display: flex;
}

.section {
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding: 100px 2rem;
  display: flex;
}

.description-cell {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
  display: flex;
}

.description-cell-25 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
  display: flex;
}

.description-cell-100 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
  display: flex;
}

.description-cell-40 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
  display: flex;
}

.description-cell-12 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 12.5%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
  display: flex;
}
.description-cell-11 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 11%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}

.check-mark {
  width: 16px;
}

.div-block-118 {
  width: 40%;
}

.component-titles {
  color: #245672;
  font-family: Poppins, sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.quick-add-action-row {
  background-color: #fff;
}

.quick-add-action-label {
  background-color: rgba(9, 162, 221, 0.08);
}

.quick-add-action-title {
  color: #245672;
  letter-spacing: 0.5px;
}

.quick-add-action-cell {
  display: flex;
  justify-content: center;
  align-items: center;
}

.quick-add-action-btn {
  appearance: none;
  border: 1px solid rgba(108, 108, 108, 0.45);
  background: rgba(55, 55, 55, 0.08);
  color: #777777;
  border-radius: 999px;
  min-height: 34px;
  padding: 6px 14px;
  width: 100%;
  font-family: Poppins, sans-serif;
  font-size: 0.8em;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.quick-add-action-btn:hover {
  background: #474747;
  border-color: #313131;
  color: #fff;
}

.quick-add-action-btn:focus-visible {
  outline: 2px solid #09a2dd;
  outline-offset: 2px;
}

.quick-add-action-empty {
  color: #98a2b3;
  font-family: Poppins, sans-serif;
}

@media screen and (max-width: 767px) {
  .quick-add-action-btn {
    max-width: none;
    min-height: 40px;
    font-size: 0.9em;
    padding: 8px 12px;
  }
}

.max-1200 {
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.member-events-description {
  margin-top: 10px;
  font-size: 13px;
  line-height: 16px;
}

.uui-heroheader18_image-alt {
  z-index: 1;
  object-fit: contain;
  max-width: 100%;
  height: 100%;
  position: static;
}

.image-5 {
  aspect-ratio: 1;
}

.check-cell-full {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.check-cell-100 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  border-right: 1px solid #bec3c7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
}

.check-cell-90 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  border-right: 1px solid #bec3c7;
  flex-flow: column;
  justify-content: center;
 
  width: 90%;
  padding: 20px;
}

.check-cell-80 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  border-right: 1px solid #bec3c7;
  flex-flow: column;
  justify-content: center;
  width: 80%;
  padding: 20px;
}

.pricing-rows-full {
  border-bottom: 1px solid #bec3c7;
  height: auto;
  max-height: none;
  display: flex;
  overflow: hidden;
}

.image-5-full {
  aspect-ratio: auto;
  width: 80%;
  max-width: none;
  height: 100%;
  padding-bottom: 2rem;
}

.spacing-huge {
  width: 100%;
  min-height: 4rem;
}

.image-6 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  height: 800px;
}

.content-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

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

.image-wrap-full {
  z-index: -5;
  object-fit: contain;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  display: flex;
  position: static;
  bottom: 300px;
  overflow: hidden;
}

.ciilock {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ciilock-image {
  object-fit: cover;
  width: 70%;
  height: auto;
  max-height: none;
  position: absolute;
}

.ciilock-image-blob {
  z-index: -1;
  color: var(--untitled-ui--gray50-2);
  width: 34rem;
  height: auto;
  position: absolute;
  top: 12%;
}

.ciilock-image-2 {
  object-fit: cover;
  width: 50%;
  height: auto;
  max-height: none;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
}

.button-wrap {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-wrap.is-reverse-mobile-landscape._6 {
  display: none;
}

.button-wrap.button-row-center {
  justify-content: center;
}

.image-wrap-alt {
  z-index: -5;
  object-fit: contain;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin-top: 0;
  display: flex;
  position: static;
  bottom: 300px;
  overflow: hidden;
}

.code-of-product {
  color: var(--light-blue);
  text-align: left;
  margin-bottom: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.check-cell-small {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 14%;
  padding-left: 20px;
  padding-right: 20px;
}

.check-cell-15 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 15%;
  padding-left: 20px;
  padding-right: 20px;
}

.check-cell-13 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 13.33%;
  padding: 20px;
  display: flex;
}

.rem4 {
  padding: 4rem;
}

.check-cell-75 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 75%;
  padding: 25px;
}

.description-cell-small {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  width: 16%;
  padding: 15px 20px;
}

.description-cell-10 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  width: 10%;
  padding: 15px 20px;
}

.check-cell-full-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-flow: column;
  justify-content: center;
  align-content: center;
  width: 84%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.description-col-titles-2 {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  display: flex;
}

.description-col-titles-11 {
  justify-content: center;
  align-items: flex-end;
  width: 11.25%;
}

.description-col-titles-auto {
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
}

.description-col-titles-20 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 20%;
}

.description-col-titles-50 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
}

.description-col-titles-25 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 25%;
}

.check-column-titles-2 {
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  width: 14%;
  padding-left: 15px;
  padding-right: 15px;
}

.check-cell-full-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 75%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.check-cell-big {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding: 20px;
}

.check-cell-40 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  padding: 20px;
}

.check-cell-20 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 20%;
  padding: 15px 20px;
}

.check-cell-50 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 20px;
}

.description-cell-2 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  padding: 15px 20px;
  display: flex;
}

.description-cell-20 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 20%;
  padding: 15px 20px;
}

.description-cell-50 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 15px 20px;
}

.check-cell-small-phone {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 15px 20px;
}

.div-block-125 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 6px 6px 10px rgba(13, 76, 137, .2);
}

.others-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-129 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  display: flex;
}

.max-1200-main-phone,
.max-1200-tablet {
  display: none;
}

.spacing-tablet {
  width: 100%;
  min-height: 8rem;
  display: none;
}

.check-cell-tablet {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 20%;
  padding-left: 20px;
  padding-right: 20px;
}

.description-cell-tablet {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  padding: 15px 20px;
}

.top-page {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-left: 20px;
  padding-left: 2rem;
}

.component-wrap-product {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.uui-text-size-xlarge-4 {
  color: var(--simple-grey);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-header07_content-right {
  height: 100%;
  display: flex;
}

.uui-heading-large-3 {
  color: var(--dark-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-header07_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 0.5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.uui-padding-vertical-xhuge-14 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-large-6 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-12 {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.div-block-120 {
  width: 50%;
  height: 100%;
}

.image-7 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.uui-space-small-5 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-text-align-center-3 {
  text-align: center;
}

.uui-container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-13 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.div-block-121 {
  display: flex;
}

.div-block-122 {
  height: 200px;
}

.image-8 {
  width: 100%;
  height: 100%;
}

.uui-logo_component_smaller {
  flex-wrap: nowrap;
  width: 200px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.div-block-123 {
  flex-flow: row;
  display: flex;
}

.uui-padding-vertical-xhuge-24 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  padding-top: 6rem;
  padding-bottom: 4rem;
  display: flex;
}

.uui-heroheader10_notification-image-04-2 {
  opacity: 0.5;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 0.5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: 0;
}

.uui-heroheader10_notification-image-03-2 {
  opacity: 0.75;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 0.5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: 0.75rem;
}

.uui-heroheader10_notification-image-02-2,
.uui-heroheader10_notification-image-01-2 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 0.5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: 0.75rem;
}

.uui-heroheader10_notification-image-wrapper-2 {
  z-index: 2;
  width: 23rem;
  position: absolute;
  top: auto;
  bottom: -3%;
  left: -20%;
  right: auto;
}

.uui-heroheader10_image-background-2 {
  z-index: 0;
  background-color: var(--patchy-white);
  object-fit: contain;
  border-radius: 20rem 20rem 1.5rem 1.5rem;
  width: 100%;
  height: 100%;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.uui-heroheader10_image-2 {
  z-index: 1;
  width: 100%;
  max-width: 19.75rem;
  position: relative;
  bottom: -12%;
}

.uui-heroheader10_image-inner-wrapper-2 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.uui-heroheader10_image-wrapper-2 {
  justify-content: center;
  align-items: flex-end;
  height: 40rem;
  display: flex;
  position: relative;
}

.uui-text-size-medium-6 {
  color: var(--simple-grey);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-ratings_number-2 {
  color: var(--dark-blue-grey);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.uui-ratings_stars-2 {
  width: 100%;
  height: 1.25rem;
  margin-right: 0.5rem;
}

.ratings_stars-wrapper-2 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.125rem;
  display: flex;
}

.ratings_wrapper-2 {
  margin-left: 1rem;
}

.uui-avatar-group_item-2 {
  border: 2px solid var(--untitled-ui--white);
  background-color: var(--untitled-ui--white);
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: -1rem;
}

.uui-avatar-group_component-2 {
  grid-column-gap: 0rem;
  flex-wrap: nowrap;
  align-items: center;
  padding-right: 1rem;
  display: flex;
}

.uui-ratings_component-2 {
  align-items: center;
  display: flex;
}

.uui-space-large-4 {
  width: 100%;
  min-height: 3rem;
}

.uui-button-8 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button-8:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-8:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05),
    0 0 0 4px var(--broken-white);
}

.uui-button-8.is-button-large {
  grid-column-gap: 0.75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-button-icon-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon-3.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-button-secondary-gray-4 {
  grid-column-gap: 0.5rem;
  border: 1px solid var(--light-grey);
  background-color: var(--untitled-ui--white);
  color: var(--dark-blue-grey);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button-secondary-gray-4:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--ultra-dark-grey);
}

.uui-button-secondary-gray-4:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05),
    0 0 0 4px var(--patchy-white);
}

.uui-button-secondary-gray-4.is-button-large {
  grid-column-gap: 0.75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-button-row-7 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-max-width-small-3 {
  width: 100%;
  max-width: 30rem;
}

.uui-text-size-xlarge-5 {
  color: var(--simple-grey);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-space-small-6 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-xlarge-4 {
  color: var(--dark-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heroheader10_component-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.uui-padding-vertical-xhuge-25 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-large-7 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-14 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-section_heroheader10-2 {
  background-color: var(--untitled-ui--gray50-2);
}

.description-cell-hero {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  padding: 15px 20px;
  display: flex;
}

.description-cell-hero-16 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 16.7%;
  padding: 15px 20px;
  display: flex;
}

.description-cell-hero-20 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 20%;
  padding: 15px 20px;
  display: flex;
}

.description-cell-hero-25 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  padding: 15px 20px;
  display: flex;
}

.description-cell-33 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 33.33%;
  padding: 15px 20px;
  display: flex;
}

.check-cell-hero {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 25%;
  padding: 15px 20px;
}

.check-cell-33 {
  text-align: left;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  width: 33.33%;
  padding: 15px 20px;
}

.div-block-124 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-separator {
  padding: 10px 0;
}

.margin-half {
  margin: 1rem 0;
}

.align-items-center {
  align-items: center;
  display: flex;
}

.width-auto {
  width: auto !important;
}

.block-hero {
  object-fit: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
}

.top-hero-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  display: flex;
}

.div-block-127 {
  width: 50%;
}

.ciilock-and-kommerling {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.ciilock-and-rehau {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.component-titles-hero {
  color: #245672;
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 1.15em;
  font-weight: 500;
}

.max-1200-hero-tablet {
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.description-cell-hero-tablet-50 {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 15px 20px;
  display: flex;
}

.check-cell-hero-tablet-50 {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 15px 20px;
}

.description-cell-hero-tablet {
  background-color: rgba(9, 162, 221, 0.08);
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  padding: 15px 20px;
  display: flex;
}

.check-cell-hero-tablet {
  text-align: center;
  border-right: 1px solid #bec3c7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  padding: 15px 20px;
}

.spacing-phone {
  width: 100%;
  min-height: 8rem;
  display: none;
}

.uui-button_product {
  grid-column-gap: 0.5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2a3340;
  border: 1px #7f56d9;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.pdf-button {
  grid-column-gap: 0.5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2a3340;
  border: 1px #7f56d9;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.uui-button_product:hover {
  background-color: var(--light-blue);
  border-color: #6941c6;
}

.uui-button_product:focus {
  background-color: var(--dark-blue);
  box-shadow: none;
  border-style: none;
}

.uui-button_product.is-button-large {
  grid-column-gap: 0.75rem;
  background-color: var(--dark-blue);
  border-style: none;
  padding: 0.75rem;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
}

.pdf-button.is-button-large {
  grid-column-gap: 0.75rem;
  background-color: var(--light-blue);
  border-style: none;
  padding: 0.75rem 1.5rem;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
}

.uui-button_product.is-button-large:hover {
  background-color: var(--light-blue);
}

.pdf-button.is-button-large:hover {
  background-color: var(--dark-blue);
}

.block-hero-picture {
  object-fit: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 555px;
  display: flex;
}

@media screen and (min-width: 1241px) {
  .content-padding {
    padding-top: 4rem;
  }

  .uui-heading-large {
    padding-top: 0;
  }

  .feature_header-_volta {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 2.5rem;
  }

  .image-2,
  .uui-layout47_image {
    object-fit: cover;
  }

  .component-titles-hero {
    text-align: left;
    width: 100%;
  }
}

@media screen and (max-width: 1240px) {
  .button-container {
    align-items: center;
    justify-content: center;
    flex-flow: row;
  }
  .div-block-129 {
    flex-flow: column;
    max-width: 450px;
    gap: 1rem;
  }

  .uui-heroheader03_arrow-image.hide-tablet {
    display: none;
  }

  .uui-heroheader03_content {
    margin-right: 0;
  }

  .uui-space-large {
    min-height: 2.5rem;
  }

  .content-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-heroheader03_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-text-size-large-3,
  .heading-medium-2 {
    text-align: center;
  }

  .uui-page-padding-4-alt {
    margin-left: 40px;
    margin-right: 40px;
  }

  .uui-layout20_component-alt {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .description-col-titles-2 {
    width: 100%;
  }

  .uui-heading-large {
    font-size: 2.75rem;
  }

  .uui-testimonial10_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-testimonial10_lightbox-image {
    object-fit: cover;
    width: 100%;
    height: 35rem;
  }

  .uui-padding-vertical-xhuge-10 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .feature_header {
    text-align: left;
    max-width: none;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 2.25rem;
  }

  .uui-layout47_component {
    grid-template-columns: 1fr 1fr;
  }

  .uui-padding-vertical-xhuge-8 {
    padding-top: 0;
    padding-bottom: 6rem;
  }

  .uui-padding-vertical-xhuge-9 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-button_discover.is-button-large {
    width: 50%;
  }

  .uui-heading-large-2 {
    font-size: 2.75rem;
  }

  .uui-cta03_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-cta02_image-01 {
    max-width: 32rem;
  }

  .uui-cta02_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .feature_header-_volta {
    max-width: none;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 2.5rem;
  }

  .image-2 {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .uui-heroheader10_notification-image-wrapper {
    left: -2.5%;
  }

  .uui-space-large-2 {
    min-height: 2.5rem;
  }

  .uui-heading-xlarge {
    font-size: 3.25rem;
  }

  .uui-heroheader10_component {
    grid-column-gap: 0rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-padding-vertical-xhuge-11 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-text-size-small-2.text-color-gray500 {
    color: var(--light-blue);
  }

  .uui-padding-vertical-xlarge {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .consult-button:hover {
    outline-offset: 0px;
    background-color: #bebebe;
    outline: 1px #2c333f;
  }

  .top-image {
    display: inline-block;
  }

  .nav-link-dropdown {
    opacity: 1;
    width: auto;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
    display: block;
    position: relative;
  }

  .top-of-navbar {
    order: 0;
    display: none;
  }

  .dropdown-image {
    height: 100%;
    margin-left: auto;
    display: inline-block;
  }

  .nav-menu-2 {
    background-color: #000;
  }

  .nav-link-top {
    opacity: 1;
    display: none;
  }

  .menu-button {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .brand-navbar-dropdown {
    background-color: #000;
    flex-flow: column;
    align-items: flex-start;
    height: 53px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    display: flex;
  }

  .big-picture-navbar {
    height: 25px;
  }

  .bottom-of-navbar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hide-tablet {
    display: none;
  }

  .uui-heroheader02_image-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .button-row.is-reverse-mobile-landscape {
    justify-content: center;
  }

  .uui-space-large-3 {
    min-height: 2.5rem;
  }

  .text-large-size,
  .text-large-size.text-color-primary700 {
    text-align: center;
  }

  .uui-heading-xlarge-2 {
    font-size: 3.25rem;
  }

  .uui-heroheader02_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .padding-vert {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .part-feature {
    grid-column-gap: 24px;
  }

  .heading-medium,
  .subheading-roller {
    text-align: center;
  }

  .grid-component-layout {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .padding-vert-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-heroheader18_background-grid-section {
    height: 7.5vw;
  }

  .uui-heroheader18_background-grid {
    width: 150vw;
    min-width: 150vw;
  }

  .uui-heroheader18_image {
    width: 100%;
    min-width: auto;
  }

  .image-wrap {
    order: -1;
    width: 600px;
    height: auto;
    padding-bottom: 0;
  }

  .image-wrap-restricted {
    order: -1;
    width: 600px;
    height: auto;
    padding-bottom: 0;
  }

  .image-wrap-restricted-table {
    order: -1;
    width: 100%;
    height: auto;
    padding-bottom: 0;
  }

  .full-image {
    height: 100%;
    width: 75%;
    align-items: center;
    justify-content: center;
  }

  .text-heading-large {
    text-align: center;
    font-size: 2.5rem;
  }

  .text-heading-large.text-color-primary900 {
    text-align: center;
  }

  .max-width-large-text {
    max-width: none;
  }

  .uui-text-align-center {
    width: auto;
  }

  .header-hero {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 0;
    height: auto;
    min-height: 200px;
    margin-top: 2rem;
    justify-content: center;
  }
  .header-hero-smaller {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    margin-top: 0;
    min-height: 300px;
    justify-content: center;
  }

  .uui-space-xhuge {
    min-height: 4rem;
  }

  .description-col-titles {
    align-items: center;
    width: 50%;
  }

  .pricing-description-text {
    font-size: 2em;
  }

  .check-cell {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .check-column-titles {
    width: 50%;
  }

  .catalogue-textblock {
    font-size: 1em;
    width: 100%;
  }

  .rows-titles {
    text-align: left;
    justify-content: center;
  }

  .section {
    padding: 50px;
  }

  .description-cell {
    padding: 20px;
  }

  .component-titles {
    font-size: 1.25em;
  }

  .max-1200 {
    display: none;
  }

  .uui-heroheader18_image-alt {
    width: 100%;
    min-width: auto;
  }

  .check-cell-full {
    width: 60%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .spacing-huge {
    min-height: 4rem;
    display: none;
  }
  .content-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .image-6 {
    object-fit: contain;
    height: 600px;
    width: 80%;
  }

  .max-1200-main {
    display: none;
  }

  .table-heading {
    margin-top: 20px;
  }

  .table-heading-line {
    margin-bottom: 0;
    width: 20%;
  }

  .text-align-center-full {
    width: auto;
  }

  .image-wrap-full {
    order: -1;
    width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .ciilock {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 35%;
    bottom: 0%;
    left: 35%;
    right: 0%;
  }

  .ciilock-image,
  .ciilock-image-2 {
    object-fit: contain;
  }

  .button-wrap.is-reverse-mobile-landscape._6 {
    justify-content: center;
  }

  .image-wrap-alt {
    order: -1;
    width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .code-of-product {
    text-align: center;
  }

  .check-cell-small {
    width: 14%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .description-cell-small {
    padding: 20px;
  }

  .check-cell-full-2 {
    width: 84%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .check-cell-full-3 {
    width: 75%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .check-cell-big {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .description-cell-2 {
    padding: 20px;
  }

  .check-cell-small-phone {
    width: 14%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .max-1200-tablet {
    display: block;
  }

  .spacing-tablet {
    min-height: 2.5rem;
    display: block;
  }

  .check-cell-tablet {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    max-height: 300px;
  }

  .description-cell-tablet {
    width: 50%;
    padding: 20px;
  }

  .component-wrap-product {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .uui-heading-large-3 {
    font-size: 2.75rem;
  }

  .uui-header07_component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .uui-padding-vertical-xhuge-14,
  .uui-padding-vertical-xhuge-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-heroheader10_notification-image-wrapper-2 {
    left: -2.5%;
  }

  .uui-space-large-4 {
    min-height: 2.5rem;
  }

  .uui-heading-xlarge-4 {
    font-size: 3.25rem;
  }

  .uui-heroheader10_component-2 {
    grid-column-gap: 0rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-padding-vertical-xhuge-25 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .description-cell-hero {
    padding: 20px;
  }

  .check-cell-hero {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .block-hero {
    order: 0;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .top-hero-wrap {
    flex-flow: column;
    align-items: center;
  }

  .top-hero-wrap p {
    text-align: center;
  }

  .ciilock-and-kommerling {
    width: 600px;
  }

  .ciilock-and-rehau {
    width: 600px;
  }

  .max-1200-hero {
    display: none;
  }

  .component-titles-hero {
    text-align: left;
    font-size: 1.15em;
  }

  .max-1200-hero-tablet {
    display: block;
  }

  .description-cell-hero-tablet {
    width: 30%;
    padding: 20px;
  }

  .check-cell-hero-tablet {
    width: 35%;
   
  }

  .spacing-phone {
    min-height: 4rem;
    display: none;
  }
  .pdf-button.is-button-large {
    width: 50%;
  }

  .block-hero-picture {
    order: 0;
    justify-content: center;
    width: 100%;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .ciilock-image {
    object-fit: contain;
  }
  .uui-layout20_component-alt {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .uui-heading-medium-3 {
    font-size: 1.75rem;
    line-height: 1.4;
  }
  .uui-layout20_component-alt {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }
  .ciilock-image {
    height: auto;
  }
  .uui-heroheader03_arrow-image.hide-tablet {
    display: none;
  }

  .phone-nav-products {
  display:block;
  }

  .uui-text-size-xlarge-2 {
    font-size: 1.125rem;
  }

  .uui-button-wrapper-3.max-width-full-mobile-landscape {
    width: 100%;
  }

  .uui-button-5 {
    font-size: 1rem;
  }

  .uui-button-5:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .uui-button-5.is-button-large {
    grid-column-gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-space-large {
    min-height: 2rem;
  }

  .content-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-button-row-3 {
    align-self: stretch;
  }

  .uui-button-row-3.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-row-3.button-row-center.is-reverse-mobile-landscape {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-page-padding-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heroheader03_image {
    border-top-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
    height: 22rem;
  }

  .uui-text-size-large-3 {
    text-align: left;
    font-size: 1rem;
  }

  .heading-medium-2 {
    text-align: left;
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-page-padding-4-alt {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-layout20_component-alt {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .uui-space-medium-3 {
    min-height: 1.5rem;
  }

  .uui-heading-large {
    font-size: 2.25rem;
  }

  .uui-text-size-xlarge-3 {
    font-size: 1.125rem;
  }

  .uui-lightbox_play-icon-2 {
    width: 4rem;
    height: 4rem;
  }

  .uui-testimonial10_component {
    border-radius: 1rem;
    grid-template-columns: 1fr;
  }

  .uui-testimonial10_lightbox-image {
    height: 22rem;
  }

  .uui-page-padding-6 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-padding-vertical-xhuge-10 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-heading-xsmall-3 {
    font-size: 1.25rem;
  }

  .feature_header {
    text-align: left;
    max-width: 30rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 2rem;
    line-height: 25px;
  }

  .uui-layout47_component {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-8 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text-small {
    font-size: 1rem;
  }

  .uui-padding-vertical-xhuge-9 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-space-xsmall-4 {
    min-height: 0.75rem;
  }

  .medium-heading {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button_discover {
    font-size: 1rem;
  }

  .uui-button_discover:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .uui-button_discover.is-button-large {
    grid-column-gap: 0.5rem;
    width: 100%;
    padding: 1.5rem 0;
    font-size: 1rem;
  }

  .page-padding-roller {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-cta03_image-wrapper {
    width: 125%;
    margin-left: -12.5%;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-cta03_form {
    margin-top: 2rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-space-small-2 {
    min-height: 1.25rem;
  }

  .uui-heading-large-2 {
    font-size: 2.25rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-section_cta03,
  .uui-section_cta03-alt {
    overflow: hidden;
  }

  .uui-heading-light {
    font-size: 1.25rem;
  }

  .uui-cta02_image-02 {
    width: 100%;
    min-width: auto;
    max-width: 15.25rem;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

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

  .uui-cta02_image-wrapper {
    justify-content: center;
    align-items: flex-start;
    height: 22rem;
    min-height: auto;
    display: flex;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--dark-blue-grey);
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-text-size-large-5 {
    font-size: 1rem;
  }

  .uui-cta02_item-list {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .uui-cta02_component {
    grid-row-gap: 3rem;
  }

  .contact-button {
    width: auto;
    font-size: 1rem;
  }

  .contact-button:hover {
    background-color: var(--dark-blue);
    border-color: #7f56d9;
  }

  .contact-button.is-button-large {
    grid-column-gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .feature_header-_volta {
    text-align: left;
    max-width: none;
    font-size: 2.5rem;
    line-height: 25px;
  }

  .uui-text-size-xlarge_volta {
    font-size: 1.125rem;
  }

  .image-2 {
    object-fit: fill;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
  }

  .uui-button_vol {
    font-size: 1rem;
  }

  .uui-button_vol:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .uui-button_vol.is-button-large {
    grid-column-gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .hide-mobile-landscape-2 {
    display: none;
  }

  .uui-heroheader10_image-background {
    height: 40rem;
    top: 10%;
  }

  .uui-heroheader10_image {
    bottom: 0%;
  }

  .uui-heroheader10_image-inner-wrapper {
    overflow: visible;
  }

  .uui-heroheader10_image-wrapper {
    align-items: flex-start;
    height: 26rem;
  }

  .uui-space-large-2 {
    min-height: 2rem;
  }

  .uui-button-6 {
    font-size: 1rem;
  }

  .uui-button-6:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-6.is-button-large {
    grid-column-gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-button-wrapper-4,
  .uui-button-wrapper-4.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape-2 {
    width: 100%;
    max-width: none;
  }

  .uui-button-icon.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--untitled-ui--white);
    color: var(--dark-blue-grey);
  }

  .uui-button-secondary-gray-2.is-button-large {
    grid-column-gap: 0.5rem;
    width: auto;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-button-row-4 {
    align-self: stretch;
  }

  .uui-button-row-4.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem;
  }

  .uui-space-small-3 {
    min-height: 1.25rem;
  }

  .uui-heading-xlarge {
    font-size: 2.25rem;
  }

  .uui-padding-vertical-xhuge-11 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-7 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-section_heroheader10 {
    overflow: hidden;
  }

  .uui-footer07_legal-link:hover {
    color: var(--normal-grey);
  }

  .uui-footer07_legal-list {
    margin-bottom: 1rem;
  }

  .uui-footer07_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 3rem;
  }

  .uui-footer07_link:hover {
    color: var(--soft-grey);
  }

  .uui-footer07_link-list {
    grid-row-gap: 0.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
  }

  .uui-styleguide_logomark-bg {
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .uui-button-wrapper_titan.max-width-full-mobile-landscape {
    width: 100%;
  }

  .consult-button {
    width: auto;
    font-size: 1rem;
  }

  .consult-button:hover {
    background-color: #bebebe;
    border-color: #7f56d9;
  }

  .consult-button.is-button-large {
    grid-column-gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .big-picture-navbar {
    max-width: 100%;
    height: 20px;
  }

  .bottom-of-navbar {
    margin-top: 0;
    padding: 10px 20px;
  }

  .uui-button-7 {
    font-size: 1rem;
  }

  .uui-button-7:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-7.is-button-large {
    grid-column-gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-button-wrapper-5.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape-3 {
    width: 100%;
    max-width: none;
  }

  .uui-button-icon-2.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-button-secondary-gray-3 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3:hover {
    background-color: var(--untitled-ui--white);
    color: var(--dark-blue-grey);
  }

  .uui-button-secondary-gray-3.is-button-large {
    grid-column-gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .button-row {
    align-self: stretch;
  }

  .button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .button-row.button-row-center.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-space-large-3 {
    min-height: 2rem;
  }

  .text-large-size {
    text-align: left;
    font-size: 1.125em;
  }

  .text-large-size.text-color-primary700 {
    text-align: left;
  }

  .small-space {
    min-height: 1.25rem;
  }

  .uui-heading-xlarge-2 {
    font-size: 2.25rem;
  }

  .padding-vert {
    padding-top: 0;
    padding-bottom: 0;
  }

  .uui-page-padding-8 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heroheader05_image-blob {
    width: 120%;
    min-width: 28rem;
    top: 22%;
  }

  .uui-heroheader05_image {
    height: auto;
  }

  .uui-heroheader05_image-wrapper {
    height: auto;
  }

  .uui-badge-group_badge {
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
  }

  .uui-badge-group {
    font-size: 0.75rem;
  }

  .page-padding {
    padding: 0 2rem;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .medium-space {
    min-height: 1.5rem;
  }

  .heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .grid-component-layout {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .padding-vert-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .page-padding-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-heroheader18_background {
    background-image: url("../images/Background-Pattern-Small.svg");
    background-position: 50% -80px;
    top: 46%;
  }

  .image-wrap {
    width: 100%;
  }

  .footer-logolink {
    margin-top:0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .image-wrap-restricted {
    width: 100%;
   
  }

  .image-wrap-restricted-table {
    width: 100%;
   
  }

  .kyoto_video {
    height: 350px;
  }

  .text-heading-large {
    text-align: center;
    font-size: 2.25rem;
  }

  .text-heading-large.text-color-primary900 {
    text-align: left;
  }

  .uui-space-xhuge {
    min-height: 4rem;
  }

  .pricing-description-text {
    font-size: 2.5em;
  }

  .check-cell {
    width: 60%;
    padding: 10px 15px;
  }

  .wrap-for-more-buttons {
    padding-left: 10px;
    padding-right: 10px;
  }

  .check-column-titles {
    width: 60%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .catalogue-textblock {
    letter-spacing: 0;
    font-size: 1em;
  }

  .more-table-buttons {
    letter-spacing: 0;
    padding: 5px 10px;
    font-size: 1.8em;
  }

  .rows-titles {
    margin-bottom: 10px;
  }

  .section {
    padding: 30px;
  }

  .description-cell {
    padding: 15px;
  }

  .check-mark {
    width: 2.7vw;
  }

  .component-titles {
    font-size: 1em;
  }

  .max-1200 {
    display: block;
  }

  .check-cell-full {
    padding: 10px 15px;
  }

  .spacing-huge {
    min-height: 4rem;
    display: none;
  }

  .image-6 {
    height: auto;
  }

  .max-1200-main {
    display: none;
  }

  .div-block-119 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .ciilock {
    height: 22rem;
  }

  .ciilock-image {
    height: auto;
  }

  .ciilock-image-blob {
    width: 120%;
    min-width: 28rem;
    top: 22%;
  }

  .ciilock-image-2 {
    height: auto;
  }

  .button-wrap {
    align-self: stretch;
  }

  .button-wrap.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .button-wrap.button-row-center.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .image-wrap-alt {
    padding-bottom: 4rem;
  }

  .code-of-product {
    text-align: left;
    margin-bottom: auto;
  }

  .check-cell-small {
    width: 60%;
    padding: 10px 15px;
  }

  .description-cell-small {
    padding: 15px;
  }

  .check-cell-full-2 {
    padding: 10px 15px;
  }

  .description-col-titles-2 {
    width: 100%;
  }

  .check-column-titles-2 {
    width: 60%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .check-cell-full-3 {
    padding: 10px 15px;
  }

  .check-cell-big {
    width: 60%;
    padding: 10px 15px;
  }

  .description-cell-2 {
    padding: 15px;
  }

  .check-cell-small-phone {
    width: 60%;
    padding: 10px 15px;
  }

  .max-1200-main-phone {
    display: none;
  }

  .max-1200-tablet {
    display: block;
  }

  .spacing-tablet {
    min-height: 4rem;
    display: block;
  }

  .check-cell-tablet {
    width: 50%;
    padding: 10px 15px;
  }

  .description-cell-tablet {
    padding: 15px;
  }

  .component-wrap-product {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .uui-text-size-xlarge-4 {
    font-size: 1.125rem;
  }

  .uui-heading-large-3 {
    font-size: 2.25rem;
  }

  .uui-header07_component {
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-14 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-12 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-space-small-5 {
    min-height: 1.25rem;
  }

  .uui-page-padding-13 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-padding-vertical-xhuge-24 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .hide-mobile-landscape-3 {
    display: none;
  }

  .uui-heroheader10_image-background-2 {
    height: 40rem;
    top: 10%;
  }

  .uui-heroheader10_image-2 {
    bottom: 0%;
  }

  .uui-heroheader10_image-inner-wrapper-2 {
    overflow: visible;
  }

  .uui-heroheader10_image-wrapper-2 {
    align-items: flex-start;
    height: 26rem;
  }

  .uui-space-large-4 {
    min-height: 2rem;
  }

  .uui-button-8 {
    font-size: 1rem;
  }

  .uui-button-8:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-8.is-button-large {
    grid-column-gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-button-wrapper-6.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape-4 {
    width: 100%;
    max-width: none;
  }

  .uui-button-icon-3.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-button-secondary-gray-4 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-4:hover {
    background-color: var(--untitled-ui--white);
    color: var(--dark-blue-grey);
  }

  .uui-button-secondary-gray-4.is-button-large {
    grid-column-gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-button-row-7 {
    align-self: stretch;
  }

  .uui-button-row-7.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-text-size-xlarge-5 {
    font-size: 1.125rem;
  }

  .uui-space-small-6 {
    min-height: 1.25rem;
  }

  .uui-heading-xlarge-4 {
    font-size: 2.25rem;
  }

  .uui-padding-vertical-xhuge-25 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-14 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-section_heroheader10-2 {
    overflow: hidden;
  }

  .description-cell-hero {
    padding: 15px;
  }

  .check-cell-hero {
    width: 60%;
    padding: 10px 15px;
  }

  .ciilock-and-kommerling {
    width: 100%;
  }

  .ciilock-and-rehau {
    width: 100%;
  }

  /* .max-1200-hero {
    display: none;
  } */

  .component-titles-hero {
    font-size: 1em;
  }

  .max-1200-hero-tablet {
    display: block;
  }

  .description-cell-hero-tablet {
    padding: 15px;
  }

  .check-cell-hero-tablet {
    width: 35%;
    padding: 10px 15px;
  }

  .spacing-phone {
    min-height: 4rem;
    display: none;
  }

  .uui-button_product {
    font-size: 1rem;
  }

  .uui-button_product:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .uui-button_product.is-button-large {
    grid-column-gap: 0.5rem;
    width: 100%;
    padding: 0.75rem 0;
    font-size: 1rem;
    height: 100%;
  }
  .pdf-button.is-button-large {
    grid-column-gap: 0.5rem;
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    height: 100%;
  }

  .block-hero-picture {
    height: auto;
  }
}

@media screen and (max-width: 600px) {
  .button-container {
    flex-flow: column;
    gap: 0.5rem;
  }
  .backbtn-heading {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
  }
  .backbtn-heading button {
    width: 100%;
    font-size: 1rem;
  }
}

@media screen and (max-width: 479px) {
  .uui-heading-medium-3 {
    font-size: 1.5em;
    line-height: 1.25em;
  }
  .volta_inspiration {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .full-image-restricted {
    height: auto;
  }
  .uui-heroheader03_arrow-image.hide-tablet {
    display: none;
  }

  .fitment-guide-wrap {
    display: none;
  }

  .for-desktop {
    display: none;
  }

  .for-phone {
    display: flex;
  }

  .uui-button-5.is-button-large:hover {
    background-color: var(--dark-blue);
    border-style: none;
  }

  .content-padding {
    padding-top: 2rem;
    padding-bottom: 0;
  }

  .uui-page-padding-4 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .subheading {
    font-size: 32px;
  }

  .uui-heroheader03_component {
    grid-template-columns: 1fr;
  }

  .uui-heroheader03_image {
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    height: 15rem;
  }

  .uui-text-size-large-3 {
    text-align: left;
    font-size: 1em;
    line-height: 1.5em;
  }

  .volta_inspiration {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-medium-2 {
    font-size: 1.5em;
    line-height: 1.25em;
  }

  .uui-page-padding-4-alt {
    margin-left: 20px;
    margin-right: 20px;
  }

  .uui-heading-large {
    text-align: left;
  }

  .uui-testimonial10_component {
    grid-template-columns: 1fr;
  }

  .uui-testimonial10_lightbox-image {
    height: 15rem;
  }

  .uui-page-padding-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-padding-vertical-xhuge-10 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .feature_header {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .uui-padding-vertical-xhuge-8 {
    padding-top: 0;
  }

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

  .uui-padding-vertical-xhuge-9 {
    padding-top: 2rem;
  }

  .medium-heading {
    text-align: center;
  }

  .uui-button_discover.is-button-large {
    padding: 1rem;
  }

  .page-padding-roller {
    margin: 0;
    padding: 0;
    background-color: transparent;
  }

  .uui-signup-form_wrapper {
    grid-row-gap: 0.75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .uui-cta03_component {
    grid-template-columns: 1fr;
  }

  .uui-cta02_image-wrapper {
    height: 16rem;
  }

  .uui-cta02_item-list,
  .uui-cta02_component {
    grid-template-columns: 1fr;
  }

  .contact-button:hover {
    background-color: var(--dark-blue);
  }

  .feature_header-_volta {
    font-size: 2.5rem;
    line-height: 25px;
  }

  .uui-text-size-xlarge_volta {
    text-align: left;
  }

  .ratings_wrapper {
    flex: none;
    margin-left: 0.75rem;
  }

  .uui-heroheader10_component {
    grid-template-columns: 1fr;
  }

  .uui-section_heroheader10 {
    overflow: hidden;
  }

  .uui-footer07_bottom-wrapper {
    margin-top: 0;
  }

  .uui-footer07_link-list {
    grid-template-rows: auto auto auto;
  }

  .uui-logo_component {
    height: 2rem;
  }

  .uui-logo_component-big {
    height: 2rem;
  }

  .link-big-picture-navbar {
    margin: 0 auto 0 0;
  }

  .nav-link-dropdown {
    padding-left: 40px;
  }

  .dropdown-image {
    margin-left: 0;
  }

  .nav-menu-2 {
    justify-content: flex-start;
  }

  .menu-button,
  .menu-button.w--open {
    margin-top: 0;
    padding-left: 18px;
  }

  .navbar-container {
    flex-flow: column;
    margin: 0;
  }

  .brand-navbar-dropdown {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .big-picture-navbar {
    max-width: 100%;
    height: 18px;
  }

  .bottom-of-navbar {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    order: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 20px;
  }

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

  .uui-heroheader02_image-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .button-row.is-reverse-mobile-landscape {
    align-items: flex-start;
  }

  .text-large-size,
  .text-large-size.text-color-primary700 {
    font-size: 1em;
    line-height: 1.5em;
  }

  .uui-heroheader02_component {
    grid-template-columns: 1fr;
  }

  .padding-vert {
    padding-top: 0;
    padding-bottom: 0;
  }

  .uui-heroheader05_image-wrapper {
    height: auto;
  }

  .grid-component {
    grid-template-columns: 1fr;
  }

  .page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-text-size-medium-5 {
    font-size: 0.8rem;
  }

  .uui-heading-xxsmall {
    font-size: 1rem;
  }

  .heading-medium,
  .subheading-roller {
    text-align: left;
  }

  .grid-component-layout {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heroheader18_background {
    top: 42%;
  }

  .text-heading-large {
    font-size: 2em;
    line-height: 1.25em;
    text-align: center;
  }


  .uui-page-padding-volta {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .text-heading-large.text-color-primary900 {
    font-size: 2em;
    line-height: 1.25em;
  }

  .uui-space-xhuge {
    display: none;
  }

  .page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .pricing-description-text {
    font-size: 4em;
  }

  .check-cell {
    width: 60%;
    padding: 5px;
  }

  .wrap-for-more-buttons {
    padding-left: 5px;
    padding-right: 5px;
  }

  .check-column-titles {
    width: 60%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid-flexbox {
    box-shadow: none;
  }

  .catalogue-textblock {
    font-size: 1em;
  }

  .more-table-buttons {
    padding: 3px 5px;
    font-size: 1em;
  }

  .section,
  .description-cell {
    padding: 10px;
  }

  .check-mark {
    width: 5vw;
  }

  .component-titles {
    font-size: 1em;
  }

  .member-events-description {
    display: none;
  }

  .check-cell-full {
    padding: 5px;
  }

  .spacing-huge {
    min-height: 4rem;
  }

  .image-6 {
    height: auto;
  }

  .max-1200-main {
    display: none;
  }

  .div-block-119 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .ciilock {
    height: auto;
  }

  .button-wrap.is-reverse-mobile-landscape {
    align-items: flex-start;
  }

  .check-cell-small {
    width: 60%;
    padding: 5px;
  }

  .description-cell-small {
    padding: 10px;
  }

  .check-cell-full-2 {
    padding: 5px;
  }

  .check-column-titles-2 {
    width: 60%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .check-cell-full-3 {
    padding: 5px;
  }

  .check-cell-big {
    width: 60%;
    padding: 5px;
  }

  .description-cell-2 {
    padding: 10px;
  }

  .check-cell-small-phone {
    width: 60%;
    padding: 5px;
  }

  .max-1200-main-phone {
    display: none;
  }

  .max-1200-tablet {
    display: block;
  }

  .spacing-tablet {
    min-height: 4rem;
    display: none;
  }

  .check-cell-tablet {
    width: 60%;
    padding: 5px;
  }

  .description-cell-tablet {
    padding: 10px;
  }

  .uui-header07_component {
    grid-template-columns: 1fr;
  }

  .uui-logo_component_smaller {
    height: 2rem;
  }

  .uui-padding-vertical-xhuge-24 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .ratings_wrapper-2 {
    flex: none;
    margin-left: 0.75rem;
  }

  .uui-heroheader10_component-2 {
    grid-template-columns: 1fr;
  }

  .uui-section_heroheader10-2 {
    overflow: hidden;
  }

  .description-cell-hero {
    padding: 10px;
  }

  .check-cell-hero {
    width: 60%;
    padding: 5px;
  }

  .top-hero-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  /* .max-1200-hero {
    display: none;
  } */

  .component-titles-hero {
    font-size: 1em;
  }

  .max-1200-hero-tablet {
    display: none;
  }

  .description-cell-hero-tablet {
    padding: 10px;
  }

  .check-cell-hero-tablet {
    width: 33.33%;
    padding: 5px;
  }

  .spacing-phone {
    min-height: 3rem;
    display: block;
  }

  .uui-button_product.is-button-large {
    padding: 1rem;
  }
  .pdf-button.is-button-large {
    padding: 1rem;
  }
}

@font-face {
  font-family: "Fa 400";
  src: url("../fonts/fa-regular-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fa Solid 900";
  src: url("../fonts/fa-solid-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}