.component-img-overlay{position:relative}.component-img-overlay .image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.component-img-overlay .image-wrapper img{width:100%;height:100%;object-fit:cover}.component-img-overlay .content-wrapper{position:relative}.component-img-overlay .content-wrapper .dashed-title{margin:35px auto}.component-img-overlay .content-wrapper>.d-flex{flex-wrap:wrap;justify-content:center;gap:45px 30px;margin-bottom:45px}.component-img-overlay .content-wrapper>.d-flex>div{width:100%}.component-img-overlay .content-wrapper>.d-flex .d-flex{flex-direction:column;gap:5px}.component-img-overlay .content-wrapper>.d-flex .d-flex>div{margin-bottom:5px}.component-img-overlay .content-wrapper>.d-flex .d-flex .h2{font-size:3rem}.component-img-overlay .content-wrapper>.d-flex .d-flex .sub-text{font-size:1.5rem;font-weight:700}.component-img-overlay .content-wrapper>.d-flex .d-flex .body-text{font-size:1rem}.component-img-overlay .content-wrapper>.d-flex.callout>div{order:4}.component-img-overlay .content-wrapper>.d-flex.callout>div.d-flex .sub-text{font-size:1.25rem}.component-img-overlay .content-wrapper>.d-flex.callout>div:not(.d-flex) div{margin:0 auto;padding:0 10px}.component-img-overlay .content-wrapper>.d-flex.callout>div:first-of-type{order:0}.component-img-overlay .content-wrapper>.d-flex.callout>div:nth-of-type(2){order:1}.component-img-overlay .content-wrapper>.d-flex.callout>div.row-2:not(.d-flex){order:1}.component-img-overlay .content-wrapper>.d-flex.callout>div.row-4:not(.d-flex){order:2}@media screen and (min-width: 576px) and (max-width: 767.9px){.component-img-overlay .content-wrapper>.d-flex.callout{margin-bottom:25px}}@media screen and (min-width: 576px) and (max-width: 991.9px){.component-img-overlay .content-wrapper>.d-flex.callout>div.row-2:not(.d-flex),.component-img-overlay .content-wrapper>.d-flex.callout>div.row-4:not(.d-flex){order:100}.component-img-overlay .content-wrapper>.d-flex.callout>div.row-2:not(.d-flex) div,.component-img-overlay .content-wrapper>.d-flex.callout>div.row-4:not(.d-flex) div{max-width:initial!important}}@media screen and (min-width: 576px){.component-img-overlay .content-wrapper>.d-flex .d-flex{width:calc(50% - 30px)}.component-img-overlay .content-wrapper>.d-flex.callout>div:not(.d-flex) div{padding:0}}@media screen and (min-width: 768px){.component-img-overlay{padding-bottom:0!important}.component-img-overlay .content-wrapper>.d-flex .d-flex{width:calc(50% - 15px)}.component-img-overlay .content-wrapper>.d-flex .d-flex.row-3{width:calc(33.333% - 20px)}.component-img-overlay .content-wrapper>.d-flex .d-flex.row-4{width:calc(25% - 22.5px)}.component-img-overlay .content-wrapper>.d-flex .d-flex.row-5{width:calc(20% - 24px)}.component-img-overlay .content-wrapper>.d-flex.callout>div:not(.d-flex) div{font-size:2rem}}@media screen and (min-width: 992px){.component-img-overlay.responsive-margin-top{margin-top:20px}.component-img-overlay.responsive-margin-bottom{margin-bottom:20px}.component-img-overlay .content-wrapper>.d-flex.callout>div{order:4}.component-img-overlay .content-wrapper>.d-flex.callout>div:first-of-type{order:0}.component-img-overlay .content-wrapper>.d-flex.callout>div:nth-of-type(2){order:1}.component-img-overlay .content-wrapper>.d-flex.callout>div.row-2{width:calc(33.333% - 20px)}.component-img-overlay .content-wrapper>.d-flex.callout>div.row-2:not(.d-flex){order:1}.component-img-overlay .content-wrapper>.d-flex.callout>div.row-4{width:calc(20% - 24px)}.component-img-overlay .content-wrapper>.d-flex.callout>div.row-4:not(.d-flex){order:2}}@media screen and (min-width: 1200px){.component-img-overlay.responsive-margin-top{margin-top:35px}.component-img-overlay.responsive-margin-bottom{margin-bottom:35px}.component-img-overlay .content-wrapper>.d-flex{gap:50px}.component-img-overlay .content-wrapper>.d-flex .d-flex{width:calc(50% - 25px)}.component-img-overlay .content-wrapper>.d-flex .d-flex.row-3{width:calc(33.333% - 33.333px)}.component-img-overlay .content-wrapper>.d-flex .d-flex.row-4{width:calc(25% - 37.5px)}.component-img-overlay .content-wrapper>.d-flex .d-flex.row-5{width:calc(20% - 40px)}.component-img-overlay .content-wrapper>.d-flex.callout>div.d-flex .sub-text{font-size:1.5rem}.component-img-overlay .content-wrapper>.d-flex.callout>div:not(.d-flex) div{font-size:2.25rem}.component-img-overlay .content-wrapper>.d-flex.callout>div.row-2{width:calc(33.333% - 33.333px)}.component-img-overlay .content-wrapper>.d-flex.callout>div.row-4{width:calc(20% - 40px)}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/component-img-overlay.scss.css.map */