@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
body:not(.elementor-editor-active) .qrix-wipe {
position: relative;
overflow: hidden;
visibility: hidden;
}
body:not(.elementor-editor-active) .qrix-wipe--play {
visibility: visible;
} body:not(.elementor-editor-active) .qrix-wipe::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background: var(--qrix-wipe-color, var(--e-global-color-primary));
clip-path: inset(0 100% 0 0);
} body:not(.elementor-editor-active) .qrix-wipe--cover::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: var(--qrix-wipe-under, white);
} body:not(.elementor-editor-active) .qrix-wipe--l::after { clip-path: inset(0 0 0 100%); }
body:not(.elementor-editor-active) .qrix-wipe--d::after { clip-path: inset(0 0 100% 0); }
body:not(.elementor-editor-active) .qrix-wipe--u::after { clip-path: inset(100% 0 0 0); } body:not(.elementor-editor-active) .qrix-wipe--play::after {
animation: qrix-wipe-bar-r var(--qrix-wipe-duration, 1250ms) cubic-bezier(0.25, 0.1, 0.25, 1) var(--qrix-wipe-delay, 0ms) both;
}
body:not(.elementor-editor-active) .qrix-wipe--l.qrix-wipe--play::after { animation-name: qrix-wipe-bar-l; }
body:not(.elementor-editor-active) .qrix-wipe--d.qrix-wipe--play::after { animation-name: qrix-wipe-bar-d; }
body:not(.elementor-editor-active) .qrix-wipe--u.qrix-wipe--play::after { animation-name: qrix-wipe-bar-u; }
body:not(.elementor-editor-active) .qrix-wipe--play > * {
animation: qrix-wipe-show var(--qrix-wipe-duration, 1250ms) ease var(--qrix-wipe-delay, 0ms) both;
}
body:not(.elementor-editor-active) .qrix-wipe--play img {
animation: qrix-wipe-img var(--qrix-wipe-duration, 1250ms) ease var(--qrix-wipe-delay, 0ms) both;
}
body:not(.elementor-editor-active) .qrix-wipe--cover.qrix-wipe--play::before {
animation: qrix-wipe-under var(--qrix-wipe-duration, 1250ms) ease var(--qrix-wipe-delay, 0ms) both;
}
@keyframes qrix-wipe-bar-r {
0%   { clip-path: inset(0 100% 0 0); }
50%  { clip-path: inset(0 0 0 0); }
51%  { clip-path: inset(0 0 0 0); }
100% { clip-path: inset(0 0 0 100%); }
}
@keyframes qrix-wipe-bar-l {
0%   { clip-path: inset(0 0 0 100%); }
50%  { clip-path: inset(0 0 0 0); }
51%  { clip-path: inset(0 0 0 0); }
100% { clip-path: inset(0 100% 0 0); }
}
@keyframes qrix-wipe-bar-d {
0%   { clip-path: inset(0 0 100% 0); }
50%  { clip-path: inset(0 0 0 0); }
51%  { clip-path: inset(0 0 0 0); }
100% { clip-path: inset(100% 0 0 0); }
}
@keyframes qrix-wipe-bar-u {
0%   { clip-path: inset(100% 0 0 0); }
50%  { clip-path: inset(0 0 0 0); }
51%  { clip-path: inset(0 0 0 0); }
100% { clip-path: inset(0 0 100% 0); }
}
@keyframes qrix-wipe-show {
0%, 50%   { opacity: 0; }
51%, 100% { opacity: 1; }
}
@keyframes qrix-wipe-img {
0%, 50% { scale: 1.25; }
100%    { scale: 1; }
}
@keyframes qrix-wipe-under {
0%, 50%   { opacity: 1; }
51%, 100% { opacity: 0; }
}
}@media (scripting: enabled) and (prefers-reduced-motion: no-preference) { body:not(.elementor-editor-active) .qrix-kb {
--qrix-kb-dx: 0;
--qrix-kb-dy: 0; --qrix-kb-m: calc((var(--qrix-kb-scale, 1.12) - 1) * 45%);
}
body:not(.elementor-editor-active) .qrix-kb--pan-l { --qrix-kb-dx: -1; }
body:not(.elementor-editor-active) .qrix-kb--pan-r { --qrix-kb-dx: 1; }
body:not(.elementor-editor-active) .qrix-kb--pan-u { --qrix-kb-dy: -1; }
body:not(.elementor-editor-active) .qrix-kb--pan-d { --qrix-kb-dy: 1; } body:not(.elementor-editor-active) .qrix-kb--bg.qrix-kb--ready {
position: relative;
overflow: hidden;
isolation: isolate;
}
body:not(.elementor-editor-active) .qrix-kb__layer {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background: inherit;
will-change: transform;
} body:not(.elementor-editor-active) .qrix-kb--img.qrix-kb--ready {
overflow: hidden;
}
body:not(.elementor-editor-active) .qrix-kb--img.qrix-kb--ready img {
will-change: transform;
} body:not(.elementor-editor-active) .qrix-kb--out.qrix-kb--ready .qrix-kb__layer,
body:not(.elementor-editor-active) .qrix-kb--out.qrix-kb--img.qrix-kb--ready img {
transform: translate(
calc(var(--qrix-kb-dx) * var(--qrix-kb-m) * -1),
calc(var(--qrix-kb-dy) * var(--qrix-kb-m) * -1)
) scale(var(--qrix-kb-scale, 1.12));
} body:not(.elementor-editor-active) .qrix-kb--in.qrix-kb--ready .qrix-kb__layer,
body:not(.elementor-editor-active) .qrix-kb--in.qrix-kb--img.qrix-kb--ready img {
transform: translate(0, 0) scale(1);
} body:not(.elementor-editor-active) .qrix-kb--ready.qrix-kb--play .qrix-kb__layer,
body:not(.elementor-editor-active) .qrix-kb--img.qrix-kb--ready.qrix-kb--play img {
transition: transform var(--qrix-kb-duration, 12s) cubic-bezier(0.22, 0.61, 0.36, 1) var(--qrix-kb-delay, 0ms);
}
body:not(.elementor-editor-active) .qrix-kb--out.qrix-kb--ready.qrix-kb--play .qrix-kb__layer,
body:not(.elementor-editor-active) .qrix-kb--out.qrix-kb--img.qrix-kb--ready.qrix-kb--play img {
transform: translate(0, 0) scale(1);
}
body:not(.elementor-editor-active) .qrix-kb--in.qrix-kb--ready.qrix-kb--play .qrix-kb__layer,
body:not(.elementor-editor-active) .qrix-kb--in.qrix-kb--img.qrix-kb--ready.qrix-kb--play img {
transform: translate(
calc(var(--qrix-kb-dx) * var(--qrix-kb-m)),
calc(var(--qrix-kb-dy) * var(--qrix-kb-m))
) scale(var(--qrix-kb-scale, 1.12));
}
}.elementor-widget-text-editor a:not(.elementor-button) {
background: linear-gradient(currentColor, currentColor) no-repeat left bottom / 0 2px;
padding-bottom: 2px;
}
.elementor-widget-text-editor a:not(.elementor-button):hover,
.elementor-widget-text-editor a:not(.elementor-button):focus-visible {
background-size: 100% 2px;
}
.qrix-arrow {
display: inline-block;
}
a:hover > .qrix-arrow,
a:focus-visible > .qrix-arrow,
a:hover .qrix-arrow,
a:focus-visible .qrix-arrow {
transform: translateX(6px);
}
@media (prefers-reduced-motion: no-preference) {
.elementor-widget-text-editor a:not(.elementor-button) {
transition: background-size 0.3s ease;
}
.qrix-arrow {
transition: transform 0.3s ease;
}
}.qrix-card-media {
overflow: hidden;
}
.qrix-card:hover .qrix-card-media img,
.qrix-card:focus-within .qrix-card-media img {
transform: scale(1.06);
}
.qrix-card:hover .qrix-card-arrow,
.qrix-card:focus-within .qrix-card-arrow {
transform: translateX(6px);
}
@media (prefers-reduced-motion: no-preference) {
.qrix-card-media img {
transition: transform 0.6s ease;
}
.qrix-card-arrow {
transition: transform 0.3s ease;
}
}