.elementor-3960 .elementor-element.elementor-element-2905165{--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:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3960 .elementor-element.elementor-element-ba756d0{--grid-columns:3;--grid-row-gap:40px;--grid-column-gap:40px;}body.elementor-page-3960:not(.elementor-motion-effects-element-type-background), body.elementor-page-3960 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3960 .elementor-element.elementor-element-2905165{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3960 .elementor-element.elementor-element-ba756d0{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:30px;}}@media(max-width:767px){.elementor-3960 .elementor-element.elementor-element-2905165{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3960 .elementor-element.elementor-element-ba756d0{--grid-columns:1;--grid-row-gap:22px;}}/* Start custom CSS for container, class: .elementor-element-2905165 */.kontener:hover > .opis{
    opacity: 1;
    transition:0.5s;
cursor: pointer;
}
.kontener:hover > .opis .info{
    opacity: 1;
    transition:0.5s;
 transition-delay:0.3s;
 transform: translateY(0px);
}
.opis{
    opacity: 0;
    transition:0.5s;
   transition-delay:0.3s;
}
.opis .info{
    opacity: 0;
    transition:0.5s;
    transform: translateY(20px);
}
.kontener:hover > .tekst .tytul{
    opacity: 0;
    transition:0.5s;
}
.tekst .tytul{
    transition-delay:1s;
    opacity: 1;
    transition:0.5s;
}
.info h4{
    text-transform: uppercase!important
    ;
    color:#ffffff;
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: 2px;
    background-image: url('https://staszek.fr/wp-content/uploads/2025/11/laur-icon-2.svg');
    background-repeat: no-repeat;
    background-size: contain;
   padding: 10px;
background-position: center center;
}
.info p a{
    text-transform: uppercase;
    color:#fff;
    letter-spacing: 10px;
    font-size: 1.1rem;
    transition: .5s;
    padding: 10px 20px 10px 30px ;border:solid 1px #999;
    border-radius: 8px;
}
.info p a:hover{
color:#999;
}
.kontener:hover > .obraz { 
    transition:1s;
  transform: scale(1.1);
}
.obraz{
    transition:1s;
}
.kontener{
    overflow: hidden;}/* End custom CSS */