.image-with-callout-section{padding-top:30px;background-color:#55f6d5}.image-with-callout-section .page-width{padding:0!important}.image-with-callout{display:flex;flex-direction:column;align-items:center}.callouts-container{position:relative;width:100%;height:278px;display:flex;flex-direction:column;overflow:hidden}.callouts-container .image-block{height:100%;display:flex;justify-content:center;transform:translate(52px)}.callouts-container .image-block img{width:271px;height:280px}.callouts-container .callout-item{position:absolute;width:120px;text-align:center}.callouts-container .callout-item.callout-1{top:13px;right:calc(50% + 53px)}.callouts-container .callout-item.callout-2{top:100px;right:calc(50% + 60px)}.callouts-container .callout-item.callout-3{top:170px;right:calc(50% - 63px)}.callouts-container .callout-item.callout-4{top:13px;left:calc(50% + 52px)}.callouts-container .callout-item.callout-5{top:100px;left:calc(50% + 68px)}@media screen and (max-width: 559px){.callouts-container .callout-item.callout-5 p{max-width:110px;margin-left:auto;margin-right:auto}}.callouts-container .callout-item h3{color:var(--forest);font-size:12px;line-height:16px;margin-bottom:2px;letter-spacing:0px}.callouts-container .callout-item p{font-size:11px;line-height:14px;margin:0}.callouts-container .popup{position:absolute;bottom:10px;left:10px;width:140px}.callouts-container .popup button{display:flex;gap:4px;font-size:11px;text-align:left;text-decoration:none}.callouts-container .popup button svg{min-width:14px;height:14px;margin-top:1px}@media screen and (max-width: 480px){.image-with-callout-section h2>p{margin-top:0;margin-bottom:20px}.image-with-callout .heading-lg{font-size:28px;line-height:35px}}@media screen and (min-width: 560px){.callouts-container{height:380px}.callouts-container .image-block{transform:translate(70px)}.callouts-container .image-block img{width:387px;height:400px}.callouts-container .callout-item{width:185px}.callouts-container .callout-item.callout-1{top:20px;right:calc(50% + 82px)}.callouts-container .callout-item.callout-2{top:144px;right:calc(50% + 90px)}.callouts-container .callout-item.callout-3{top:244px;right:calc(50% - 95px)}.callouts-container .callout-item.callout-4{top:20px;left:calc(50% + 83px)}.callouts-container .callout-item.callout-5{top:144px;left:calc(50% + 100px)}.callouts-container .callout-item h3{font-size:19px;line-height:inherit}.callouts-container .callout-item p{font-size:inherit;line-height:inherit}.callouts-container .popup{right:calc(50% + 80px);bottom:10px;width:180px}.callouts-container .popup button{gap:8px;font-size:15px}.callouts-container .popup button svg{min-width:17px;height:17px;margin-top:2px}}@media screen and (min-width: 750px){.image-with-callout-section{padding-top:40px}.image-with-callout-section .page-width{padding:0 1.5rem!important}.callouts-container{height:410px}.callouts-container .image-block{transform:translate(80px)}.callouts-container .image-block img{width:483px;height:500px}.callouts-container .callout-item{width:215px}.callouts-container .callout-item.callout-1{top:22px;right:calc(50% + 100px)}.callouts-container .callout-item.callout-2{top:178px;right:calc(50% + 119px)}.callouts-container .callout-item.callout-3{width:250px;top:295px;right:calc(50% - 113px)}.callouts-container .callout-item.callout-4{top:22px;left:calc(50% + 80px)}.callouts-container .callout-item.callout-5{top:178px;left:calc(50% + 105px)}.callouts-container .callout-item h3{font-size:21px}.callouts-container .popup{right:calc(50% + 135px);bottom:10px;width:180px}.callouts-container .popup button svg{min-width:19px}}@media screen and (min-width: 1024px){.callouts-container{height:620px}.callouts-container .image-block{transform:translate(125px)}.callouts-container .image-block img{width:725px;height:750px;object-fit:cover}.callouts-container .callout-item{width:250px}.callouts-container .callout-item.callout-1{top:42px;right:calc(50% + 145px)}.callouts-container .callout-item.callout-2{top:275px;right:calc(50% + 220px)}.callouts-container .callout-item.callout-3{top:460px;right:calc(50% - 120px)}.callouts-container .callout-item.callout-4{top:42px;left:calc(50% + 130px)}.callouts-container .callout-item.callout-5{top:275px;left:calc(50% + 205px)}.callouts-container .callout-item h3{font-size:24px}.callouts-container .popup{right:calc(50% + 205px);bottom:20px;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/section-image-with-callouts.css.map */
