.hero-img{overflow:hidden}.hero-img__wrapper{display:flex;width:100%}.hero-image-wrap-circle{border-radius:100%;overflow:hidden;position:relative;width:600px;height:600px}.hero-img__item .hero-main-image,.hero-image-wrap-circle img{aspect-ratio:1 / 1;object-fit:cover}.hero-img__text-content{display:flex;flex-direction:column;z-index:1;margin-right:1rem}.hero-img__subtitle{margin-bottom:15px;font-weight:500}.hero-wheel-icon{position:absolute;width:40%}.hero-circle-icons{width:100px;height:350px;z-index:0;position:absolute;right:-5px;top:150px}@media only screen and (min-width:590px){.hero-img{display:flex}.hero-img__wrapper{align-items:center}.hero-img__item-left{transform:translate(-100px)}.hero-img__item-right{transform:translate(130px)}.hero-img{height:600px}.hero-img__text-content{width:50%}.hero-img__text-content-right{transform:translate(140px)}.hero-img__item-left .hero-wheel-icon{right:-15%;top:0}.hero-img__item-right .hero-wheel-icon{left:-10%;top:0}}@media only screen and (min-width: 1000px){.hero-img__item-right{transform:translate(130px)}.hero-img{height:700px}}@media only screen and (min-width:590px) and (max-width:1149px){.hero-circle-icons{display:none}}@media only screen and (min-width:1150px){.hero-img__item-right{transform:translate(150px)}.hero-circle-icons{width:263px;height:850px;top:290px}}@media only screen and (min-width:1250px){.hero-img__item-right{transform:translate(250px)}.hero-img__text-content-right{transform:translate(200px)}}@media only screen and (min-width:1440px){.hero-circle-icons{top:230px}}@media only screen and (max-width:589px){.hero-img{height:600px}.hero-image-wrap-circle{width:200px;height:200px}.hero-img__wrapper{align-items:flex-start}.hero-img__wrapper-left{flex-direction:column}.hero-img__wrapper-right{flex-direction:column-reverse}.hero-img__item{transform:translate(-25px,20px)}.hero-img__item .hero-main-image,.hero-img__item .placeholder-svg{width:200px;padding:0}.hero-image-wrap-circle img{width:200px;height:200px}.hero-img__text-content{padding:30px 25px}.hero-img__link .btn{width:95%}.hero-wheel-icon{top:-70px;left:140px;width:110px}.hero-circle-icons{right:0;top:300px}}
/*# sourceMappingURL=/cdn/shop/t/254/assets/hero-circle-img.css.map */