.elementor-widget-tivan-banner{width:100%;max-width:100%;min-width:0;--container-widget-width:100%}
.tivan-banners{--tb-gap:20px;--tb-copy-gap:16px;--tb-icon-gap:8px;--tb-cut:56px;--tb-inset:32px;--tb-top:48px;box-sizing:border-box;display:flex;flex-flow:row-reverse nowrap;justify-content:center;align-items:stretch;gap:var(--tb-gap);width:100%;max-width:100%;min-width:0}
.tivan-banner,.elementor a.tivan-banner{position:relative;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:flex-start;flex:1 1 0;width:100%;max-width:100%!important;min-width:0;aspect-ratio:630 / 400;margin:0;overflow:hidden;color:#fff;text-decoration:none;background:#d5e3f4;clip-path:polygon(var(--tb-cut) 0,100% 0,100% calc(100% - var(--tb-cut)),calc(100% - var(--tb-cut)) 100%,0 100%,0 var(--tb-cut));padding:var(--tb-top) var(--tb-inset) 24px;transition:transform .55s cubic-bezier(.22,.8,.3,1),filter .55s}
.tivan-banner{border-radius:8px}
.tivan-banner.is-left{justify-content:flex-end;clip-path:polygon(0 0,calc(100% - var(--tb-cut)) 0,100% var(--tb-cut),100% 100%,var(--tb-cut) 100%,0 calc(100% - var(--tb-cut)))}
.elementor .tivan-banner-bg,.tivan-banner-bg{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;transform:scale(1);transition:transform .8s cubic-bezier(.22,.8,.3,1)}
.tivan-banner::before{content:"";position:absolute;z-index:1;top:-20%;bottom:-20%;left:0;width:42%;background:linear-gradient(90deg,transparent,#ffffff59,transparent);transform:translateX(-160%) skewX(-16deg);transition:transform .9s cubic-bezier(.22,.8,.3,1);pointer-events:none}
.tivan-banner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,#031c4773 0%,#3295ff2e 42%,transparent 72%);opacity:0;transition:opacity .5s;pointer-events:none}
.tivan-banner.is-pos-left .tivan-banner-bg{object-position:left center}
.tivan-banner.is-pos-right .tivan-banner-bg{object-position:right center}
.tivan-banner.is-pos-top .tivan-banner-bg{object-position:center top}
.tivan-banner.is-pos-bottom .tivan-banner-bg{object-position:center bottom}
.tivan-banner-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--tb-copy-gap);max-width:min(20em,100%);min-width:0;transition:transform .55s cubic-bezier(.22,.8,.3,1)}
.tivan-banner-title{font-family:inherit;font-size:32px;font-weight:700;line-height:1.35;color:#fff;overflow-wrap:anywhere}
.tivan-banner-action{display:flex;align-items:center;gap:var(--tb-icon-gap);font-family:inherit;color:#fff;font-size:16px;font-weight:500;line-height:1.4}
.tivan-banner-action-icon{display:block;width:24px;height:24px;flex:0 0 24px;align-self:center;transform:rotate(180deg);transition:transform .45s cubic-bezier(.22,.8,.3,1)}
.tivan-banner:is(:hover,:focus-visible){transform:translateY(-8px);filter:drop-shadow(0 16px 18px #031c4747)}
.tivan-banner:is(:hover,:focus-visible) .tivan-banner-bg{transform:scale(1.08)}
.tivan-banner:is(:hover,:focus-visible)::before{transform:translateX(340%) skewX(-16deg)}
.tivan-banner:is(:hover,:focus-visible)::after{opacity:1}
.tivan-banner:is(:hover,:focus-visible) .tivan-banner-copy{transform:translateY(-4px)}
.tivan-banner:is(:hover,:focus-visible) .tivan-banner-action-icon{transform:rotate(180deg) translateX(6px)}
.tivan-banner:focus-visible{outline:2px solid #fff;outline-offset:-6px}
@media(max-width:767px){
 .tivan-banners{--tb-cut:30px;--tb-inset:24px;--tb-top:24px;--tb-copy-gap:8px;flex-direction:column;align-items:stretch}
 .tivan-banner,.elementor a.tivan-banner{flex:1 1 auto;width:100%!important;max-width:100%!important}
 .tivan-banner{border-radius:5px}
 .tivan-banner-title{font-size:16px}
 .tivan-banner-action{font-size:12px;gap:6px}
}
@media(prefers-reduced-motion:reduce){
 .tivan-banner,.tivan-banner-bg,.tivan-banner::before,.tivan-banner::after,.tivan-banner-copy,.tivan-banner-action-icon{transition:none}
 .tivan-banner:is(:hover,:focus-visible),.tivan-banner:is(:hover,:focus-visible) .tivan-banner-bg,.tivan-banner:is(:hover,:focus-visible) .tivan-banner-copy{transform:none}
 .tivan-banner:is(:hover,:focus-visible)::before{transform:translateX(-160%) skewX(-16deg)}
 .tivan-banner:is(:hover,:focus-visible) .tivan-banner-action-icon{transform:rotate(180deg)}
}