.elementor-7994 .elementor-element.elementor-element-4aa5c08{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-140px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7994 .elementor-element.elementor-element-2e32c9e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-7994 .elementor-element.elementor-element-ed494d8{text-align:start;}.elementor-7994 .elementor-element.elementor-element-ed494d8 img{width:100%;max-width:100%;}.elementor-7994 .elementor-element.elementor-element-268f959{--display:flex;--min-height:30px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:030px;--z-index:1;}.elementor-7994 .elementor-element.elementor-element-dc1f7a2{--display:flex;--min-height:30px;--justify-content:space-around;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7994 .elementor-element.elementor-element-123d507{text-align:end;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:700;line-height:30px;color:#FFFFFF;padding:5px 20px 0px 20px;}.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-menu-toggle{margin:0 auto;}.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu .elementor-item{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;}.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu--main .elementor-item:focus{color:#DD3E1C;fill:#DD3E1C;}.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#DD3E1C;}.elementor-7994 .elementor-element.elementor-element-1efcef1 .e--pointer-framed .elementor-item:before,
					.elementor-7994 .elementor-element.elementor-element-1efcef1 .e--pointer-framed .elementor-item:after{border-color:#DD3E1C;}.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#DD3E1C;}.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-7994 .elementor-element.elementor-element-1efcef1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#DD3E1C;}.elementor-7994 .elementor-element.elementor-element-1efcef1 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-7994 .elementor-element.elementor-element-1efcef1 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#DD3E1C;}.elementor-7994 .elementor-element.elementor-element-1efcef1 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-7994 .elementor-element.elementor-element-1efcef1 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-7994 .elementor-element.elementor-element-3b7fe4c0{--display:flex;--min-height:92vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.55;--position:relative;top:0px;}.elementor-7994 .elementor-element.elementor-element-3b7fe4c0:not(.elementor-motion-effects-element-type-background), .elementor-7994 .elementor-element.elementor-element-3b7fe4c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oli.ld-agency.pl/wp-content/uploads/2026/08/Gemini_Generated_Image_kyutugkyutugkyut-2.jpeg");background-position:center center;background-size:cover;}.elementor-7994 .elementor-element.elementor-element-3b7fe4c0::before, .elementor-7994 .elementor-element.elementor-element-3b7fe4c0 > .elementor-background-video-container::before, .elementor-7994 .elementor-element.elementor-element-3b7fe4c0 > .e-con-inner > .elementor-background-video-container::before, .elementor-7994 .elementor-element.elementor-element-3b7fe4c0 > .elementor-background-slideshow::before, .elementor-7994 .elementor-element.elementor-element-3b7fe4c0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7994 .elementor-element.elementor-element-3b7fe4c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#0A0A08;}body:not(.rtl) .elementor-7994 .elementor-element.elementor-element-3b7fe4c0{left:0px;}body.rtl .elementor-7994 .elementor-element.elementor-element-3b7fe4c0{right:0px;}.elementor-7994 .elementor-element.elementor-element-68be243d{--display:flex;--padding-top:0px;--padding-bottom:90px;--padding-left:60px;--padding-right:60px;--position:relative;top:0px;}body:not(.rtl) .elementor-7994 .elementor-element.elementor-element-68be243d{left:0px;}body.rtl .elementor-7994 .elementor-element.elementor-element-68be243d{right:0px;}.elementor-7994 .elementor-element.elementor-element-1e01a9e6{text-align:start;}.elementor-7994 .elementor-element.elementor-element-1e01a9e6 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:24px;font-weight:700;line-height:1.25em;color:#FFFFFF;}.elementor-7994 .elementor-element.elementor-element-7a88d222{text-align:start;}.elementor-7994 .elementor-element.elementor-element-7a88d222 .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:5vw;line-height:0.95em;letter-spacing:-1px;color:#FFFFFF;}.elementor-7994 .elementor-element.elementor-element-17cf1c24{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:36px;--padding-bottom:36px;--padding-left:40px;--padding-right:40px;--position:absolute;bottom:-236px;}.elementor-7994 .elementor-element.elementor-element-17cf1c24:not(.elementor-motion-effects-element-type-background), .elementor-7994 .elementor-element.elementor-element-17cf1c24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DD3E1C;}.elementor-7994 .elementor-element.elementor-element-17cf1c24.e-con{--align-self:flex-end;}body:not(.rtl) .elementor-7994 .elementor-element.elementor-element-17cf1c24{right:70px;}body.rtl .elementor-7994 .elementor-element.elementor-element-17cf1c24{left:70px;}.elementor-7994 .elementor-element.elementor-element-a5be3d7 .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:56px;line-height:1em;color:#FFFFFF;}.elementor-7994 .elementor-element.elementor-element-32d40a56 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:15px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-7994 .elementor-element.elementor-element-143c564c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7994 .elementor-element.elementor-element-143c564c .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-7994 .elementor-element.elementor-element-143c564c .elementor-button{font-family:"Oswald", Sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;fill:#EC6A1E;color:#EC6A1E;background-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-7994 .elementor-element.elementor-element-8e3cd58{--display:flex;--min-height:0px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-7994 .elementor-element.elementor-element-6c0c4d1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7994 .elementor-element.elementor-element-d17ad99{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-7994 .elementor-element.elementor-element-7a88d222 .elementor-heading-title{font-size:10vw;}}@media(min-width:768px){.elementor-7994 .elementor-element.elementor-element-2e32c9e{--width:20%;}.elementor-7994 .elementor-element.elementor-element-268f959{--width:100%;}.elementor-7994 .elementor-element.elementor-element-68be243d{--width:100%;}.elementor-7994 .elementor-element.elementor-element-17cf1c24{--width:290px;}}@media(max-width:767px){.elementor-7994 .elementor-element.elementor-element-ed494d8{text-align:center;}.elementor-7994 .elementor-element.elementor-element-123d507{text-align:center;}.elementor-7994 .elementor-element.elementor-element-68be243d{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7994 .elementor-element.elementor-element-1e01a9e6 .elementor-heading-title{font-size:18px;}.elementor-7994 .elementor-element.elementor-element-7a88d222 .elementor-heading-title{font-size:10vw;}.elementor-7994 .elementor-element.elementor-element-17cf1c24{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;bottom:-226px;}body:not(.rtl) .elementor-7994 .elementor-element.elementor-element-17cf1c24{right:0px;}body.rtl .elementor-7994 .elementor-element.elementor-element-17cf1c24{left:0px;}}/* Start custom CSS for html, class: .elementor-element-8134d0b */<style>
    :root {
        --connect-accent: #dd3e1c;
        --connect-bg: #0f2630;
        --connect-border: rgba(255, 255, 255, 0.2);
        --connect-text: rgba(255, 255, 255, 0.75);
    }

    .connect-services-section {
        background-color: var(--connect-bg);
        color: #fff;
        font-family: 'Inter', 'Montserrat', sans-serif;
        padding: 80px 20px;
        box-sizing: border-box;
    }

    .connect-container {
        max-width: 1200px;
        margin: 0 auto;
    }

    /* GÓRNA SEKCJA (NAGŁÓWEK I PRZYCISK) */
    .connect-section-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 50px;
        flex-wrap: wrap;
        gap: 20px;
    }

    .connect-title-wrapper {
        max-width: 700px;
    }

    .connect-tagline {
        color: var(--connect-accent);
        font-size: 14px;
        font-weight: 600;
        text-transform: lowercase;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 15px;
    }

    .connect-tagline svg {
        width: 12px;
        height: 12px;
        fill: var(--connect-accent);
    }

    .connect-main-title {
        font-size: clamp(32px, 4vw, 42px);
        font-weight: 800;
        line-height: 1.1;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: -0.5px;
    }

    /* PRZYCISK (Zaktualizowany efekt hover z image_5a61a9.png) */
    .connect-btn {
        display: inline-flex;
        align-items: center;
        border: 1px solid var(--connect-border);
        background: transparent;
        color: #fff;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        transition: all 0.3s ease;
    }

    .connect-btn-text {
        padding: 16px 24px;
        border-right: 1px solid var(--connect-border);
        transition: border-color 0.3s ease;
    }

    .connect-btn-icon {
        padding: 16px 20px;
    }

    /* Efekt po najechaniu na przycisk */
    .connect-btn:hover {
        background-color: var(--connect-accent);
        border-color: var(--connect-accent);
    }

    .connect-btn:hover .connect-btn-text {
        border-right-color: rgba(255, 255, 255, 0.5); /* Bielsza linia podziału */
    }

    /* SIATKA KART (USŁUGI - Zaktualizowany efekt hover z image_5a61c9.png) */
    .connect-services-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .connect-card {
        border: 1px solid var(--connect-border);
        display: flex;
        flex-direction: column;
        transition: all 0.3s ease;
        background-color: transparent; /* Domyślne tło */
        position: relative; /* Potrzebne do pozycjonowania wycięcia, jeśli byłoby wymagane */
    }

    .connect-card-content {
        padding: 40px 30px;
        flex-grow: 1;
        transition: color 0.3s ease; /* Płynna zmiana koloru tekstu */
    }

    .connect-card-title {
        font-size: 20px;
        font-weight: 800;
        text-transform: uppercase;
        margin: 0 0 20px 0;
        line-height: 1.3;
        color: #fff; /* Domyślny kolor tytułu */
    }

    .connect-card-desc {
        font-size: 14px;
        line-height: 1.6;
        color: var(--connect-text); /* Domyślny, przygaszony kolor opisu */
        margin: 0;
        transition: color 0.3s ease;
    }

    .connect-card-iconbox {
        width: 65px;
        height: 65px;
        background-color: var(--connect-accent);
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background-color 0.3s ease;
    }

    .connect-card-iconbox svg {
        width: 32px;
        height: 32px;
        fill: #fff;
    }

    /* EFEKT PO NAJECHANIU NA KARTĘ */
    .connect-card:hover {
        background-color: var(--connect-accent);
        border-color: var(--connect-accent);
        transform: translateY(-5px); /* Pozostawiony lekki ruch w górę dla dynamiki */
    }

    .connect-card:hover .connect-card-desc {
        color: rgba(255, 255, 255, 0.95); /* Opis staje się jaśniejszy na kolorowym tle */
    }

    .connect-card:hover .connect-card-iconbox {
        background-color: transparent; /* Ikona traci tło, zlewając się z nowym tłem karty */
    }

    /* RESPONSYWNOŚĆ */
    @media (max-width: 992px) {
        .connect-services-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 600px) {
        .connect-services-grid {
            grid-template-columns: 1fr;
        }
        .connect-section-header {
            flex-direction: column;
            align-items: flex-start;
        }
    }
</style>/* End custom CSS */