.text-with-text-box{max-width:1200px;margin:0 auto;padding:0 20px}.text-with-text-box__grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media screen and (min-width:768px){.text-with-text-box__grid{grid-template-columns:1fr 1fr;gap:60px}.text-with-text-box__grid--reverse .text-with-text-box__box-wrapper{order:1}}.text-with-text-box__box-wrapper{position:relative}.text-with-text-box__icon{position:absolute;left:50%;width:4rem;height:4rem;background:var(--icon-background-color);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;transform:translate(-50%,-50%)}.text-with-text-box__icon svg{width:2.5rem;height:2.5rem}.text-with-text-box__box{background:var(--box-background);color:var(--box-text-color);padding:30px;border-radius:var(--box-border-radius)}@media screen and (min-width:768px){.text-with-text-box__box{padding:40px}}.text-with-text-box__content{display:flex;flex-direction:column;gap:20px}.text-with-text-box__heading{margin:0;font-weight:600;line-height:1.2}.text-with-text-box__heading.h0{font-size:2.5rem}.text-with-text-box__heading.h1{font-size:2rem}.text-with-text-box__heading.h2{font-size:1.5rem}@media screen and (min-width:768px){.text-with-text-box__heading.h0{font-size:3.5rem}.text-with-text-box__heading.h1{font-size:2.75rem}.text-with-text-box__heading.h2{font-size:2rem}}.text-with-text-box__text{margin:0}.text-with-text-box__text p{margin:0 0 1em}.text-with-text-box__text p:last-child{margin-bottom:0}.text-with-text-box__list{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:12px}.text-with-text-box__list-item{display:flex;align-items:flex-start;gap:12px}.text-with-text-box__list-item svg{flex-shrink:0;width:20px;height:20px;margin-top:2px}.text-with-text-box__list-item--checkmark svg{stroke:var(--checkmark-color)}.text-with-text-box--none{background-color:transparent}.text-with-text-box--background-1{background-color:var(--color-text-inverse);color:#000}.text-with-text-box--background-2{background-color:#f8f8f8;color:#000}.text-with-text-box--inverse{background:#004061;color:#b0c0ca}
/*# sourceMappingURL=/cdn/shop/t/203/assets/text-with-text-box.css.map */