/*.hero-banner .background-overlay,.hero-banner__image img{display:block;width:100%;height:100%}.pb-medium{padding-bottom:var(--space-25)}.hero-banner{position:relative;display:flex;flex-direction:column;overflow:hidden;background-position:center center;background-repeat:none;background-size:cover;font-size:1.1428571429rem}@media(min-width:768px){.template-index .hero-banner.screen-size{max-height:calc(95vh - 30px)}.hero-banner.screen-size{max-height:calc(95vh - 108px)}}.hero-banner .background-overlay{position:absolute;top:0;left:0;z-index:10}.hero-banner__container{position:absolute;display:flex;z-index:11;inset:0;width:100%;height:100%;padding:1.9285714286rem 1.1428571429rem 3rem}.hero-banner__inner{display:flex;flex-direction:column;row-gap:1.6428571429rem;max-width:23.2142857143rem}.hero-banner__inner.hero-color--dark{--hero-color-style:var(--color-white)}.hero-banner__inner.hero-color--light{--hero-color-style:var(--color-off-black)}@media(max-width:767px){.hero-banner__container .mob--left{text-align:left}.hero-banner__container .mob--left .hero-banner__buttons{justify-content:flex-start}.hero-banner__container .mob--center{text-align:center}.hero-banner__container .mob--center .hero-banner__buttons,.hero-banner__inner.mob--center .hero-banner__buttons{justify-content:center}.hero-banner__container .mob--right{text-align:right}.hero-banner__container .mob--right .hero-banner__buttons{justify-content:flex-start}.hero-banner__container.mob--bottom-left{align-items:flex-end;justify-content:flex-start}.hero-banner__container.mob--bottom-center{align-items:flex-end;justify-content:center}.hero-banner__container.mob--bottom-right{align-items:flex-end;justify-content:flex-end}.hero-banner__container.mob--middle-left{align-items:center;justify-content:center}.hero-banner__container.mob--middle-right{align-items:center;justify-content:flex-end}.hero-banner__container.mob--middle-center{align-items:center;justify-content:center}.hero-banner__container.mob--middle-center .hero-banner__inner{align-items:center;text-align:center;max-width:none}.hero-banner__container.mob--top-center{align-items:flex-start;justify-content:center;padding-top:4.2857142857rem}.hero-banner__container.mob--top-center .hero-banner__inner{align-items:center;text-align:center;max-width:none}.hero-banner__container.mob--top-left{align-items:flex-start;justify-content:flex-start;padding-top:4.2857142857rem}.hero-banner__container.mob--top-right{align-items:flex-start;justify-content:flex-end;padding-top:4.2857142857rem}.hero-banner__container.mob--top-left-spread{align-items:flex-start;justify-content:flex-start;padding-top:4.2857142857rem}.hero-banner__container.mob--top-left-spread .hero-banner__inner{height:100%;justify-content:space-between}.hero-banner__inner.mob--right .hero-banner__buttons{justify-content:flex-end}}.hero-banner__heading{color:var(--hero-color-style);font:var(--font-h1);letter-spacing:var(--font-h1-letter-spacing);margin-bottom:23px}.hero-banner__copy{color:var(--hero-color-style);line-height:1.7142857143rem;margin:0}.hero-banner__buttons{display:flex;align-items:center;-moz-column-gap:1.4285714286rem;column-gap:1.4285714286rem}.hero-banner__product{display:flex;align-items:center;-moz-column-gap:1.2857142857rem;column-gap:1.2857142857rem;background-color:var(--color-white);border-radius:.3571428571rem;max-width:-moz-fit-content;max-width:fit-content;min-height:5rem;padding:1.1428571429rem;text-decoration:none}.hero-banner__product-inner{display:flex;align-items:center;-moz-column-gap:6px;column-gap:6px}.hero-banner__product-title{font-size:1.2857142857rem;color:var(--color-off-black);margin:0}.hero-banner__product img{width:5rem;height:auto}.hero-banner__video{position:absolute;inset:0;z-index:-1}.hero-banner__video--desk{display:none}.hero-banner__video--desk video{width:100%;height:auto;visibility:hidden}.hero-banner__video--mob{display:block}.hero-banner__video--mob video{width:auto;height:100%}@media(min-width:1024px){.hero-banner__container{padding:11rem 2.8571428571rem 3.8571428571rem}.hero-banner__container.desk--bottom-center .hero-banner__inner,.hero-banner__container.desk--top-center .hero-banner__inner{max-width:none}.hero-banner__container .desk--left{text-align:left}.hero-banner__container .desk--center{text-align:center}.hero-banner__container .desk--right{text-align:right}.hero-banner__container.desk--bottom-left{align-items:flex-end;justify-content:flex-start}.hero-banner__container.desk--bottom-right{align-items:flex-end;justify-content:flex-end}.hero-banner__container.desk--bottom-center{align-items:flex-end;justify-content:center}.hero-banner__container.desk--top-center{align-items:flex-start;justify-content:center}.hero-banner__container.desk--top-left{align-items:flex-start;justify-content:flex-start}.hero-banner__container.desk--top-right{align-items:flex-start;justify-content:flex-end}.hero-banner__container.desk--middle-left{align-items:center;justify-content:flex-start}.hero-banner__container.desk--middle-right{align-items:center;justify-content:flex-end}.hero-banner__container.desk--middle-center{align-items:center;justify-content:center}.hero-banner__container.desk--bottom-left-spread{align-items:flex-end;justify-content:flex-start}.hero-banner__container.desk--bottom-left-spread .hero-banner__inner{width:100%;max-width:none;flex-direction:row;justify-content:space-between;align-items:flex-end}.hero-banner__container.desk--bottom-left-spread .hero-banner__content{max-width:35.7142857143rem}.hero-banner__inner{row-gap:2.2857142857rem;max-width:35.7142857143rem}.hero-banner__inner.desk--center .hero-banner__buttons{justify-content:center}.hero-banner__inner.desk--right .hero-banner__buttons{justify-content:flex-end}.hero-banner__copy{font-size:1.4285714286rem}.hero-banner__video--desk{display:block}.hero-banner__video--mob{display:none}}.hero-banner__video--only{display:block;position:relative}.hero-banner__video--only video{width:100%;aspect-ratio:16/9;height:auto;visibility:visible}*/
.hero-banner .background-overlay, .hero-banner__image img {
  display: block;
  width: 100%;
  height: 100%
}
.pb-medium {
  padding-bottom: var(--space-25)
}
.hero-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-position: center center;
  background-repeat: none;
  background-size: cover;
  font-size: 1.1428571429rem
}
@media(min-width:768px) {
  .template-index .hero-banner.screen-size {
    max-height: calc(95vh - 30px)
  }
  .hero-banner.screen-size {
    max-height: calc(95vh - 108px)
  }
}
.hero-banner .background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10
}
.hero-banner__container {
  position: absolute;
  display: flex;
  z-index: 11;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 1.9285714286rem 1.1428571429rem 3rem
}
.hero-banner__inner {
  display: flex;
  flex-direction: column;
  row-gap: 1.6428571429rem;
  max-width: 23.2142857143rem
}
.hero-banner__inner.hero-color--dark {
  --hero-color-style: var(--color-white)
}
.hero-banner__inner.hero-color--light {
  --hero-color-style: var(--color-off-black)
}
/*///Changed max from 767 to 1024px///*/
@media(max-width:1024px) {
  .hero-banner__container .mob--left {
    text-align: left
  }
  .hero-banner__container .mob--left .hero-banner__buttons {
    justify-content: flex-start
  }
  .hero-banner__container .mob--center {
    text-align: center
  }
  .hero-banner__container .mob--center .hero-banner__buttons, .hero-banner__inner.mob--center .hero-banner__buttons {
    justify-content: center
  }
  .hero-banner__container .mob--right {
    text-align: right
  }
  .hero-banner__container .mob--right .hero-banner__buttons {
    justify-content: flex-start
  }
  .hero-banner__container.mob--bottom-left {
    align-items: flex-end;
    justify-content: flex-start
  }
  .hero-banner__container.mob--bottom-center {
    align-items: flex-end;
    justify-content: center
  }
  .hero-banner__container.mob--bottom-right {
    align-items: flex-end;
    justify-content: flex-end
  }
  .hero-banner__container.mob--middle-left {
    align-items: center;
    justify-content: center
  }
  .hero-banner__container.mob--middle-right {
    align-items: center;
    justify-content: flex-end
  }
  .hero-banner__container.mob--middle-center {
    align-items: center;
    justify-content: center
  }
  .hero-banner__container.mob--middle-center .hero-banner__inner {
    align-items: center;
    text-align: center;
    max-width: none
  }
  .hero-banner__container.mob--top-center {
    align-items: flex-start;
    justify-content: center;
    /*padding-top: 4.2857142857rem*/
    padding-top: 10em
  }
  .hero-banner__container.mob--top-center .hero-banner__inner {
    align-items: center;
    text-align: center;
    max-width: none
  }
  .hero-banner__container.mob--top-left {
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 4.2857142857rem
  }
  .hero-banner__container.mob--top-right {
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 4.2857142857rem
  }
  .hero-banner__container.mob--top-left-spread {
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 4.2857142857rem
  }
  .hero-banner__container.mob--top-left-spread .hero-banner__inner {
    height: 100%;
    justify-content: space-between
  }
  .hero-banner__inner.mob--right .hero-banner__buttons {
    justify-content: flex-end
  }
}
.hero-banner__heading {
  color: var(--hero-color-style);
  /*font: var(--font-h1);*/
  font-size: 4.5rem;
  font-weight: 600;
  color: #fff;
 /* letter-spacing: var(--font-h1-letter-spacing);*/
 letter-spacing: -0.2rem;
  margin-bottom: 23px
}
.hero-banner__copy {
  color: var(--hero-color-style);
  line-height: 1.7142857143rem;
  margin: 0
}
.hero-banner__buttons {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.4285714286rem;
  column-gap: 1.4285714286rem
}
.hero-banner__product {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.2857142857rem;
  column-gap: 1.2857142857rem;
  background-color: var(--color-white);
  border-radius: .3571428571rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-height: 5rem;
  padding: 1.1428571429rem;
  text-decoration: none
}
.hero-banner__product-inner {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px
}
.hero-banner__product-title {
  font-size: 1.2857142857rem;
  color: var(--color-off-black);
  margin: 0
}
.hero-banner__product img {
  width: 5rem;
  height: auto
}
.hero-banner__video {
  position: absolute;
  inset: 0;
  z-index: -1
}
.hero-banner__video--desk {
  display: none
}
.hero-banner__video--desk video {
  width: 100%;
  height: auto;
  visibility: hidden
}
.hero-banner__video--mob {
  display: block
}
.hero-banner__video--mob video {
  width: auto;
  height: 100%
}
@media(min-width:1024px) {
  .hero-banner__container {
    padding: 11rem 2.8571428571rem 3.8571428571rem
  }
  .hero-banner__container.desk--bottom-center .hero-banner__inner, .hero-banner__container.desk--top-center .hero-banner__inner {
    max-width: none
  }
  .hero-banner__container .desk--left {
    text-align: left
  }
  .hero-banner__container .desk--center {
    text-align: center
  }
  .hero-banner__container .desk--right {
    text-align: right
  }
  .hero-banner__container.desk--bottom-left {
    align-items: flex-end;
    justify-content: flex-start
  }
  .hero-banner__container.desk--bottom-right {
    align-items: flex-end;
    justify-content: flex-end
  }
  .hero-banner__container.desk--bottom-center {
    align-items: flex-end;
    justify-content: center
  }
  .hero-banner__container.desk--top-center {
    align-items: flex-start;
    justify-content: center
  }
  .hero-banner__container.desk--top-left {
    align-items: flex-start;
    justify-content: flex-start
  }
  .hero-banner__container.desk--top-right {
    align-items: flex-start;
    justify-content: flex-end
  }
  .hero-banner__container.desk--middle-left {
    align-items: center;
    justify-content: flex-start
  }
  .hero-banner__container.desk--middle-right {
    align-items: center;
    justify-content: flex-end
  }
  .hero-banner__container.desk--middle-center {
    align-items: center;
    justify-content: center
  }
  .hero-banner__container.desk--bottom-left-spread {
    align-items: flex-end;
    justify-content: flex-start
  }
  .hero-banner__container.desk--bottom-left-spread .hero-banner__inner {
    width: 100%;
    max-width: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end
  }
  .hero-banner__container.desk--bottom-left-spread .hero-banner__content {
    max-width: 35.7142857143rem
  }
  .hero-banner__inner {
    row-gap: 2.2857142857rem;
    max-width: 35.7142857143rem
  }
  .hero-banner__inner.desk--center .hero-banner__buttons {
    justify-content: center
  }
  .hero-banner__inner.desk--right .hero-banner__buttons {
    justify-content: flex-end
  }
  .hero-banner__copy {
    /*font-size: 1.4285714286rem*/
    font-size: 1.6rem
  }
  .hero-banner__video--desk {
    display: block
  }
  .hero-banner__video--mob {
    display: none
  }
}
.hero-banner__video--only {
  display: block;
  position: relative
}
.hero-banner__video--only video {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  visibility: visible
}