.elementor-505 .elementor-element.elementor-element-51ba3d3{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;}.elementor-505 .elementor-element.elementor-element-51ba3d3::before, .elementor-505 .elementor-element.elementor-element-51ba3d3 > .elementor-background-video-container::before, .elementor-505 .elementor-element.elementor-element-51ba3d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-505 .elementor-element.elementor-element-51ba3d3 > .elementor-background-slideshow::before, .elementor-505 .elementor-element.elementor-element-51ba3d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-505 .elementor-element.elementor-element-51ba3d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0171AE00;background-image:url("https://koola.wzorowa-agencja.pl/wp-content/uploads/2026/05/overflow-scaled.png");--background-overlay:'';}.elementor-505 .elementor-element.elementor-element-51ba3d3:not(.elementor-motion-effects-element-type-background), .elementor-505 .elementor-element.elementor-element-51ba3d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-505 .elementor-element.elementor-element-1fc8943 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:bold;line-height:58px;color:#FFFFFF;}.elementor-505 .elementor-element.elementor-element-3c7f680{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-505 .elementor-element.elementor-element-4ccb718 .elementor-icon-wrapper{text-align:center;}.elementor-505 .elementor-element.elementor-element-4ccb718.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-4ccb718.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-4ccb718.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-4ccb718.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-4ccb718.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-4ccb718 .elementor-icon{font-size:45px;padding:7px;border-radius:8px 8px 8px 8px;}.elementor-505 .elementor-element.elementor-element-4ccb718 .elementor-icon svg{height:45px;}.elementor-505 .elementor-element.elementor-element-1a20024 .elementor-icon-wrapper{text-align:center;}.elementor-505 .elementor-element.elementor-element-1a20024.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-1a20024.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-1a20024.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-1a20024.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-1a20024.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-1a20024 .elementor-icon{font-size:45px;padding:7px;border-radius:8px 8px 8px 8px;}.elementor-505 .elementor-element.elementor-element-1a20024 .elementor-icon svg{height:45px;}.elementor-505 .elementor-element.elementor-element-0b3ee06 .elementor-icon-wrapper{text-align:center;}.elementor-505 .elementor-element.elementor-element-0b3ee06.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-0b3ee06.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-0b3ee06.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-0b3ee06.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-0b3ee06.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-0b3ee06 .elementor-icon{font-size:45px;padding:7px;border-radius:8px 8px 8px 8px;}.elementor-505 .elementor-element.elementor-element-0b3ee06 .elementor-icon svg{height:45px;}.elementor-505 .elementor-element.elementor-element-d723ae1 .elementor-icon-wrapper{text-align:center;}.elementor-505 .elementor-element.elementor-element-d723ae1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-d723ae1.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-d723ae1.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-d723ae1.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-d723ae1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-d723ae1 .elementor-icon{font-size:45px;padding:7px;border-radius:8px 8px 8px 8px;}.elementor-505 .elementor-element.elementor-element-d723ae1 .elementor-icon svg{height:45px;}.elementor-505 .elementor-element.elementor-element-1e24e94 .elementor-icon-wrapper{text-align:center;}.elementor-505 .elementor-element.elementor-element-1e24e94.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-1e24e94.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-1e24e94.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-1e24e94.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-1e24e94.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-1e24e94 .elementor-icon{font-size:45px;padding:7px;border-radius:8px 8px 8px 8px;}.elementor-505 .elementor-element.elementor-element-1e24e94 .elementor-icon svg{height:45px;}.elementor-505 .elementor-element.elementor-element-72768f7 .elementor-icon-wrapper{text-align:center;}.elementor-505 .elementor-element.elementor-element-72768f7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-72768f7.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-72768f7.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-72768f7.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-72768f7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-72768f7 .elementor-icon{font-size:45px;padding:7px;border-radius:8px 8px 8px 8px;}.elementor-505 .elementor-element.elementor-element-72768f7 .elementor-icon svg{height:45px;}.elementor-505 .elementor-element.elementor-element-ed94a2c .elementor-icon-wrapper{text-align:center;}.elementor-505 .elementor-element.elementor-element-ed94a2c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-ed94a2c.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-ed94a2c.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-ed94a2c.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-ed94a2c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-ed94a2c .elementor-icon{font-size:45px;padding:7px;border-radius:8px 8px 8px 8px;}.elementor-505 .elementor-element.elementor-element-ed94a2c .elementor-icon svg{height:45px;}.elementor-505 .elementor-element.elementor-element-258971a .elementor-icon-wrapper{text-align:center;}.elementor-505 .elementor-element.elementor-element-258971a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-258971a.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-258971a.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-258971a.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-258971a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-258971a .elementor-icon{font-size:45px;padding:7px;border-radius:8px 8px 8px 8px;}.elementor-505 .elementor-element.elementor-element-258971a .elementor-icon svg{height:45px;}.elementor-505 .elementor-element.elementor-element-1b41291 .elementor-icon-wrapper{text-align:center;}.elementor-505 .elementor-element.elementor-element-1b41291.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-1b41291.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-1b41291.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-1b41291.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-1b41291.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-1b41291 .elementor-icon{font-size:45px;padding:7px;border-radius:8px 8px 8px 8px;}.elementor-505 .elementor-element.elementor-element-1b41291 .elementor-icon svg{height:45px;}.elementor-505 .elementor-element.elementor-element-59cdaf0 .elementor-icon-wrapper{text-align:center;}.elementor-505 .elementor-element.elementor-element-59cdaf0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-59cdaf0.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-59cdaf0.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-59cdaf0.elementor-view-framed .elementor-icon, .elementor-505 .elementor-element.elementor-element-59cdaf0.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-505 .elementor-element.elementor-element-59cdaf0 .elementor-icon{font-size:45px;padding:7px;border-radius:8px 8px 8px 8px;}.elementor-505 .elementor-element.elementor-element-59cdaf0 .elementor-icon svg{height:45px;}.elementor-505 .elementor-element.elementor-element-8374cb1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-505 .elementor-element.elementor-element-2e257bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-505 .elementor-element.elementor-element-2e257bb:not(.elementor-motion-effects-element-type-background), .elementor-505 .elementor-element.elementor-element-2e257bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(111deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-505 .elementor-element.elementor-element-0acddcf{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-weight:400;}@media(max-width:1024px){.elementor-505 .elementor-element.elementor-element-51ba3d3{--min-height:165px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-505 .elementor-element.elementor-element-51ba3d3{--min-height:233px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-505 .elementor-element.elementor-element-1fc8943 .elementor-heading-title{font-size:32px;line-height:1.2em;}.elementor-505 .elementor-element.elementor-element-2e257bb{--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for icon, class: .elementor-element-4ccb718 */.elementor-505 .elementor-element.elementor-element-4ccb718 svg path { fill: #FFF; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-1a20024 */.elementor-505 .elementor-element.elementor-element-1a20024 svg path { fill: #FFF; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-0b3ee06 */.elementor-505 .elementor-element.elementor-element-0b3ee06 svg path { fill: #FFF; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d723ae1 */.elementor-505 .elementor-element.elementor-element-d723ae1 svg path { fill: #FFF; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-1e24e94 */.elementor-505 .elementor-element.elementor-element-1e24e94 svg path { fill: #FFF; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-72768f7 */.elementor-505 .elementor-element.elementor-element-72768f7 svg path { fill: #FFF; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ed94a2c */.elementor-505 .elementor-element.elementor-element-ed94a2c svg path { fill: #FFF; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-258971a */.elementor-505 .elementor-element.elementor-element-258971a svg path { fill: #FFF; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-1b41291 */.elementor-505 .elementor-element.elementor-element-1b41291 svg path { fill: #FFF; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-59cdaf0 */.elementor-505 .elementor-element.elementor-element-59cdaf0 svg path { fill: #FFF; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c7f680 *//* ROZWIĄZANIE PURE CSS (Best Practice, KISS) */ /* Używamy atrybutu [tooltip] i funkcji attr() - zero JS, maksymalna wydajność */ [tooltip] { position: relative; /* Wymagane do pozycjonowania pseudo-elementów */ cursor: pointer; } /* 1. Dymek z tekstem */ [tooltip]::after { content: attr(tooltip); /* Pobranie wartości z atrybutu HTML */ position: absolute; bottom: 100%; left: 50%; /* Wygląd */ background-color: rgba(17, 24, 39, 0.9); /* Ciemny Tailwind-owy odcień (gray-900) */ color: #ffffff; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 500; white-space: nowrap; /* Zapobiega łamaniu krótkiego tekstu */ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); /* Mechanika i animacja */ z-index: 9999; pointer-events: none; /* Krytyczne: zapobiega migotaniu przy najechaniu na dymek */ opacity: 0; visibility: hidden; transform: translate(-50%, 5px); /* Start niżej dla efektu slide-up */ transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } /* 2. Trójkąt pod dymkiem (strzałka) */ [tooltip]::before { content: ""; position: absolute; bottom: 100%; left: 50%; /* Kształt trójkąta */ border: 6px solid transparent; border-top-color: rgba(17, 24, 39, 0.9); /* Mechanika i animacja */ z-index: 9999; pointer-events: none; opacity: 0; visibility: hidden; transform: translate(-50%, 5px); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } /* 3. Aktywacja (Hover / Mobile Tap) */ [tooltip]:hover::after, [tooltip]:active::after, [tooltip]:hover::before, [tooltip]:active::before { opacity: 1; visibility: visible; transform: translate(-50%, -8px); /* Przesunięcie w górę o 8px */ } /* Korekta dla trójkąta, aby "przykleił" się do dymka */ [tooltip]:hover::before, [tooltip]:active::before { transform: translate(-50%, 4px); }/* End custom CSS */