@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rotateImageLoading{from{transform:translate(-50%,-50%) rotateY(0) scale(1.01)}
to{transform:translate(-50%,-50%) rotateY(360deg) scale(1.01)}
}
.cmp-content-image-col{padding:56px 0}
.cmp-content-image-col__container{position:relative;margin:0 auto;width:100%;max-width:1920px;min-width:320px;padding:0 var(--dg-layout-margin)}
.cmp-content-image-col__content{gap:0}
.cmp-content-image-col__title{margin-top:32px}
.cmp-content-image-col__text-ds{margin:20px 0 0}
.cmp-content-image-col__image{order:-1;width:calc(100% + var(--dg-layout-margin))}
.cmp-content-image-col__image .cmp-image{aspect-ratio:1}
.cmp-content-image-col--right .cmp-content-image-col__image{margin-right:calc(-1 * var(--dg-layout-margin))}
.cmp-content-image-col--right .cmp-content-image-col__image .cmp-image{border-radius:20px 0 0 20px}
.cmp-content-image-col--left .cmp-content-image-col__image{margin-left:calc(-1 * var(--dg-layout-margin))}
.cmp-content-image-col--left .cmp-content-image-col__image .cmp-image{border-radius:0 20px 20px 0}
.cmp-content-image-col__blocks{margin-top:20px;display:grid;grid-template-columns:repeat(1,1fr);gap:20px}
.cmp-content-image-col__block-title{margin-bottom:var(--dg-spacing-s-5)}
.cmp-content-image-col__cta{margin-top:var(--dg-spacing-layout-xxl);display:flex;gap:var(--dg-spacing-m-2);flex-direction:column}
.cmp-content-image-col__button{max-width:initial}
@media(min-width:480px){.cmp-content-image-col{padding:64px 0}
.cmp-content-image-col__cta{flex-direction:row}
}
@media(min-width:768px){.cmp-content-image-col{padding:80px 0}
.cmp-content-image-col__container{display:block}
.cmp-content-image-col__image{position:relative;top:0;transform:translateY(0);width:auto;display:flex}
.cmp-content-image-col__image .cmp-image{top:0;transform:translateY(0);aspect-ratio:1.33333333}
.cmp-content-image-col--right .cmp-content-image-col__image,.cmp-content-image-col--left .cmp-content-image-col__image{left:0;right:0}
.cmp-content-image-col__blocks{gap:20px 32px;grid-template-columns:repeat(2,1fr)}
.cmp-content-image-col__cta{margin-top:var(--dg-spacing-layout-xl);grid-gap:var(--dg-spacing-m-2)}
.cmp-content-image-col__button{width:auto;margin:0;min-width:208px}
}
@media(min-width:1024px){.cmp-content-image-col__container{min-height:initial;display:grid;grid-template-columns:repeat(12,1fr);gap:32px}
.cmp-content-image-col__title{margin-top:0}
.cmp-content-image-col__image{position:absolute;bottom:0;width:calc(72.7% + 16px)}
.cmp-content-image-col__image .cmp-image{aspect-ratio:1;min-height:464px;top:50%;transform:translateY(-50%)}
.cmp-content-image-col--right .cmp-content-image-col__image{right:calc(-76% - 30px);left:initial;margin:0}
.cmp-content-image-col--left .cmp-content-image-col__image{left:calc(-76% - 30px);right:initial;margin:0}
.cmp-content-image-col--left .cmp-content-image-col__cta{justify-content:left}
}
@media(min-width:1440px){.cmp-content-image-col__text-ds{margin:32px 0 0}
.cmp-content-image-col__blocks{margin-top:32px;gap:32px}
.cmp-content-image-col__image{width:calc(73.5% + 16px)}
.cmp-content-image-col__image .cmp-image{aspect-ratio:1}
.cmp-content-image-col__cta{margin-top:var(--dg-spacing-l-3)}
}
@media(min-width:1920px){.cmp-content-image-col__cta{margin-top:32px}
}
@media(min-width:1921px){.cmp-content-image-col__image{width:calc(69% + 16px)}
.cmp-content-image-col--right .cmp-content-image-col__image .cmp-image,.cmp-content-image-col--left .cmp-content-image-col__image .cmp-image{border-radius:20px}
.cmp-content-image-col--right .cmp-content-image-col__image{right:calc(-70.5% - 30px)}
.cmp-content-image-col--left .cmp-content-image-col__image{left:calc(-70.5% - 30px)}
}