.image-with-text{flex-direction:column;box-sizing:border-box;margin:0 auto;padding-left:var(--nova-space-lg);padding-right:var(--nova-space-lg);width:100%;max-width:1480px}
.main--index .image-with-text{padding-top:var(--nova-space-lg)}
.image-with-text .h3{margin-bottom:12px}
.image-with-text p{margin:0}
.image-with-text__media{position:relative}
.image-with-text__image,.image-with-text__video{border-top-left-radius:var(--nova-border-radius-l);border-top-right-radius:var(--nova-border-radius-l);aspect-ratio:1/1;width:100%;display:block;object-fit:cover}
.image-with-text__image img,.image-with-text__video video{display:block}
.image-with-text__video-container-outer{border-radius:var(--nova-border-radius-l);width:calc(100vw - 2 * var(--nova-space-xl));overflow:hidden}
.image-with-text__video-container-inner{aspect-ratio:1;width:100%;overflow:hidden}
.image-with-text__video-wrapper{position:relative;padding-bottom:100%;width:100%;height:0;overflow:hidden}
.image-with-text__video-embed{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.image-with-text__media sl-button{position:absolute;top:0;right:0;margin:var(--nova-space-xs);border-radius:var(--nova-button-radius)}
.image-with-text__content{position:relative;justify-content:space-between;border-bottom-left-radius:var(--nova-border-radius-l);border-bottom-right-radius:var(--nova-border-radius-l);padding:var(--nova-space-xl);overflow:hidden;width:100%;gap:0}
.image-with-text__icon-container{display:flex;position:absolute;justify-content:flex-end;z-index:5;width:100%;padding:var(--nova-space-lg)}
.image-with-text__icon-container img{width:90px;height:90px}
.image-with-text__text{position:relative;z-index:5;margin-bottom:var(--nova-space-lg)}
.image-with-text__content sl-button::part(label){color:var(--image-with-text-cta-text-color)}
.image-with-text__mask{overflow:hidden;border-top-left-radius:var(--nova-border-radius-l);border-top-right-radius:var(--nova-border-radius-l);position:relative}
.image-with-text__mask svg{width:100%;object-fit:cover;margin:auto;bottom:0;top:0;left:0;right:0;position:absolute}
@media screen and (max-width:640px){
.image-with-text .button.w-arrow{width:100%}
}
.image-with-text.mask_2{top:0;bottom:0;display:flex;justify-content:center}
.image-with-text__mask.mask_1{top:-26%;left:-5%;right:-5;bottom:-2%}
.image-with-text__mask.mask_1 svg{object-fit:cover;height:100%;width:auto}
@media screen and (min-width:768px){
.image-with-text__content{aspect-ratio:4.5/5}
.image-with-text__image,.image-with-text__video{aspect-ratio:4.5/5;width:100%;object-fit:cover}
.image-with-text>*{width:50%}
.image-with-text{flex-direction:row;gap:16px}
.image-with-text__icon-container{padding:0;position:relative}
.image-with-text__mask{overflow:hidden;border-radius:var(--nova-border-radius-l)}
.image-with-text__content{overflow:hidden;border-radius:var(--nova-border-radius-l);padding:var(--nova-space-lg)}
.image-with-text__text{margin-bottom:var(--nova-space-2xl)}
}
@media screen and (min-width:990px){
.h3{font-size:36px}
.image-with-text{justify-content:center;gap:32px;border-radius:var(--nova-border-radius-l);padding-left:var(--nova-space-5xl);padding-right:var(--nova-space-5xl)}
.image-with-text--full{padding:var(--nova-space-2xl)}
.image-with-text__image,.image-with-text__video{aspect-ratio:1/1;border-radius:var(--nova-border-radius-l);max-height:800px;width:100%;object-fit:cover}
.image-with-text__content{aspect-ratio:1/1}
.image-with-text__video-container-outer{width:100%}
.image-with-text__video-container-inner{width:100%}
.image-with-text__video-wrapper{padding-bottom:114%}
.image-with-text__content{justify-content:space-between;border-radius:var(--nova-border-radius-l);padding:var(--nova-space-3xl);aspect-ratio:1/1}
.image-with-text__icon-container img{width:100px;height:100px}
}
@media screen and (min-width:1400px){
.image-with-text__content,.image-with-text__image,.image-with-text__video{aspect-ratio:5/4}
.image-with-text--full{padding-top:var(--nova-space-4xl)}
}
@media screen and (min-width:768px) and (max-width:899px){
.image-with-text__content .h3{font-size:32px}
}
.image-with-text--full .image-with-text__image{aspect-ratio:5/4}
@media screen and (max-width:767px){
.image-with-text__text-long{font-size:26px}
}