/* Start custom CSS *//* Hero slider: fade in the active slide */
@keyframes ybSlideFade { from { opacity: 0; } to { opacity: 1; } }
.elementor-10 [data-id="64aa3abd"] > [role="tabpanel"] { animation: ybSlideFade 0.7s ease; }

/* Text slides in from left to right, one after another, all done within ~1s */
@keyframes ybTextIn { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: translateX(0); } }
/* Button slides up a little */
@keyframes ybButtonUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
.elementor-10 [data-id="12f88f05"], .elementor-10 [data-id="1aadf10b"], .elementor-10 [data-id="7ac59b3d"] { animation: ybTextIn 0.5s ease-out 0s both; }
.elementor-10 [data-id="23ed68ea"], .elementor-10 [data-id="296ce129"], .elementor-10 [data-id="55584a58"] { animation: ybTextIn 0.5s ease-out 0.2s both; }
.elementor-10 [data-id="57a07a98"], .elementor-10 [data-id="2d579e4e"], .elementor-10 [data-id="3f9fa054"] { animation: ybTextIn 0.5s ease-out 0.4s both; }
.elementor-10 [data-id="4ba0affd"], .elementor-10 [data-id="749190f8"], .elementor-10 [data-id="440bc209"] { animation: ybButtonUp 0.45s ease-out 0.55s both; }

/* Hidden tab trigger for slide 3 (reached via Back/Next, dots and autoplay) */
.elementor-10 [data-id="3c708637"] { display: none !important; }
.elementor-10 [data-id="563b4496"] [role="tab"]:focus-visible { outline: 2px solid #f5b000; outline-offset: 3px; }

/* Slide dots (added by the 'YellowBiz Hero Slider' custom code): light grey, active one brighter */
.elementor-10 .yb-slider-dots { position: absolute; left: 50%; bottom: 1.25rem; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; z-index: 5; }
.elementor-10 .yb-slider-dots .yb-slider-dot, .elementor-10 .yb-slider-dots .yb-slider-dot:hover, .elementor-10 .yb-slider-dots .yb-slider-dot:focus { width: 8px; height: 8px; min-height: 0; padding: 0; margin: 0; border: 0; border-radius: 50%; background-color: rgba(204, 204, 204, 0.4); cursor: pointer; transition: background-color 0.3s, transform 0.3s; }
.elementor-10 .yb-slider-dots .yb-slider-dot:hover { background-color: rgba(204, 204, 204, 0.7); }
.elementor-10 .yb-slider-dots .yb-slider-dot.is-active { background-color: #e6e6e6; transform: scale(1.15); }
.elementor-10 .yb-slider-dots .yb-slider-dot:focus-visible { outline: 2px solid #ffffff; outline-offset: 3px; }
@media (max-width: 767px) { .elementor-10 .yb-slider-dots { left: 1.25rem; bottom: 0.9rem; transform: none; } }

/* Buttons (slides + CTA section): button and its corner lines lift up a little on hover */
body .elementor-10 [data-id="4ba0affd"] > *, body .elementor-10 [data-id="749190f8"] > *, body .elementor-10 [data-id="440bc209"] > *, body .elementor-10 [data-id="116ca52c"] > * { transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; }
body .elementor-10 [data-id="4ba0affd"]:hover > *, body .elementor-10 [data-id="749190f8"]:hover > *, body .elementor-10 [data-id="440bc209"]:hover > *, body .elementor-10 [data-id="116ca52c"]:hover > * { transform: translateY(-5px); }
body .elementor-10 [data-id="309bf6dc"]:hover, body .elementor-10 [data-id="6ddaf8ab"]:hover, body .elementor-10 [data-id="54d51323"]:hover, body .elementor-10 [data-id="76aea165"]:hover { box-shadow: 0 10px 24px rgba(245, 176, 0, 0.3); }

@media (prefers-reduced-motion: reduce) { .elementor-10 [data-id="67628ac9"] * { animation: none !important; } body .elementor-10 [data-id="4ba0affd"]:hover > *, body .elementor-10 [data-id="749190f8"]:hover > *, body .elementor-10 [data-id="440bc209"]:hover > *, body .elementor-10 [data-id="116ca52c"]:hover > * { transform: none; } }/* End custom CSS */