[class*="ractro-element-"], [class*="ractro-element-"] * { box-sizing: border-box; } [class*="ractro-element-"] img { vertical-align: top; } .ractro-graphic-root { line-height: 0; font-size: 0; } .ractro-graphic-root > * { line-height: normal; font-size: 1rem; } .ractro-graphic-root > canvas, .ractro-graphic-root > img, .ractro-graphic-root > svg { vertical-align: top; } .ractro-button-wrapper { width: 100%; } .ractro-button-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 26px; border-radius: 8px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease; } .ractro-button-link:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18); } .ractro-button-link:active { transform: translateY(0); box-shadow: none; } .ractro-divider-widget { text-align: center; } .ractro-divider-widget .ractro-divider-line { display: inline-block; width: var(--r-dv-len, 100%); border-top-width: var(--r-dv-w, 1px); border-top-style: solid; border-top-color: var(--r-dv-c, #e2e8f0); } .ractro-divider--dashed .ractro-divider-line { border-top-style: dashed; } .ractro-divider--dotted .ractro-divider-line { border-top-style: dotted; } .ractro-divider--double .ractro-divider-line { border-top-style: double; border-top-width: max(var(--r-dv-w, 3px), 3px); } .ractro-divider--gradient .ractro-divider-line, .ractro-divider--stripe .ractro-divider-line, .ractro-divider--wavy .ractro-divider-line, .ractro-divider--taper .ractro-divider-line { border-top-width: 0; height: var(--r-dv-w, 2px); } .ractro-divider--gradient .ractro-divider-line { background: linear-gradient(90deg, transparent, var(--r-dv-c, #e2e8f0), transparent); } .ractro-divider--gradient.ractro-divider--fade-left .ractro-divider-line { background: linear-gradient(90deg, transparent, var(--r-dv-c, #e2e8f0)); } .ractro-divider--gradient.ractro-divider--fade-right .ractro-divider-line { background: linear-gradient(90deg, var(--r-dv-c, #e2e8f0), transparent); } .ractro-divider--stripe .ractro-divider-line { background: repeating-linear-gradient(var(--r-dv-angle, 45deg), var(--r-dv-c, #e2e8f0) 0 var(--r-dv-sw, 4px), transparent var(--r-dv-sw, 4px) calc(var(--r-dv-sw, 4px) + var(--r-dv-sgap, 5px))); } .ractro-divider--wavy .ractro-divider-line { background: var(--r-dv-c, #e2e8f0); --r-dv-wave: radial-gradient(circle var(--r-dv-amp, 8px) at 50% 0, transparent 98%, #000) 0 0 / var(--r-dv-len2, 24px) var(--r-dv-amp2, 12px) repeat-x; -webkit-mask: var(--r-dv-wave); mask: var(--r-dv-wave); height: var(--r-dv-amp2, 12px); } .ractro-divider--taper .ractro-divider-line { background: var(--r-dv-c, #e2e8f0); clip-path: polygon(0 0, 100% 40%, 100% 60%, 0 100%); } .ractro-divider-widget.ractro-divider--has-el { display: flex; align-items: center; gap: var(--r-dv-elgap, 10px); } .ractro-divider--has-el .ractro-divider-line { flex: 1 1 0; width: auto; min-width: 0; } .ractro-divider-el { flex: 0 0 auto; line-height: normal; font-size: 1rem; display: inline-flex; align-items: center; gap: var(--r-dv-elicongap, 6px); } .ractro-divider--el-icon-right .ractro-divider-el { flex-direction: row-reverse; } .ractro-divider--el-left .ractro-divider-line:first-child, .ractro-divider--el-right .ractro-divider-line:last-child { display: none; } .ractro-divider-widget.ractro-divider--vertical { display: flex; justify-content: center; align-self: stretch; height: 100%; } .ractro-divider--vertical .ractro-divider-line { width: var(--r-dv-w, 1px); height: var(--r-dv-len, 100%); border-top: 0; border-left-width: var(--r-dv-w, 1px); border-left-style: solid; border-left-color: var(--r-dv-c, #e2e8f0); } .ractro-divider--vertical.ractro-divider--dashed .ractro-divider-line { border-left-style: dashed; } .ractro-divider--vertical.ractro-divider--dotted .ractro-divider-line { border-left-style: dotted; } .ractro-divider--vertical.ractro-divider--double .ractro-divider-line { border-left-style: double; border-left-width: max(var(--r-dv-w, 3px), 3px); } .ractro-divider--space-only .ractro-divider-line { visibility: hidden; } .ractro-image-widget { width: 100%; } .ractro-image-img { max-width: 100%; display: inline-block; } .ractro-icon-widget { text-align: center; } .ractro-heading-widget { margin: 0; } .ractro-text-editor-widget { margin: 0; } .ractro-video-frame { width: 100%; max-width: 800px; margin: 0 auto; aspect-ratio: 16 / 9; background: #0f172a; border-radius: 8px; overflow: hidden; }:root { --ractro-color-primary: #e11d48; --tg-primary: #e11d48; --ractro-color-secondary: #0f172a; --tg-secondary: #0f172a; --ractro-color-text: #334155; --tg-text: #334155; --ractro-color-accent: #10b981; --tg-accent: #10b981; }
html, body { overflow-x: clip; }
.ractro-element-px-sec-1 { --r-display: flex; --r-dir: column; --r-wrap: nowrap; --r-cgap: 20px; --r-rgap: 20px; --r-jc: flex-start; --r-ai: stretch; --r-ac: stretch; --r-flow: row; --r-minh: 0px; --r-ovf: visible; } 
.ractro-element-px-h-1 .ractro-heading-widget, .ractro-element-px-h-1.ractro-heading-widget { text-align: left; color: #1e293b; font-family: inherit; font-size: 28px; font-weight: 700; line-height: 1.3; text-transform: none; } 
.ractro-element-px-sec-2 { --r-display: flex; --r-dir: column; --r-wrap: nowrap; --r-cgap: 20px; --r-rgap: 20px; --r-jc: flex-start; --r-ai: stretch; --r-ac: stretch; --r-flow: row; --r-minh: 0px; --r-ovf: visible; } 
.ractro-element-px-h-2 .ractro-heading-widget, .ractro-element-px-h-2.ractro-heading-widget { text-align: left; color: #1e293b; font-family: inherit; font-size: 28px; font-weight: 700; line-height: 1.3; text-transform: none; } 
.ractro-element-px-sec-3 { --r-display: flex; --r-dir: column; --r-wrap: nowrap; --r-cgap: 20px; --r-rgap: 20px; --r-jc: flex-start; --r-ai: stretch; --r-ac: stretch; --r-flow: row; --r-minh: 0px; --r-ovf: visible; } 
.ractro-element-px-h-3 .ractro-heading-widget, .ractro-element-px-h-3.ractro-heading-widget { text-align: left; color: #1e293b; font-family: inherit; font-size: 28px; font-weight: 700; line-height: 1.3; text-transform: none; } 
.ractro-element-px-sec-4 { --r-display: flex; --r-dir: column; --r-wrap: nowrap; --r-cgap: 20px; --r-rgap: 20px; --r-jc: flex-start; --r-ai: stretch; --r-ac: stretch; --r-flow: row; --r-minh: 0px; --r-ovf: visible; } 
.ractro-element-px-h-4 .ractro-heading-widget, .ractro-element-px-h-4.ractro-heading-widget { text-align: left; color: #1e293b; font-family: inherit; font-size: 28px; font-weight: 700; line-height: 1.3; text-transform: none; } 
.ractro-element-px-sec-5 { --r-display: flex; --r-dir: column; --r-wrap: nowrap; --r-cgap: 20px; --r-rgap: 20px; --r-jc: flex-start; --r-ai: stretch; --r-ac: stretch; --r-flow: row; --r-minh: 0px; --r-ovf: visible; } 
.ractro-element-px-h-5 .ractro-heading-widget, .ractro-element-px-h-5.ractro-heading-widget { text-align: left; color: #1e293b; font-family: inherit; font-size: 28px; font-weight: 700; line-height: 1.3; text-transform: none; } 
.ractro-element-px-sec-6 { --r-display: flex; --r-dir: column; --r-wrap: nowrap; --r-cgap: 20px; --r-rgap: 20px; --r-jc: flex-start; --r-ai: stretch; --r-ac: stretch; --r-flow: row; --r-minh: 0px; --r-ovf: visible; } 
.ractro-element-px-h-6 .ractro-heading-widget, .ractro-element-px-h-6.ractro-heading-widget { text-align: left; color: #1e293b; font-family: inherit; font-size: 28px; font-weight: 700; line-height: 1.3; text-transform: none; } 
.ractro-element-px-sec-1 { --r-gtc: none; --r-gtr: none; }
.ractro-element-px-sec-1.ractro-widget-section { padding: 160px 20px 160px 20px;  }
.ractro-element-px-sec-2 { --r-gtc: none; --r-gtr: none; }
.ractro-element-px-sec-2.ractro-widget-section { padding: 160px 20px 160px 20px;  }
.ractro-element-px-sec-3 { --r-gtc: none; --r-gtr: none; }
.ractro-element-px-sec-3.ractro-widget-section { padding: 160px 20px 160px 20px;  }
.ractro-element-px-sec-4 { --r-gtc: none; --r-gtr: none; }
.ractro-element-px-sec-4.ractro-widget-section { padding: 160px 20px 160px 20px;  }
.ractro-element-px-sec-5 { --r-gtc: none; --r-gtr: none; }
.ractro-element-px-sec-5.ractro-widget-section { padding: 160px 20px 160px 20px;  }
.ractro-element-px-sec-6 { --r-gtc: none; --r-gtr: none; }
.ractro-element-px-sec-6.ractro-widget-section { padding: 160px 20px 160px 20px;  }