/** Shopify CDN: Minification failed

Line 22:110 The "-" operator only works if there is whitespace on both sides

**/
.carousel-steps-image-text{ padding: var(--padding); background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), var(--bg-image), lightgray 50% / cover no-repeat; background-color: var(--bg-color); background-size: cover; background-repeat: no-repeat; }

.carousel-steps-image-text .separator {position: relative; display: inline-flex; width:1px; height: 3.25rem; background: var(--section-txt-color); margin-left:1.5em;}
.carousel-steps-image-text .separator::before, .carousel-steps-image-text .separator::after {content: ''; position: absolute; left: -2px; width:4px; height: 4px; background: var(--section-txt-color); border-radius: 50% 50%;}
.carousel-steps-image-text .separator::before {top: 0;}
.carousel-steps-image-text .separator::after {bottom: 0;}

.carousel-steps-image-text .text-wrapper * { color: var(--section-txt-color); display: block; max-width: var(--content-max-width);}
.carousel-steps-image-text .text-wrapper .epigraph{ font-size: var(--epi-font-size); margin-bottom: 0.5em;}
.carousel-steps-image-text .text-wrapper .title{ font-size: var(--title-font-size) }
.carousel-steps-image-text .text-wrapper .description p { font-size: var(--desc-font-size); margin-bottom: 1em;}
.carousel-steps-image-text .content-wrapper .image-wrapper { max-width: calc(66% + 2.5em); position: relative;}
.carousel-steps-image-text .content-wrapper .image-wrapper .separator { left: calc(75% - 2.5em); height: 1.5em; margin-top: 1em}
.carousel-steps-image-text .content-wrapper .image-wrapper .separator::after { display: none;}

.carousel-steps-image-text .carousel-wrapper .slide-wrapper { position: relative; display: flex; flex-wrap: wrap; }
.carousel-steps-image-text .carousel-wrapper .slide-wrapper .slide-text-wrapper{ width:100%; height: calc(100%-4.25rem); margin-top:1em;}
.carousel-steps-image-text .carousel-wrapper .slide-wrapper .slide-text-wrapper .break{ width:100%; height: 1px; display: block;}

.carousel-steps-image-text .slide-text-wrapper > *{ color: var(--section-txt-color) }

.carousel-steps-image-text .carousel-wrapper .keen-slider-slide::before {content: ''; width:100%; height: 1px; background: var(--section-txt-color); position: absolute; left:0; top:2px}
.carousel-steps-image-text .carousel-wrapper .keen-slider-slide:last-child::before{width:1.6em; }
.carousel-steps-image-text .carousel-wrapper .keen-slider-slide:first-child::before{ width: 100%; left: 0}

.carousel-steps-image-text .carousel-wrapper .slide-wrapper .slide-text-wrapper .index{display: inline-flex; padding: 0.25rem 1rem; align-items: center; gap: 0.5rem; justify-content: center; border-radius: 6.25rem; border: 1px solid var(--section-txt-color); color: #FFF; text-align: center; font-size: 0.875rem; font-weight: 700; text-transform: capitalize; margin-bottom: 1em;} 
.carousel-steps-image-text .carousel-wrapper .slide-wrapper .slide-text-wrapper .slide-text{font-size: var(--block-font-size); font-family: "Optima LT Pro";;} 

.carousel-steps-image-text .keen-arrows{ width: 100%; display: flex; justify-content: end; margin-top: 2.5rem;}
.carousel-steps-image-text .keen-arrows .keen-arrow{ position: static; border: 1px solid var(--section-txt-color); height: 2rem; width: 2rem; display: flex; justify-content: center; align-items: center; border-radius: 3rem; padding: 0; margin-right: 1.12rem; transform: none;}
.carousel-steps-image-text .keen-arrows .keen-arrow svg path{ fill: var(--section-txt-color) }

@media screen and (min-width: 901px) {
  .carousel-steps-image-text .carousel-wrapper .slide-parent{padding-left: 3.2rem; position: relative}
  .carousel-steps-image-text .carousel-wrapper .slide-parent::before{content: ''; width:3.2rem; height: 1px; background: var(--section-txt-color); position: absolute; left:0; top:2px}
  .carousel-steps-image-text .carousel-wrapper .image-parent {position: relative;}
  .carousel-steps-image-text .carousel-wrapper .image-parent .separator { left: 75%; height: 1em; margin-bottom: 0.5em; margin-left: 0; top: 2px}
  .carousel-steps-image-text .carousel-wrapper .image-parent .separator::before { display:none}
  .carousel-steps-image-text .carousel-wrapper .image-parent::before {content: ''; width:25%; height: 1px; background: var(--section-txt-color); position: absolute; left:75%; top:2px}
}

@media screen and (max-width: 900px) {
  .carousel-steps-image-text .carousel-wrapper {margin-top: -0.55em} 
  .carousel-steps-image-text .content-wrapper .image-wrapper .separator { left: calc(18vw - 1em); height: 1.5em; margin-top: 1em}
  .carousel-steps-image-text .carousel-wrapper .keen-slider-slide:first-child::before{ width: calc(100% - 1.59em); left: 1.6em}
  .carousel-steps-image-text .carousel-wrapper .keen-slider-slide:last-child::before{width:1.6em; }
  .carousel-steps-image-text .carousel-wrapper .slide-wrapper .slide-text-wrapper .slide-text{padding-right: 1rem;} 
  .carousel-steps-image-text .carousel-wrapper{padding-left: 1rem; padding-right: 1rem;} 
  
}
@media screen and (max-width: 600px) {
  .carousel-steps-image-text .content-wrapper .image-wrapper { max-width: none}
  .carousel-steps-image-text .content-wrapper .image-wrapper .separator { left: calc(25vw - 1em);}
  .carousel-steps-image-text .carousel-wrapper .slide-wrapper .slide-text-wrapper .slide-text{padding-right: 0.75rem;} 
  .carousel-steps-image-text .carousel-wrapper{padding-left: 2rem; padding-right: 0;} 

}