.banner{min-height:30vh;display:flex;justify-content:center;align-items:center;position:relative}.banner.banner-background-image{background-size:cover;background-position:25% center}.banner.banner-background-image .container{z-index:1}.banner .heading,.banner .sub-heading{color:#fff;text-shadow:1px 1px 3px rgb(16 24 26 / 45%)}.banner .heading{font-size:2.25rem;padding-bottom:.5rem;font-weight:700}.banner .sub-heading{font-size:1.5rem;margin-bottom:0}@media screen and (max-width: 767px){.banner .heading{font-size:2rem}.banner .sub-heading{font-size:1.25rem}}.banner.text-image-banner{padding:4rem 0}.banner.text-image-banner .container{display:flex;align-items:center;justify-content:space-between}.banner.text-image-banner .text-cont{width:50%}.banner.text-image-banner .image-cont{width:40%;position:relative}@media screen and (max-width: 1250px){.banner.text-image-banner .container{flex-direction:column-reverse}}@media screen and (max-width: 767px){.banner.text-image-banner .text-cont,.banner.text-image-banner .image-cont{width:90%;padding:0 1rem}}.banner .sale-circle{position:absolute;top:-10%;left:-10%;transform:rotate(10deg);animation:wiggle 2s linear infinite;-webkit-animation:wiggle 2s linear infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;background:red;width:100px;height:100px}.banner .sale-circle:before,.banner .sale-circle:after{content:"";position:absolute;top:0;left:0;height:inherit;width:inherit;background:red}.banner .sale-circle:before{transform:rotate(30deg)}.banner .sale-circle:after{transform:rotate(60deg)}.banner .sale-circle>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;color:#fff;font-weight:700}.banner .sale-circle span{font-size:2.5rem;line-height:1;color:#fff;font-weight:700}@media screen and (max-width: 767px){.banner .sale-circle{left:0;font-size:.9rem;width:90px;height:90px}.banner .sale-circle span{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/page-hero-banner.css.map */