/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#navbar {
  position: fixed;
  top: 0;
  width: 100%;
  transition: transform 0.3s ease-in-out;
  will-change: transform;
}

.cta-buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-items: center;
    margin-top: 20px
}

.cta-buttons span:first-child {
    margin-right: 20px
}

@media (max-width: 640px) {
    .cta-buttons {
        display:block
    }

    .cta-buttons span {
        display: block;
        margin-bottom: 20px
    }

    .cta-buttons span:first-child {
        margin-right: 0
    }
}


.container-video-element {
    width: 90%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.customer-title-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 4rem;
  display: flex
}

.customer-title-wrapper div h2 {
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: WF Visual Sans, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.04;
}

.slider_nav-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex
}

.slider_nav-button {
    pointer-events: auto;
    cursor: pointer;
    background-color: #0000;
    border-radius: 4px;
    padding: 0;
    transition: opacity .3s cubic-bezier(.165,.84,.44,1);
}

.slider_nav-button:hover {
  color: #146ef5
}

.slider_nav-button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #146ef5
}

.slider_nav-button[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #146ef5
}

.slider_nav-button h3 {
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: WF Visual Sans, Arial, sans-serif;
  font-size: 2.313rem;
  font-weight: 600;
  line-height: 1.04;
}

.u-sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden
}

.customers-slider_wrapper {
  width: 100%;
  min-height: 45rem;
  position: relative
}

.customers-slider_container {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%
}

.customers-slider_mobile-bg {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%
}

.customers-lider_video-bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%
}

.slider_nav-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex
}

.slider_nav-button {
  pointer-events: auto;
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  padding: 0;
  transition: opacity .3s cubic-bezier(.165,.84,.44,1)
}

.slider_nav-button:hover {
  color: #146ef5
}

.slider_nav-button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #146ef5
}

.slider_nav-button[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #146ef5
}

.customers-slide {
  background-color: var(--gray-700);
  color: var(--white);
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 4rem;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden
}

.customers-slide_frame {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: space-between;
  padding: 3rem;
  transition: opacity .8s;
  display: flex;
  position: relative
}

.customers-slide_frame-col {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex
}

.customers-slide_frame-col.cc-quote {
  flex: 1;
  max-width: 45rem
}

.customers-slider_frame-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 3rem;
  display: flex
}

.u-flex-no-shrink {
  flex: none
}

.customers-slide_header {
  width: 100%;
  transition: opacity .8s;
  position: relative
}

.customers-slide_header h2 {
  font-size: 2.2rem;
  font-weight:900;
  font-family: "Red Hat Text", sans-serif;
  display:inline
}

.customers-slide_header h2::after {
  content: ".";
  color: #f97316;
  padding-left: 3px;
}

.customers-slider {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: stretch;
  width: calc(100% + 24rem);
  margin-bottom: 0;
  padding-left: 0;
  transition-property: transform;
  transition-duration: .8s;
  transition-timing-function: cubic-bezier(.77,0,.175,1);
  display: flex;
  position: relative;
  transform: translate(-12rem)
}

.customers-slider_slide {
  background-color: var(--gray-300);
  box-shadow: none;
  opacity: .3;
/*   filter: saturate(0%); */
  cursor: pointer;
  border-radius: 8px;
  flex: 0 auto;
  min-width: 5rem;
  min-height: 45rem;
  margin-bottom: 0;
  transition: box-shadow .8s cubic-bezier(.77,0,.175,1),flex .8s cubic-bezier(.77,0,.175,1),filter .8s cubic-bezier(.77,0,.175,1),opacity .8s cubic-bezier(.77,0,.175,1);
  position: relative;
  overflow: hidden
}

.customers-slider_slide:focus-visible {
  outline-color: var(--webflow-blue);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid
}

.customers-slider_slide[data-wf-focus-visible] {
  outline-color: var(--webflow-blue);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid
}

.customers-slider_slide.cc-active {
  opacity: 1;
  filter: saturate();
  cursor: auto;
  flex: 1;
  box-shadow: 0 .5px .1px #00000012,0 1.1px .5px #00000013,0 4.2px 3px #00000015,0 8.1px 6.4px #00000016,0 16px 13.6px #00000017,0 34.9px 31.1px #00000019
}

.customer-title-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 4rem;
  display: flex
}

.customers-slide_bg-overlay {
  pointer-events: none;
  background-image: linear-gradient(18deg,#080808cc,#08080829);
  position: absolute;
  inset: 0%
}

.customers-slider_contents-size {
  width: 90vw;
  max-width: 1280px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 50%;
  transform: translate(-50%)
}

.u-img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%
}

.feature-tabs_img-right-wrapper {
  justify-content: flex-end;
  align-items: stretch;
  max-width: calc(50vw - 48px);
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%
}

.feature-tabs_video {
  aspect-ratio: 1;
  border-radius: 4px;
  width: 100%;
  transition: opacity .4s ease-out
}

.features_video-playback-position {
  width: 32px;
  height: 32px;
  display: block;
  position: relative
}

.features_video-playback-position.cc-hero-1 {
  z-index: 2;
  position: absolute;
  inset: auto 0% 60px auto
}

.features_video-playback-position.cc-hero-2 {
  z-index: 2;
  margin-left: auto;
  bottom: 18px;
  left: auto;
  right: 12px
}

.features_video-playback-position.cc-customer-video {
  z-index: 2;
  position: absolute;
  inset: auto 12px 12px auto
}

.features_video-playback {
  background-color: var(--gray-800);
  color: var(--white);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transition: background-color .3s cubic-bezier(.165,.84,.44,1);
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%
}

.features_video-playback:hover {
  background-color: var(--gray-700)
}

.features_video-playback.cc-play {
  padding-left: 2px;
  display: none
}

.features_video-playback.cc-play.cc-customer-video {
  background-color: #17171729
}

.features_video-playback.cc-pause {
  display: flex
}

.features_video-playback.cc-pause.cc-customer-video {
  background-color: #17171729
}

.h0 {
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: WF Visual Sans,Arial,sans-serif;
  font-size: 8rem;
  font-weight: 600;
  line-height: 1.04
}

.h0.cc-customers-stat {
  line-height: .8
}

.h4 {
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto",Arial,sans-serif;
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 1.3
}

.h4.cc-customers-slide-quote {
  text-indent: -.4em
}

.button.cc-text-only.cc-text-white.cc-customer-story-slider {
  position: relative;
  top: .1em
}

/* Feature tab bar on current tab */
.feature-tabs_link.w--current .feature-tabs_bar {
  transform: scale(2, 1);
}

/* Customers custom accordion */
.customers-slider_slide .customers-slide_header, .customers-slider_slide .customers-slide_frame {
  opacity: 0;
}

.customers-slider_slide.cc-active .customers-slide_header, .customers-slider_slide.cc-active .customers-slide_frame {
  opacity: 1;
}

.customers-slider_slide .customers-slide_header.sideways {
  opacity: 1;
  transform: rotate(90deg);
  position: absolute;
  left: 50%;
  top: 20rem;
  margin-left: -20rem;
}

.customers-slider_slide.cc-active .customers-slide_header.sideways {
  opacity: 0;
}

li>div.customers-slider_contents-size>div.customers-slide>a>div.customers-slide_frame {
/*   display:none; */
  visibility: hidden;
  opacity: 0;
  font-family: 'Red Hat Text';
}

li.cc-active>div.customers-slider_contents-size>div.customers-slide>a>div.customers-slide_frame {
/*   display:block; */
  visibility: visible;
  opacity: 1;
  transition: opacity 0.6s;
  transition-delay: 0.4s;
  font-family: 'Red Hat Text';
}

li>div.customers-slider_contents-size>div.customers-slide>div.sideways {
  transition-delay: 0.6s;
}

li.cc-active>div.customers-slider_contents-size>div.customers-slide>div.sideways {
  transition-delay: 0s;
  transition-duration: 0.2s;
}

@media screen and (max-width: 767px) {
  .container-video-element {
      width: 85%
  }
  
  .customer-title-wrapper {
      grid-column-gap: 2rem;
      grid-row-gap: 2rem;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start
  }
  .slider_nav-wrapper {
      justify-content: flex-start;
      align-items: center
  }
  
   .customers-slider_wrapper {
      min-height: 38rem
  }
  
  .customers-slider_slide {
      min-height: 38rem
  }
  
  .customers-slider_mobile-bg {
      display: block
  }

  .customers-lider_video-bg {
      display: none
  }
  
  .customers-slide_frame {
    padding:10px;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: #08080836
  }

  .customers-slider_contents-size {
    width: 85vw
  }

  .features_video-playback-position.cc-hero-1 {
    bottom: 0
  }
  
  .h4.cc-customers-slide-quote {
    margin-bottom: 1rem
  }
  
  .customers-slide_frame {
    bottom: 5rem;
  }
  
  .customers-slide_frame-col .h4 {
    font-size: 1.2rem;
  }
  
  .customers-slide_header h2 {
    font-size: 1.7rem;
  }
  
  .customers-slide {
      padding: 10px;
  }
  
}

.carousel-progress-parent {  
  width: 100%;
  height: 2px;
  width: 100%;
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .carousel-progress-parent {  
    display:none;
  }
}

.customer-title-wrapper {
  flex-wrap: wrap;
  margin-bottom: unset !important;
}

.carousel-progress {
  height: 100%;
  width:0;
  background-color: #f97316;
  animation: progressBar 7s ease-in-out;
  animation-fill-mode:both;
  animation-iteration-count: infinite;
}



@keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* 
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
} */

.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.inset-0 {
  inset: 0px;
}
.w-10\/12 {
  width: 83.333333%;
}
.max-w-md {
  max-width: 28rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-black {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.md\:flex-nowrap {
  @media (width >= 48rem) {
    flex-wrap: nowrap;
  }
}

@media (max-width: 640px) { 
  .cta-buttons {
    display: block;
  }
  .cta-buttons span {
    display: block;
    margin-bottom: 20px;
  }
  .cta-buttons span:first-child {
    margin-right: 0px;
  }
}

.md\:space-x-4 {
  @media (width >= 48rem) {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
}

.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}

.md\:space-y-0 {
  @media (width >= 48rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}

.cta-buttons-cta span:first-child {
  margin-right: 20px;
}

@media (max-width: 640px) { 
  .cta-buttons-cta {
    display: block;
  }
  .cta-buttons-cta span {
    display: block;
    margin-bottom: 20px;
  }
  .cta-buttons-cta span:first-child {
    margin-right: 0px;
  }
  .carousel-progress {
    animation: unset;
  }
}

.mt-24 {
  margin-top: calc(var(--spacing) * 24);
}

.invisible {
  visibility: hidden;
}
.md\:visible {
  @media (width >= 48rem) {
    visibility: visible;
  }
}

.mb-32 {
  margin-bottom: calc(var(--spacing) * 32);
}
.absolute {
  position: absolute;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.w-10\/12 {
  width: calc(10/12 * 100%);
}
.bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-black {
  --tw-gradient-from: var(--color-black);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.md\:grid {
  @media (width >= 48rem) {
    display: grid;
  }
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

.container-video-element {
    width: 90%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.customer-title-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 4rem;
  display: flex
}

.customer-title-wrapper div h2 {
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: WF Visual Sans, Arial, sans-serif;
/*   font-size: 3.5rem; */
  font-weight: 600;
  line-height: 1.04;
  font-size: clamp(1rem,7vw,3rem);
}

.slider_nav-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex
}

.slider_nav-button {
    pointer-events: auto;
    cursor: pointer;
    background-color: #0000;
    border-radius: 4px;
    padding: 0;
    transition: opacity .3s cubic-bezier(.165,.84,.44,1);
}

.slider_nav-button:hover {
  color: #146ef5
}

.slider_nav-button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #146ef5
}

.slider_nav-button[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #146ef5
}

.slider_nav-button h3 {
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: WF Visual Sans, Arial, sans-serif;
  font-size: 2.313rem;
  font-weight: 600;
  line-height: 1.04;
}

.u-sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden
}

.customers-slider_wrapper {
  width: 100%;
  min-height: 45rem;
  position: relative
}

.customers-slider_container {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%
}

.customers-slider_mobile-bg {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%
}

.customers-lider_video-bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%
}

.slider_nav-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex
}

.slider_nav-button {
  pointer-events: auto;
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  padding: 0;
  transition: opacity .3s cubic-bezier(.165,.84,.44,1)
}

.slider_nav-button:hover {
  color: #146ef5
}

.slider_nav-button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #146ef5
}

.slider_nav-button[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #146ef5
}

.customers-slide {
  background-color: var(--gray-700);
  color: var(--white);
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 4rem;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden
}

.customers-slide_frame {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: space-between;
  padding: 3rem;
  transition: opacity .8s;
  display: flex;
  position: relative
}

.customers-slide_frame-col {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex
}

.customers-slide_frame-col.cc-quote {
  flex: 1;
  max-width: 45rem
}

.customers-slider_frame-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 3rem;
  display: flex
}

.u-flex-no-shrink {
  flex: none
}

.customers-slide_header {
  width: 100%;
  transition: opacity .8s;
  position: relative
}

.customers-slide_header h2 {
  font-size: 2.2rem;
  font-weight:900;
  font-family: "Red Hat Text", sans-serif;
  display:inline
}

.customers-slide_header h2::after {
  content: ".";
  color: #f97316;
  padding-left: 3px;
}

.customers-slide_header div::after {
  content: ".";
  color: #f97316;
  padding-left: 3px;
}

.customers-slider {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: stretch;
  width: calc(100% + 24rem);
  margin-bottom: 0;
  padding-left: 0;
  transition-property: transform;
  transition-duration: .8s;
  transition-timing-function: cubic-bezier(.77,0,.175,1);
  display: flex;
  position: relative;
  transform: translate(-12rem)
}

.customers-slider_slide {
  background-color: var(--gray-300);
  box-shadow: none;
  opacity: .3;
/*   filter: saturate(0%); */
  cursor: pointer;
  border-radius: 8px;
  flex: 0 auto;
  min-width: 5rem;
  min-height: 45rem;
  margin-bottom: 0;
  transition: box-shadow .8s cubic-bezier(.77,0,.175,1),flex .8s cubic-bezier(.77,0,.175,1),filter .8s cubic-bezier(.77,0,.175,1),opacity .8s cubic-bezier(.77,0,.175,1);
  position: relative;
  overflow: hidden
}

.customers-slider_slide:focus-visible {
  outline-color: var(--webflow-blue);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid
}

.customers-slider_slide[data-wf-focus-visible] {
  outline-color: var(--webflow-blue);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid
}

.customers-slider_slide.cc-active {
  opacity: 1;
  filter: saturate();
  cursor: auto;
  flex: 1;
  box-shadow: 0 .5px .1px #00000012,0 1.1px .5px #00000013,0 4.2px 3px #00000015,0 8.1px 6.4px #00000016,0 16px 13.6px #00000017,0 34.9px 31.1px #00000019
}

.customer-title-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 4rem;
  display: flex
}

.customers-slide_bg-overlay {
  pointer-events: none;
  background-image: linear-gradient(18deg,#080808cc,#08080829);
  position: absolute;
  inset: 0%
}

.customers-slider_contents-size {
  width: 90vw;
  max-width: 1280px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 50%;
  transform: translate(-50%)
}

.u-img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%
}

.feature-tabs_img-right-wrapper {
  justify-content: flex-end;
  align-items: stretch;
  max-width: calc(50vw - 48px);
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%
}

.feature-tabs_video {
  aspect-ratio: 1;
  border-radius: 4px;
  width: 100%;
  transition: opacity .4s ease-out
}

.features_video-playback-position {
  width: 32px;
  height: 32px;
  display: block;
  position: relative
}

.features_video-playback-position.cc-hero-1 {
  z-index: 2;
  position: absolute;
  inset: auto 0% 60px auto
}

.features_video-playback-position.cc-hero-2 {
  z-index: 2;
  margin-left: auto;
  bottom: 18px;
  left: auto;
  right: 12px
}

.features_video-playback-position.cc-customer-video {
  z-index: 2;
  position: absolute;
  inset: auto 12px 12px auto
}

.features_video-playback {
  background-color: var(--gray-800);
  color: var(--white);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transition: background-color .3s cubic-bezier(.165,.84,.44,1);
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%
}

.features_video-playback:hover {
  background-color: var(--gray-700)
}

.features_video-playback.cc-play {
  padding-left: 2px;
  display: none
}

.features_video-playback.cc-play.cc-customer-video {
  background-color: #17171729
}

.features_video-playback.cc-pause {
  display: flex
}

.features_video-playback.cc-pause.cc-customer-video {
  background-color: #17171729
}

.h0 {
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: WF Visual Sans,Arial,sans-serif;
  font-size: 8rem;
  font-weight: 600;
  line-height: 1.04
}

.h0.cc-customers-stat {
  line-height: .8
}

.h4 {
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto",Arial,sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3
}

.h4.cc-customers-slide-quote {
  text-indent: -.4em
}

.button.cc-text-only.cc-text-white.cc-customer-story-slider {
  position: relative;
  top: .1em
}

/* Feature tab bar on current tab */
.feature-tabs_link.w--current .feature-tabs_bar {
  transform: scale(2, 1);
}

/* Customers custom accordion */
.customers-slider_slide .customers-slide_header, .customers-slider_slide .customers-slide_frame {
  opacity: 0;
}

.customers-slider_slide.cc-active .customers-slide_header, .customers-slider_slide.cc-active .customers-slide_frame {
  opacity: 1;
}

.customers-slider_slide .customers-slide_header.sideways {
  opacity: 1;
  transform: rotate(90deg);
  position: absolute;
  left: 50%;
  top: 20rem;
  margin-left: -20rem;
}

.sideways div {
  display: inline;
  font-family: Red Hat Text, sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
}
}

.customers-slider_slide.cc-active .customers-slide_header.sideways {
  opacity: 0;
}

li>div.customers-slider_contents-size>div.customers-slide>a>div.customers-slide_frame {
/*   display:none; */
  visibility: hidden;
  opacity: 0;
  font-family: 'Red Hat Text';
}

li.cc-active>div.customers-slider_contents-size>div.customers-slide>a>div.customers-slide_frame {
/*   display:block; */
  visibility: visible;
  opacity: 1;
  transition: opacity 0.6s;
  transition-delay: 0.4s;
  font-family: 'Red Hat Text';
}

li>div.customers-slider_contents-size>div.customers-slide>div.sideways {
  transition-delay: 0.6s;
}

li.cc-active>div.customers-slider_contents-size>div.customers-slide>div.sideways {
  transition-delay: 0s;
  transition-duration: 0.2s;
}

@media screen and (max-width: 767px) {
  .container-video-element {
      width: 85%
  }
  
  .customer-title-wrapper {
      grid-column-gap: 2rem;
      grid-row-gap: 2rem;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start
  }
  .slider_nav-wrapper {
      justify-content: flex-start;
      align-items: center
  }
  
   .customers-slider_wrapper {
      min-height: 25rem
  }
  
  .customers-slider_slide {
      min-height: 25rem
  }
  
  .customers-slider_mobile-bg {
      display: block
  }

  .customers-lider_video-bg {
      display: none
  }
  
  .customers-slide_frame {
    padding:10px;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: #08080836
  }

  .customers-slider_contents-size {
    width: 85vw
  }

  .features_video-playback-position.cc-hero-1 {
    bottom: 0
  }
  
  .h4.cc-customers-slide-quote {
    margin-bottom: 1rem
  }
  
  .customers-slide_frame {
    bottom: 5rem;
  }
  
  .customers-slide_frame-col .h4 {
    font-size: 1.2rem;
  }
  
  .customers-slide_header h2 {
    font-size: 1.7rem;
  }
  
  .customers-slide {
      padding: 10px;
  }
  
}

nav > div > div > ul {
  list-style-type: none;
}

nav > div > div > ul > li > ul {
  list-style-type: none;
}

.menu ul {
  list-style-type: none;
}

nav > div > div > ul li {
  position: relative;
}

nav > div > div > ul li ul {
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  left: 0;
  top: 0;
  padding-top:30px;
  display: none;
}

nav > div > div > ul li:hover > ul,
nav > div > div > ul li:focus-within > ul,
nav > div > div > ul li ul:hover,
nav > div > div > ul li ul:focus {
   visibility: visible;
   opacity: 1;
   display: block;
}

nav > div > div > ul li ul li {
  clear: both;
  width: 100%;
  background: oklch(0.205 0 0);
  padding: 10px;
}

nav > div > div > ul li ul li a {
  width: 14rem !important;
}