@layer components{.info-block-with-image{display:grid;grid-template-columns:1fr;grid-template-rows:auto 150px auto;align-items:end}.info-block-with-image>.image>.picture-component>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:32px}.info-block-with-image>.body{position:relative;margin-inline:20px;padding:35px 20px;border-radius:32px}.info-block-with-image>.body .paragraph-block .block-header{--header-spacing-bot: 16px}.info-block-with-image>.body .paragraph-block .block-header .title{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);text-transform:none}.info-block-with-image>.body.pink{background-color:var(--accent-color-2)}.info-block-with-image>.body.pink .paragraph-block .block-header .title{--title-color: var(--secondary-color)}.info-block-with-image>.body.pink .paragraph-block .richtext ul li:before{--_unordered-bullet-color: var(--secondary-color)}.info-block-with-image>.body.green{background-color:var(--primary-color)}.info-block-with-image>.body.green .paragraph-block .block-header .title{--title-color: var(--accent-color-1)}.info-block-with-image>.body.green .paragraph-block .richtext{color:var(--white)}.info-block-with-image>.body.green .paragraph-block .richtext ul li:before{--_unordered-bullet-color: var(--accent-color-1)}.info-block-with-image>.body.green .paragraph-block .btn-wrapper>.btn-primary{--btn-bg: var(--accent-color-1);--btn-border-color: var(--accent-color-1);--btn-color: var(--primary-color)}@media(min-width: 576px){.info-block-with-image>.body{padding:40px}}@media(width < 1200px){.info-block-with-image>.image{grid-row:1/3;grid-column:1}.info-block-with-image>.body{grid-row:2/4;grid-column:1}}@media(min-width: 1024px){.info-block-with-image>.body{padding:40px 55px;border-radius:40px}}@media(min-width: 1200px){.info-block-with-image{align-items:center;grid-template-rows:auto}.info-block-with-image.left{grid-template-columns:538px 1fr;grid-template-areas:"body image"}.info-block-with-image.left>.body{left:20%}.info-block-with-image.right{grid-template-columns:1fr 538px;grid-template-areas:"image body"}.info-block-with-image.right>.body{right:20%}.info-block-with-image>.body{grid-area:body;margin-inline:unset}.info-block-with-image>.image{grid-area:image}.info-block-with-image>.image>.picture-component>img{border-radius:40px}}}