.image-with-text{display:flex;flex-direction:column;overflow:hidden}@media screen and (min-width: 768px){.image-with-text{flex-direction:row}}.image-with-text__content{background-color:var(--background-color);color:var(--text-color);padding:40px 30px;display:flex;flex-direction:column;justify-content:center;width:100%;border-radius:1rem 1rem 0 0}@media screen and (min-width: 768px){.image-with-text__content{width:50%;padding:20px 40px;border-radius:1rem 0 0 1rem}}.image-with-text__title{font-size:28px;font-weight:700;margin-bottom:20px;color:var(--title-color)}@media screen and (min-width: 768px){.image-with-text__title{font-size:32px}}.image-with-text__intro{font-size:18px;margin-bottom:30px;font-weight:500}.image-with-text__features{list-style:none;padding:0;margin:0}.image-with-text__feature{display:flex;align-items:center;gap:1.5rem;border:1px solid rgba(255,255,255,.3);border-radius:.8rem;padding:1rem;margin-bottom:1rem;background-color:var(--feature-bg)}.image-with-text__feature-icon{display:flex;align-items:center}.image-with-text__feature-icon img{min-width:var(--icon-size-mobile, 20px);max-width:var(--icon-size-mobile, 20px);height:auto}@media screen and (min-width: 768px){.image-with-text__feature-icon img{min-width:var(--icon-size-desktop, 24px);max-width:var(--icon-size-desktop, 24px)}}.image-with-text__feature-text{font-size:16px;line-height:1.5}.image-with-text__image-container{position:relative;width:100%;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0 0 1rem 1rem}@media screen and (min-width: 768px){.image-with-text__image-container{width:50%;border-radius:0 1rem 1rem 0}}.image-with-text__image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.image-with-text__image-placeholder{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#f4f4f4}.image-with-text__image-placeholder svg{width:80%;height:80%;opacity:.7}.image-with-text__logo{position:absolute;width:var(--logo-size-mobile, 180px);height:var(--logo-size-mobile, 180px);background-color:var(--logo-bg-color);display:flex;align-items:center;justify-content:center;z-index:2}@media screen and (min-width: 768px){.image-with-text__logo{width:var(--logo-size-desktop, 250px);height:var(--logo-size-desktop, 250px)}}.image-with-text__logo-image{width:80%;height:80%;object-fit:contain}.image-with-text__logo-placeholder{width:80%;height:80%;display:flex;align-items:center;justify-content:center}.image-with-text__logo-placeholder svg{width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/4/assets/image-with-text.css.map */