.component[data-design-3] .content{display:grid;border-top:1px solid hsla(var(--app-color-main-h),var(--app-color-main-s),var(--app-color-main-l),.2)}@media(min-width:901px){.component[data-design-3] .content{grid-template-columns:1fr 1fr}}@media(max-width:900px){.component[data-design-3] .content{grid-template-columns:1fr}}@media(min-width:501px){.component[data-design-3] .content{grid-gap:2.5rem;padding-top:3.125rem}}@media(max-width:500px){.component[data-design-3] .content{grid-gap:var(--app-layout-padding);padding-top:var(--app-layout-padding)}}.component[data-design-3] .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background:var(--app-color-light)}@media(min-width:1101px){.component[data-design-3] .left{padding:3.125rem}}@media(min-width:501px)and (max-width:1100px){.component[data-design-3] .left{padding:2rem}}@media(max-width:500px){.component[data-design-3] .left{padding:var(--app-layout-padding)}}.component[data-design-3] .left,.component[data-design-3] .right img{width:100%;border-radius:var(--radius-set-big)}.component[data-design-3] .right img{height:100%;max-height:28.125rem}@media(max-width:500px){.component[data-design-3] .heading-h3{font-size:calc(1rem*var(--app-scale-layout))}}
