.image-with-box{justify-items:center;align-items:center;box-shadow:0 0 8px #00000026;margin:10px 0;padding-bottom:150px;height:450px}.image-with-box__content{display:flex;align-self:center;justify-content:center;align-items:center;margin:20px 125px 0}.image-with-box__content>div:first-child{position:relative;display:flex;justify-content:start;align-items:center;overflow:hidden;max-width:725px;margin:0;padding-right:50px}.image-with-box img{position:relative;max-height:300px;max-width:100%;object-fit:contain}.image-with-box span{position:absolute;height:35px;width:35px;left:75%;background-color:#235a4e;border-radius:50%;display:inline-block}.image-with-box hr{position:absolute;left:calc(75% + 35px);top:calc(imageFocalPointY + 35px);border:none;height:3px;width:25%;background:#235a4e;z-index:1}.image-with-box__content>div:last-child{display:flex;text-align:center;align-items:center;color:#fff;min-width:200px;max-width:370px;padding:0;background:#235a4e;border-radius:15px;margin:10px 10px 10px 0}.image-with-box__content>div:last-child p{margin:20px}@media (max-width: 990px){.image-with-box{justify-items:center;align-items:center;box-shadow:0 0 8px #00000026;margin-bottom:10px;padding-bottom:0;height:fit-content}.image-with-box__content{flex-direction:column;justify-content:space-between;margin:0;max-height:400px;min-height:400px;width:100%;padding:0 20px}.image-with-box__content>div:first-child{position:relative;align-items:center;height:fit-content;overflow:hidden;padding:0 20px}.image-with-box img{max-width:60%;left:20%;top:0;margin:0;object-fit:contain}.image-with-box span{position:absolute;height:20px;width:20px;left:calc(50% - 9px);top:50%;background-color:#235a4e;border-radius:50%;display:inline-block}.image-with-box hr{position:absolute;top:50%;border:none;height:50%;width:2px;left:50%;background:#235a4e;margin:0}.image-with-box__content>div:last-child{display:flex;text-align:center;align-items:center;color:#fff;margin:0;max-width:370px!important;padding:0;background:#235a4e;border-radius:15px;max-width:100%}.image-with-box__content>div:last-child p{line-height:150%;font-size:14px;margin:20px}}@media (max-width: 749px){.image-with-box img{max-width:90%;left:5%;top:0;margin:0;object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/image-with-box.css.map */