.cta-component{--tw-bg-opacity:1;background-color:rgb(216 226 235/var(--tw-bg-opacity,1));display:flex;flex-direction:column;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg);overflow:hidden;position:relative}.cta-component:has(+.footer-component){margin-bottom:0}.cta-component:has(>svg.svg-supra_lines)>svg.svg-supra_lines{--tw-scale-x:-1;display:flex;left:0;pointer-events:none;position:absolute;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%;z-index:20}.cta-component:has(>svg.svg-supra_lines)>svg.svg-supra_lines path{fill:#283c4b}.cta-component:has(>svg.svg-supra_lines) .component-body{padding-top:7.3vw}.cta-component .component-background{display:flex;height:min(570px,50vw);left:0;position:relative;top:0;width:100%;z-index:0}.cta-component .component-background img{display:flex;height:100%;object-fit:cover;object-position:center;width:100%}.cta-component .component-background svg{--tw-scale-x:-1;height:auto;left:0;position:absolute;top:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.cta-component .component-background svg path{fill:#283c4b}.cta-component .component-body{--tw-text-opacity:1;color:rgb(40 60 75/var(--tw-text-opacity,1));display:flex;height:fit-content;padding-bottom:7.3vw;position:relative;width:100%;z-index:10}.cta-component .component-body>*{position:relative;z-index:10}.cta-component .component-body:before{background-image:url(/app/themes/zigzag/assets/images/supra_dots.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:flex;height:100%;inset:0;opacity:.1;pointer-events:none;position:absolute;width:100%;z-index:0}.cta-component .component-body h1,.cta-component .component-body h2,.cta-component .component-body h3,.cta-component .component-body h4,.cta-component .component-body h5,.cta-component .component-body h6{--tw-text-opacity:1;color:rgb(40 60 75/var(--tw-text-opacity,1))}.cta-component .component-body .component-inner{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:356px){.cta-component .component-body .component-inner{max-width:356px}}@media (min-width:576px){.cta-component .component-body .component-inner{max-width:576px}}@media (min-width:768px){.cta-component .component-body .component-inner{max-width:768px}}@media (min-width:992px){.cta-component .component-body .component-inner{max-width:992px}}@media (min-width:1200px){.cta-component .component-body .component-inner{max-width:1200px}}@media (min-width:1400px){.cta-component .component-body .component-inner{max-width:1400px}}.cta-component .component-body .component-inner{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));width:100%}@media (min-width:576px){.cta-component .component-body .component-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}.cta-component .component-body .component-inner .component-content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:6rem;width:100%}@media not all and (min-width:576px){.cta-component .component-body .component-inner .component-content{order:9999}}@media (min-width:576px){.cta-component .component-body .component-inner .component-content{padding-top:6rem}}.cta-component .component-body .component-inner .component-content .cta-header h2{--tw-text-opacity:1!important;color:rgb(1 152 179/var(--tw-text-opacity,1))!important}.cta-component .component-body .component-inner .component-content .cta-header h2:after,.cta-component .component-body .component-inner .component-content .cta-header h2:before{-webkit-text-stroke-color:#0198b34d!important}.cta-component .component-body .component-inner .component-content>.the_content{max-width:1000px;width:100%}.cta-component .component-body .component-inner .component-image{--tw-translate-y:-5rem;aspect-ratio:1/1;display:flex;margin-left:auto;max-width:420px;position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}@media (min-width:576px){.cta-component .component-body .component-inner .component-image{--tw-translate-y:-33.333333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.cta-component .component-body .component-inner .component-image img{--tw-border-opacity:1;border-color:rgb(1 152 179/var(--tw-border-opacity,1));border-radius:9999px;border-width:5px;display:flex;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.cta-component .component-body .component-inner:not(:has(.component-image)) .component-content{align-items:center;text-align:center}@media (min-width:576px){.cta-component .component-body .component-inner:not(:has(.component-image)) .component-content{grid-column:span 2/span 2}}