:root{--font-jakarta: "Plus Jakarta Sans", sans-serif;--white: #FFFFFF;--light-blue: #EDF9FA;--blue: #009AAF;--dark-blue: #0E223D;--red: #FF4B40;--system-blue: #0056C9;--top-bottom-padding-xl: 100px;--top-bottom-padding-l: 80px;--top-bottom-padding-m: 64px;--top-bottom-padding-s: 40px;--top-bottom-padding-none: 0;--section-width: 1440px;--left-right-margins: 80px;--header-content: 40px;--boreder-radius-m: 32px;--boreder-radius-s: 16px;--distance-between-elements-xxl: 80px;--distance-between-elements-xl: 64px;--distance-between-elements-l: 40px;--distance-between-elements-m: 32px;--distance-between-elements-s: 24px;--distance-between-elements-xs: 16px;--distance-between-elements-xxs: 8px}@media screen and (width <= 1024px){:root{--top-bottom-padding-xl: 80px;--top-bottom-padding-l: 64px;--top-bottom-padding-m: 40px;--top-bottom-padding-s: 32px;--left-right-margins: 16px;--header-content: 24px;--boreder-radius-m: 16px;--boreder-radius-s: 8px;--distance-between-elements-xxl: 56px;--distance-between-elements-xl: 40px;--distance-between-elements-l: 32px;--distance-between-elements-m: 24px;--distance-between-elements-s: 16px}}@media screen and (width <= 576px){:root{--top-bottom-padding-xl: 64px;--top-bottom-padding-l: 40px;--top-bottom-padding-m: 32px;--top-bottom-padding-s: 24px;--distance-between-elements-xxl: 40px;--distance-between-elements-xl: 32px;--distance-between-elements-l: 24px;--distance-between-elements-m: 16px;--distance-between-elements-xs: 8px}}.text-with-image{--section-bg: var(--white);--section-heading-color: var(--dark-blue);--section-text-color: var(--dark-blue);--section-accent-color: var(--blue);padding-top:var(--padding-top, 100px);padding-bottom:var(--padding-bottom, 48px)}@media screen and (width <= 1024px){.text-with-image{padding-top:var(--padding-top-mobile, 64px);padding-bottom:var(--padding-bottom-mobile, 36px)}}.text-with-image__container{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px 80px;align-items:center;max-width:1400px}@media screen and (width <= 1280px){.text-with-image__container{max-width:1060px}}@media screen and (width <= 768px){.text-with-image__container{margin:9px 0;grid-template-columns:1fr}}.text-with-image__content{display:flex;flex-direction:column;gap:16px;justify-content:var(--content-align, flex-start);text-align:var(--text-align, left)}@media screen and (width <= 768px){.text-with-image__content{justify-content:var(--content-align, center);text-align:var(--text-align-mobile, center)}}.text-with-image__heading{display:flex;flex-direction:column;justify-content:inherit;gap:12px}.text-with-image__buttons{margin-top:8px}@media screen and (width <= 768px){.text-with-image__buttons{margin:0}}.text-with-image__title{color:var(--title-color, var(--white))}.text-with-image__subtitle{color:var(--subtitle-color, var(--white))}.text-with-image__description{color:var(--section-text-color, var(--white));display:flex;flex-direction:column;gap:16px}.text-with-image__description :is(p,span,li,a){--line-height: 21px;font-family:var(--font-jakarta);font-size:1rem;font-style:normal;font-weight:400;line-height:var(--line-height)}.text-with-image__description :is(p,span,li,a):not([class])+.text-with-image__description :is(p,span,li,a):not([class]){margin-top:var(--line-height)}@media screen and (width <= 768px){.text-with-image__description :is(p,span,li,a){--line-height: 1.125rem;font-size:.875rem}}.text-with-image__description :is(p,span,li,a) a{color:inherit;font-weight:inherit}.text-with-image__description :is(p,span,li,a) a:hover{color:var(--red)}.text-with-image__description ul{margin:0;padding-left:24px}.text-with-image__description ul li::marker{color:var(--system-blue)}.text-with-image__media{display:flex;position:relative}.reverse .text-with-image__media{order:-1}.text-with-image__media img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}@media screen and (width <= 768px){.text-with-image__media{order:-1}}@media screen and (width <= 576px){.text-with-image__media{max-height:137.827px}}.text-with-image .align--left{--text-align: left;--content-align: flex-start}.text-with-image .align--center{--text-align: center;--content-align: center}.text-with-image .align--right{--text-align: right;--content-align: flex-end}@media screen and (width <= 576px){.text-with-image .align-mobile--left{--text-align: left;--content-align: flex-start}.text-with-image .align-mobile--center{--text-align: center;--content-align: center}.text-with-image .align-mobile--right{--text-align: right;--content-align: flex-end}}