css_styles .selling-point-blocks{border:1px solid red;display:flex;flex-direction:column;margin:0 auto;max-width:1200px}.banner-block{width:100%;height:400px;display:flex;margin-bottom:2em;background:#222}.selling-block-text-container{width:400px;height:auto;display:flex;flex-direction:column;justify-content:center;position:relative;padding:1em 2em;background-color:#17175c;color:#fff}.selling-block-text-container:after{content:"";position:absolute;right:-20px;top:0;bottom:0;width:30px;height:100%;background-color:#312281}.selling-block-header{font-family:var(--font-heading-family);font-size:2em;font-weight:700;position:relative;margin-bottom:1.25em;line-height:1.125}.selling-block-header:after{position:absolute;content:"";width:80%;height:16px;background:#fff;bottom:-25px;left:0;right:0}.selling-block-paragraph{padding:0}.selling-block-even{justify-content:right}.selling-block-even .selling-block-text-container{background:#f3f3f3;color:#312279;text-align:right}.selling-block-even .selling-block-text-container:after{background:#e8e8e8;left:-20px;top:0;bottom:0}.selling-block-even .selling-block-header:after{background-color:#312279;left:auto;right:0}@media(max-width:768px){.banner-block{height:500px;border-radius:20px}.selling-block-text-container{width:40%;border-radius:20px 0 0 20px}.selling-block-text-container:after{width:30px}.selling-block-header{font-size:1.75em}.selling-block-even .selling-block-text-container{border-radius:0 20px 20px 0}}@media(max-width:575px){.banner-block{height:475px;flex-direction:column;justify-content:end;background-position:center}.selling-block-text-container{width:100%;height:35%;border-radius:0 0 20px 20px;padding:1em}.selling-block-text-container p{z-index:1}.selling-block-header{text-align:center}.selling-block-paragraph{text-align:justify;font-size:.9em}.selling-block-text-container:after{top:-25px;left:0;right:0;width:100%;height:30px;z-index:0}.selling-block-header:after{width:60%;height:12px;bottom:-23px;left:0;right:0;margin:0 auto}.selling-block-even{flex-direction:column;justify-content:end}.selling-block-even .selling-block-text-container{color:#312279;border-radius:0 0 20px 20px}.selling-block-even .selling-block-text-container:after{top:-17px;left:0;right:0;width:100%;height:30px}.selling-block-even .selling-block-header:after{background-color:#312279;left:0;right:0;margin:0 auto}}@media(max-width:320px){.selling-block-header{font-size:1.25em;margin-bottom:.5em}.selling-block-header:after{display:none}.selling-block-text-container:after{top:-20px;left:0;right:0;height:20px}.selling-block-even .selling-block-text-container:after{top:-20px;left:0;right:0;height:20px}}.clickable-image-blocks{margin:.25em auto;display:flex;flex-flow:row nowrap;overflow:hidden;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-padding:0 24px}.clickable-image-blocks::-webkit-scrollbar{display:none}.clickable-image-blocks{-ms-overflow-style:none;scrollbar-width:none}.image-block{flex:1 0 32%;height:400px;position:relative;margin:0 .75em .75em 0;scroll-snap-align:start}.image-block .image-overlay:after{background:linear-gradient(180deg,#0000 20%,#142e70d9)}.image-overlay:before{content:"";position:absolute;top:0;left:2rem;z-index:2;height:5px;width:42px;background:rgb(var(--color-accent-2))}.image-overlay:after{content:"";pointer-events:none;top:0;left:0;position:absolute;width:100%;height:100%;border-radius:var(--border-radius-base)}.gradient-overlay>img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.image-block-header{color:#fff;font-family:var(--font-heading-family);font-weight:700;font-size:1.25em;margin-bottom:.5em}.text-container{position:absolute;width:90%;bottom:0;left:0;right:0;padding:.5em 1em;color:#fff;z-index:1;margin:0 auto}.align-text-2,.align-text-5{text-align:center}.align-text-3,.align-text-6{text-align:right}.cta-block{display:inline-block;padding:.75em 1.5em;background-color:#171796;text-align:center;margin-bottom:1em;font-weight:700;font-size:.9em}.cta-block:empty{display:none}.empty-span{display:none}.image-block:hover{box-shadow:2px 2px 6px #868686}.image-block:hover .image-overlay:after{background:linear-gradient(180deg,#0000 20%,#142e70d9)}.image-block:hover .cta-block{background-color:#3434d1;padding:1em 1.75em;box-shadow:-3px 3px #fff}@media(max-width:768px){.image-block{height:450px;flex:1 0 48%}.text-container>p{font-size:.9em}}@media(max-width:550px){.image-block{height:500px;flex:1 0 90%}}
/*# sourceMappingURL=/cdn/shop/t/210/compiled_assets/styles.css.map */