@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
@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-offer-hero{display:flex;flex-direction:column;max-width:100%;padding-bottom:48px;background:#1b1b1b}
.cmp-offer-hero__image{aspect-ratio:1.33333333;position:relative;width:100%;height:auto}
.cmp-offer-hero__image .cmp-image:before{content:'';position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,rgba(27,27,27,0.0001) 3.03%,#1b1b1b 98.8%);z-index:1;height:80px}
.cmp-offer-hero__image .cmp-image__image{width:100%;height:100%;object-fit:cover}
.cmp-offer-hero__hero{display:flex;flex-direction:column;align-items:center;text-align:center;color:white;gap:12px;margin:-100px 16px 0;z-index:2}
.cmp-offer-hero__title .cmp-title__text{color:var(--color-font-03);font-family:'CupraLight',sans-serif;font-weight:350;text-transform:uppercase;font-size:30px;line-height:1.2;margin:0}
.cmp-offer-hero__subtitle .cmp-title__text{color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-weight:350;text-transform:none;font-size:16px;line-height:1.2;margin:0}
@media(min-width:764px){.cmp-offer-hero__hero{gap:16px;margin:-100px 24px 0}
.cmp-offer-hero__image{aspect-ratio:16 / 9}
.cmp-offer-hero__image .cmp-image:before{height:180px}
.cmp-offer-hero__title .cmp-title__text{font-size:30px;line-height:36px;margin:0}
.cmp-offer-hero__subtitle .cmp-title__text{color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-weight:350;text-transform:none;font-size:20px;line-height:1.2;margin:0}
}
@media(min-width:1016px){.cmp-offer-hero__hero{margin:-200px 48px 0;padding-bottom:40px}
.cmp-offer-hero .cmp-image:before{height:240px}
.cmp-offer-hero__title .cmp-title__text{font-size:60px;line-height:52px;margin:0}
.cmp-offer-hero__subtitle .cmp-title__text{font-size:24px;line-height:1.2;margin:0}
}
@media(min-width:1436px){.cmp-offer-hero{align-self:center;margin:0 auto}
.cmp-offer-hero__hero{margin-left:58px;margin-right:58px}
.cmp-offer-hero__title .cmp-title__text{font-size:76px;line-height:72px;margin:0}
.cmp-offer-hero .cmp-image:before{height:420px}
}