.elementor-5790 .elementor-element.elementor-element-bfcb8ed{--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:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-5790 .elementor-element.elementor-element-70c0196 img{width:50%;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-blocksy_palette_5 );border-radius:25px 25px 25px 25px;}.elementor-5790 .elementor-element.elementor-element-976b8a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-5790 .elementor-element.elementor-element-976b8a5 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-5790 .elementor-element.elementor-element-66ee3de{text-align:center;}.elementor-5790 .elementor-element.elementor-element-66ee3de .elementor-heading-title{font-size:35px;font-weight:900;}.elementor-5790 .elementor-element.elementor-element-af9c4ef{--spacer-size:25px;}.elementor-5790 .elementor-element.elementor-element-5f6c234{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5790 .elementor-element.elementor-element-4d3e1f5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5790 .elementor-element.elementor-element-6e94eb4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-blocksy_palette_5 );--border-color:var( --e-global-color-blocksy_palette_5 );--border-radius:20px 20px 20px 20px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5790 .elementor-element.elementor-element-6e94eb4:not(.elementor-motion-effects-element-type-background), .elementor-5790 .elementor-element.elementor-element-6e94eb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-5790 .elementor-element.elementor-element-525cd1d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-blocksy_palette_5 );--border-color:var( --e-global-color-blocksy_palette_5 );--border-radius:20px 20px 20px 20px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5790 .elementor-element.elementor-element-525cd1d:not(.elementor-motion-effects-element-type-background), .elementor-5790 .elementor-element.elementor-element-525cd1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-5790 .elementor-element.elementor-element-5021d45{--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;}.elementor-5790 .elementor-element.elementor-element-aded04a{--spacer-size:25px;}@media(max-width:1024px){.elementor-5790 .elementor-element.elementor-element-4d3e1f5{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5790 .elementor-element.elementor-element-bfcb8ed{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5790 .elementor-element.elementor-element-66ee3de .elementor-heading-title{font-size:25px;}.elementor-5790 .elementor-element.elementor-element-4d3e1f5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for theme-post-featured-image, class: .elementor-element-70c0196 *//* =========================================================
   ZDJĘCIE PRZEPISU — 50% DESKTOP / 100% MOBILE
   ========================================================= */

.elementor-element-70c0196 {
    position: relative !important;

    width: 65% !important;
    max-width: 65% !important;

    margin: 45px auto 65px !important;
    padding: 0 !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    box-sizing: border-box !important;

    isolation: isolate;
}


/* =========================================================
   DUŻY OKRĄG — LEWA STRONA
   ========================================================= */

.elementor-element-70c0196::before {
    content: "";

    position: absolute;

    width: clamp(150px, 14vw, 240px);
    height: clamp(150px, 14vw, 240px);

    left: -90px;
    top: 50%;

    transform: translateY(-50%);

    border-radius: 50%;

    background: rgba(135, 150, 111, 0.08);

    z-index: -2;

    pointer-events: none;
}


/* =========================================================
   OKRĄG — PRAWA DOLNA STRONA
   ========================================================= */

.elementor-element-70c0196::after {
    content: "";

    position: absolute;

    width: clamp(110px, 11vw, 180px);
    height: clamp(110px, 11vw, 180px);

    right: -70px;
    bottom: -60px;

    border-radius: 50%;

    border: 1px solid rgba(135, 150, 111, 0.30);

    z-index: -2;

    pointer-events: none;
}


/* =========================================================
   KONTENER ZDJĘCIA
   ========================================================= */

.elementor-element-70c0196 .elementor-widget-container {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 7px !important;

    box-sizing: border-box !important;

    background: #ffffff;

    border: 1px solid rgba(31, 45, 61, 0.13);

    border-radius: 22px;

    box-shadow:
        0 16px 45px rgba(31, 45, 61, 0.11),
        0 3px 10px rgba(31, 45, 61, 0.04);

    overflow: visible !important;
}


/* =========================================================
   WEWNĘTRZNA RAMKA
   ========================================================= */

.elementor-element-70c0196
.elementor-widget-container::before {
    content: "";

    position: absolute;

    inset: 7px;

    border: 1px solid rgba(135, 150, 111, 0.30);

    border-radius: 16px;

    pointer-events: none;

    z-index: 3;
}


/* =========================================================
   ZDJĘCIE
   ========================================================= */

.elementor-element-70c0196 img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    aspect-ratio: 16 / 9;

    object-fit: cover;
    object-position: center;

    border-radius: 16px;

    transform: scale(1);

    transition:
        transform 0.6s cubic-bezier(.2,.7,.2,1);
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-element-70c0196
.elementor-widget-container:hover img {
    transform: scale(1.02);
}


/* =========================================================
   MAŁY AKCENT
   ========================================================= */

.elementor-element-70c0196
.elementor-widget-container::after {
    content: "";

    position: absolute;

    left: -13px;
    bottom: 28px;

    width: 24px;
    height: 24px;

    border-radius: 50%;

    background: #87966f;

    box-shadow:
        0 0 0 6px rgba(135, 150, 111, 0.10);

    z-index: 4;

    pointer-events: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-element-70c0196 {
        width: 60% !important;
        max-width: 60% !important;

        margin-top: 35px !important;
        margin-bottom: 50px !important;
    }

    .elementor-element-70c0196::before {
        left: -70px;
    }

    .elementor-element-70c0196::after {
        right: -55px;
        bottom: -50px;
    }
}


/* =========================================================
   TELEFON — 100%
   ========================================================= */

@media (max-width: 767px) {

    .elementor-element-70c0196 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 25px auto 40px !important;
        padding: 0 12px !important;
    }

    .elementor-element-70c0196
    .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;

        padding: 5px !important;

        border-radius: 17px;
    }

    .elementor-element-70c0196
    .elementor-widget-container::before {
        inset: 5px;
        border-radius: 12px;
    }

    .elementor-element-70c0196 img {
        border-radius: 12px;
        transform: none;
    }

    /* Okrąg po lewej */
    .elementor-element-70c0196::before {
        width: 150px;
        height: 150px;

        left: -75px;
        top: 30%;
    }

    /* Okrąg po prawej */
    .elementor-element-70c0196::after {
        width: 110px;
        height: 110px;

        right: -55px;
        bottom: -35px;
    }

    .elementor-element-70c0196
    .elementor-widget-container::after {
        width: 18px;
        height: 18px;

        left: -8px;
        bottom: 20px;

        box-shadow:
            0 0 0 4px rgba(135, 150, 111, 0.10);
    }
}


/* =========================================================
   MAŁE TELEFONY
   ========================================================= */

@media (max-width: 480px) {

    .elementor-element-70c0196 {
        padding: 0 8px !important;
        margin-top: 20px !important;
        margin-bottom: 32px !important;
    }

    .elementor-element-70c0196
    .elementor-widget-container {
        padding: 4px !important;
        border-radius: 14px;
    }

    .elementor-element-70c0196
    .elementor-widget-container::before {
        inset: 4px;
        border-radius: 10px;
    }

    .elementor-element-70c0196 img {
        border-radius: 10px;
    }

    .elementor-element-70c0196::before {
        width: 110px;
        height: 110px;
        left: -55px;
    }

    .elementor-element-70c0196::after {
        width: 85px;
        height: 85px;
        right: -42px;
        bottom: -28px;
    }

    .elementor-element-70c0196
    .elementor-widget-container::after {
        width: 14px;
        height: 14px;

        left: -6px;
        bottom: 15px;
    }
}


/* =========================================================
   DOTYK — BEZ ZOOMU
   ========================================================= */

@media (hover: none) {

    .elementor-element-70c0196 img {
        transform: none !important;
    }
}


/* =========================================================
   REDUKCJA ANIMACJI
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-element-70c0196 img {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-976b8a5 *//* =========================================================
   VIDEO — PREMIUM / RESPONSIVE
   ========================================================= */

.elementor-element-976b8a5 {
    position: relative;

    width: 100%;
    max-width: 900px;

    margin: auto;
    padding: 0;

    box-sizing: border-box;

    display: flex;
    justify-content: center;
    align-items: center;

    isolation: isolate;
}


/* =========================================================
   DUŻY DELIKATNY OKRĄG W TLE
   ========================================================= */

.elementor-element-976b8a5::before {
    content: "";

    position: absolute;

    width: clamp(180px, 20vw, 300px);
    height: clamp(180px, 20vw, 300px);

    left: -90px;
    top: 50%;

    transform: translateY(-50%);

    border-radius: 50%;

    background: rgba(135, 150, 111, 0.075);

    z-index: -2;

    pointer-events: none;
}


/* =========================================================
   OKRĄG PO PRAWEJ
   ========================================================= */

.elementor-element-976b8a5::after {
    content: "";

    position: absolute;

    width: clamp(120px, 14vw, 210px);
    height: clamp(120px, 14vw, 210px);

    right: -70px;
    bottom: -55px;

    border-radius: 50%;

    border: 1px solid rgba(135, 150, 111, 0.25);

    z-index: -2;

    pointer-events: none;
}


/* =========================================================
   WRAPPER VIDEO
   ========================================================= */

.elementor-element-976b8a5 .elementor-wrapper {
    position: relative;

    width: 100%;
    max-width: 860px;

    padding: 8px;

    box-sizing: border-box;

    background: #fff;

    border: 1px solid rgba(31, 45, 61, 0.13);

    border-radius: 24px;

    box-shadow:
        0 18px 50px rgba(31, 45, 61, 0.12),
        0 4px 12px rgba(31, 45, 61, 0.04);

    overflow: visible;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================================
   WEWNĘTRZNA RAMKA
   ========================================================= */

.elementor-element-976b8a5 .elementor-wrapper::before {
    content: "";

    position: absolute;

    inset: 8px;

    border: 1px solid rgba(135, 150, 111, 0.30);

    border-radius: 17px;

    pointer-events: none;

    z-index: 3;
}


/* =========================================================
   VIDEO
   ========================================================= */

.elementor-element-976b8a5 .elementor-video {
    display: block;

    width: 100%;
    height: auto;

    aspect-ratio: 16 / 9;

    border: 0;

    border-radius: 17px;

    overflow: hidden;

    background: #111;

    position: relative;
    z-index: 1;
}


/* =========================================================
   HOVER — DELIKATNE UNIESIENIE
   ========================================================= */

.elementor-element-976b8a5 .elementor-wrapper:hover {
    transform: translateY(-4px);

    box-shadow:
        0 25px 60px rgba(31, 45, 61, 0.15),
        0 5px 15px rgba(31, 45, 61, 0.05);
}


/* =========================================================
   MAŁY OKRĄG / AKCENT
   ========================================================= */

.elementor-element-976b8a5 .elementor-wrapper::after {
    content: "";

    position: absolute;

    left: -14px;
    bottom: 30px;

    width: 26px;
    height: 26px;

    border-radius: 50%;

    background: #87966f;

    box-shadow:
        0 0 0 6px rgba(135, 150, 111, 0.10);

    z-index: 4;

    pointer-events: none;
}


/* =========================================================
   DELIKATNA POŚWIATA
   ========================================================= */

.elementor-element-976b8a5 .elementor-wrapper {
    filter: drop-shadow(
        0 0 0 rgba(135, 150, 111, 0)
    );
}

.elementor-element-976b8a5 .elementor-wrapper:hover {
    filter: drop-shadow(
        0 8px 20px rgba(135, 150, 111, 0.08)
    );
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1200px) {

    .elementor-element-976b8a5 {
        max-width: 920px;
    }

    .elementor-element-976b8a5 .elementor-wrapper {
        max-width: 860px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .elementor-element-976b8a5 {
        width: 90%;
        max-width: 820px;

        margin-top: 35px;
        margin-bottom: 50px;
    }

    .elementor-element-976b8a5::before {
        left: -70px;

        width: 180px;
        height: 180px;
    }

    .elementor-element-976b8a5::after {
        right: -55px;

        width: 140px;
        height: 140px;
    }
}


/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {

    .elementor-element-976b8a5 {
        width: 100%;

        max-width: 100%;

        margin: 30px auto 45px;

        padding: 0 10px;
    }

    .elementor-element-976b8a5 .elementor-wrapper {
        width: 100%;

        padding: 5px;

        border-radius: 17px;
    }

    .elementor-element-976b8a5 .elementor-wrapper::before {
        inset: 5px;

        border-radius: 12px;
    }

    .elementor-element-976b8a5 .elementor-video {
        border-radius: 12px;
    }

    .elementor-element-976b8a5::before {
        width: 140px;
        height: 140px;

        left: -70px;
        top: 35%;
    }

    .elementor-element-976b8a5::after {
        width: 100px;
        height: 100px;

        right: -50px;
        bottom: -30px;
    }

    .elementor-element-976b8a5 .elementor-wrapper::after {
        width: 18px;
        height: 18px;

        left: -8px;
        bottom: 20px;

        box-shadow:
            0 0 0 4px rgba(135, 150, 111, 0.10);
    }

    .elementor-element-976b8a5 .elementor-wrapper:hover {
        transform: none;
        filter: none;
    }
}


/* =========================================================
   MAŁE TELEFONY
   ========================================================= */

@media (max-width: 420px) {

    .elementor-element-976b8a5 {
        padding: 0 7px;

        margin-top: 22px;
        margin-bottom: 35px;
    }

    .elementor-element-976b8a5 .elementor-wrapper {
        padding: 4px;

        border-radius: 14px;
    }

    .elementor-element-976b8a5 .elementor-wrapper::before {
        inset: 4px;

        border-radius: 10px;
    }

    .elementor-element-976b8a5 .elementor-video {
        border-radius: 10px;
    }

    .elementor-element-976b8a5::before {
        width: 110px;
        height: 110px;

        left: -55px;
    }

    .elementor-element-976b8a5::after {
        width: 80px;
        height: 80px;

        right: -40px;
        bottom: -25px;
    }
}


/* =========================================================
   UKRYWANIE PUSTEGO WIDGETU
   ========================================================= */

/*
   Jeżeli widget nie zawiera iframe, zostaje ukryty.
   :has() jest obsługiwane przez współczesne przeglądarki.
*/

.elementor-element-976b8a5:not(:has(iframe)) {
    display: none !important;
}


/* =========================================================
   REDUKCJA RUCHU
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-element-976b8a5 .elementor-wrapper {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-title, class: .elementor-element-66ee3de *//* =========================================================
   TYTUŁ PRZEPISU
   ELEMENTOR — POST TITLE
   ========================================================= */

.elementor-element-66ee3de {
    width: 100%;
    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center;
}


/* =========================================================
   H1
   ========================================================= */

.elementor-element-66ee3de .elementor-heading-title {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto !important;
    padding: 0 20px !important;

    box-sizing: border-box;

    color: #1f2d3d;

    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.08;

    font-weight: 700;
    letter-spacing: -0.04em;

    text-align: center;

    /* inteligentne łamanie tekstu */
    text-wrap: balance;
}


/* =========================================================
   DELIKATNY AKCENT
   ========================================================= */

.elementor-element-66ee3de .elementor-heading-title::after {
    content: "";

    display: block;

    width: 52px;
    height: 3px;

    margin: 25px auto 0;

    background: #87966f;

    border-radius: 10px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-element-66ee3de .elementor-heading-title {
        max-width: 900px;

        font-size: clamp(32px, 5vw, 46px);
        line-height: 1.1;

        letter-spacing: -0.03em;
    }

    .elementor-element-66ee3de .elementor-heading-title::after {
        margin-top: 21px;
    }
}


/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {

    .elementor-element-66ee3de .elementor-heading-title {
        max-width: 100%;

        padding: 0 16px !important;

        font-size: clamp(28px, 8vw, 38px);
        line-height: 1.12;

        letter-spacing: -0.025em;
    }

    .elementor-element-66ee3de .elementor-heading-title::after {
        width: 40px;
        height: 2px;

        margin-top: 18px;
    }
}


/* =========================================================
   MAŁE TELEFONY
   ========================================================= */

@media (max-width: 480px) {

    .elementor-element-66ee3de .elementor-heading-title {
        padding: 0 12px !important;

        font-size: 27px;
        line-height: 1.14;

        letter-spacing: -0.02em;
    }

    .elementor-element-66ee3de .elementor-heading-title::after {
        width: 36px;

        margin-top: 16px;
    }
}


/* =========================================================
   BARDZO MAŁE EKRANY
   ========================================================= */

@media (max-width: 360px) {

    .elementor-element-66ee3de .elementor-heading-title {
        padding: 0 10px !important;

        font-size: 25px;
    }
}


/* =========================================================
   REDUKCJA ANIMACJI
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-element-66ee3de .elementor-heading-title::after {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-80c7dab *//* =========================================================
   SKŁADNIKI — EDITORIAL / PREMIUM
   ========================================================= */


/* =========================================================
   GŁÓWNY KONTENER
   ========================================================= */

/* Usunięcie efektu "karty" z kontenera Elementor */
.elementor-element-525cd1d {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* =========================================================
   OBSZAR TEKSTU
   ========================================================= */

.elementor-element-80c7dab .text {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
}


/* =========================================================
   LISTA SKŁADNIKÓW
   ========================================================= */

.elementor-element-80c7dab ul {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap: clamp(45px, 7vw, 110px);
    row-gap: 0;

    width: 100%;
    max-width: 1050px;

    margin: 0 auto !important;
    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   POJEDYNCZY SKŁADNIK
   ========================================================= */

.elementor-element-80c7dab li {
    position: relative;

    display: flex;
    align-items: center;

    min-width: 0;

    margin: 0 !important;

    padding:
        clamp(13px, 1.4vw, 18px)
        0
        clamp(13px, 1.4vw, 18px)
        25px !important;

    box-sizing: border-box;

    color: #343434;

    font-size:
        clamp(14px, 1vw, 16px);

    line-height: 1.5;

    border-bottom:
        1px solid rgba(30, 40, 50, 0.065);

    transition:
        color 0.25s ease,
        padding-left 0.25s ease;
}


/* =========================================================
   PIONOWY AKCENT
   ========================================================= */

.elementor-element-80c7dab li::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 4px;
    height: 22px;

    transform:
        translateY(-50%);

    border-radius: 10px;

    background: #87966f;

    opacity: 0.7;

    transition:
        height 0.25s ease,
        opacity 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   DELIKATNY PUNKT NA KOŃCU
   ========================================================= */

.elementor-element-80c7dab li::after {
    content: "";

    position: absolute;

    right: 0;
    top: 50%;

    width: 4px;
    height: 4px;

    transform: translateY(-50%);

    border-radius: 50%;

    background: #87966f;

    opacity: 0;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-element-80c7dab li:hover {
    color: #687653;

    padding-left: 30px !important;
}

.elementor-element-80c7dab li:hover::before {
    height: 32px;
    opacity: 1;
}

.elementor-element-80c7dab li:hover::after {
    opacity: 0.8;

    transform:
        translateY(-50%)
        scale(1.5);
}


/* =========================================================
   WYRÓŻNIENIE TEKSTU
   ========================================================= */

.elementor-element-80c7dab li em {
    font-style: normal;
}

.elementor-element-80c7dab li strong {
    color: #687653;
    font-weight: 700;
}


/* =========================================================
   OSTATNIE ELEMENTY
   ========================================================= */

.elementor-element-80c7dab li:last-child,
.elementor-element-80c7dab li:nth-last-child(2) {
    border-bottom: none;
}


/* =========================================================
   LEPSZE WYŚRODKOWANIE NA DUŻYCH EKRANACH
   ========================================================= */

@media (min-width: 1200px) {

    .elementor-element-80c7dab .text {
        padding-left: 20px;
        padding-right: 20px;
    }

    .elementor-element-80c7dab ul {
        max-width: 1000px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .elementor-element-80c7dab ul {
        column-gap: 45px;
    }

    .elementor-element-80c7dab li {
        font-size: 15px;
        padding-left: 22px !important;
    }

    .elementor-element-80c7dab li:hover {
        padding-left: 26px !important;
    }
}


/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {

    .elementor-element-80c7dab .text {
        max-width: 100%;
    }

    .elementor-element-80c7dab ul {
        grid-template-columns: 1fr;

        width: 100%;

        column-gap: 0;
    }

    .elementor-element-80c7dab li {
        width: 100%;

        padding:
            13px
            5px
            13px
            22px !important;

        font-size:
            clamp(14px, 3.9vw, 15px);

        line-height: 1.55;

        border-bottom:
            1px solid rgba(30, 40, 50, 0.065);
    }

    .elementor-element-80c7dab li:last-child {
        border-bottom: none;
    }

    .elementor-element-80c7dab li::before {
        width: 3px;
        height: 18px;
    }

    .elementor-element-80c7dab li::after {
        display: none;
    }

    .elementor-element-80c7dab li:hover {
        padding-left: 22px !important;
    }

    .elementor-element-80c7dab li:hover::before {
        height: 25px;
    }
}


/* =========================================================
   MAŁE TELEFONY
   ========================================================= */

@media (max-width: 420px) {

    .elementor-element-80c7dab li {
        padding:
            11px
            2px
            11px
            19px !important;

        font-size: 14px;
        line-height: 1.5;
    }

    .elementor-element-80c7dab li::before {
        width: 3px;
        height: 16px;
    }

    .elementor-element-80c7dab li:hover {
        padding-left: 19px !important;
    }
}


/* =========================================================
   BARDZO MAŁE EKRANY
   ========================================================= */

@media (max-width: 350px) {

    .elementor-element-80c7dab li {
        padding-left: 17px !important;
        font-size: 13.5px;
    }

    .elementor-element-80c7dab li::before {
        height: 14px;
    }
}


/* =========================================================
   REDUKCJA ANIMACJI
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-element-80c7dab li,
    .elementor-element-80c7dab li::before,
    .elementor-element-80c7dab li::after {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-792a10a *//* =========================================================
   SPOSÓB PRZYGOTOWANIA — PREMIUM / RESPONSIVE
   ========================================================= */

.elementor-element-792a10a .text {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    box-sizing: border-box;
}


/* =========================================================
   LISTA
   ========================================================= */

.elementor-element-792a10a ol {
    counter-reset: preparation-step;

    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   POJEDYNCZY KROK
   ========================================================= */

.elementor-element-792a10a li {
    counter-increment: preparation-step;

    position: relative;

    display: grid;
    grid-template-columns: clamp(52px, 6vw, 78px) minmax(0, 1fr);

    column-gap: clamp(20px, 3vw, 42px);

    margin: 0 !important;
    padding: clamp(22px, 3vw, 34px) 0;

    color: #333;
    font-size: clamp(15px, 1vw, 17px);
    line-height: 1.75;

    border-bottom: 1px solid rgba(0, 0, 0, 0.07);

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   NUMER KROKU
   ========================================================= */

.elementor-element-792a10a li::before {
    content: counter(preparation-step, decimal-leading-zero);

    display: flex;
    align-items: center;
    justify-content: center;

    width: clamp(46px, 5vw, 62px);
    height: clamp(46px, 5vw, 62px);

    box-sizing: border-box;

    border: 1px solid rgba(135, 150, 111, 0.45);
    border-radius: 50%;

    color: #7d8e67;

    font-size: clamp(13px, 1vw, 15px);
    font-weight: 600;
    letter-spacing: 0.04em;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   LINIA ŁĄCZĄCA KROKI
   ========================================================= */

.elementor-element-792a10a li:not(:last-child)::after {
    content: "";

    position: absolute;

    left: clamp(22px, 2.5vw, 30px);
    top: calc(clamp(22px, 3vw, 34px) + clamp(46px, 5vw, 62px));

    width: 1px;

    height: calc(
        100% - clamp(46px, 5vw, 62px)
    );

    background: linear-gradient(
        to bottom,
        rgba(135, 150, 111, 0.35),
        rgba(135, 150, 111, 0.05)
    );
}


/* =========================================================
   TEKST KROKU
   ========================================================= */

.elementor-element-792a10a li {
    text-wrap: pretty;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-element-792a10a li:hover {
    color: #596548;
    transform: translateX(4px);
}

.elementor-element-792a10a li:hover::before {
    background: #87966f;
    border-color: #87966f;
    color: #ffffff;
    transform: scale(1.06);
}


/* =========================================================
   OSTATNI ELEMENT
   ========================================================= */

.elementor-element-792a10a li:last-child {
    border-bottom: none;
}


/* =========================================================
   DESKTOP — LEPSZE WYŚRODKOWANIE
   ========================================================= */

@media (min-width: 1100px) {

    .elementor-element-792a10a .text {
        padding-left: 30px;
        padding-right: 30px;
    }

    .elementor-element-792a10a ol {
        max-width: 1000px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 767px) {

    .elementor-element-792a10a .text {
        width: 100%;
        padding: 0;
    }

    .elementor-element-792a10a li {
        grid-template-columns: 48px minmax(0, 1fr);
        column-gap: 17px;

        padding: 20px 0;

        font-size: 15px;
        line-height: 1.65;
    }

    .elementor-element-792a10a li::before {
        width: 46px;
        height: 46px;

        font-size: 12px;
    }

    .elementor-element-792a10a li:not(:last-child)::after {
        left: 22px;
        top: 66px;
        height: calc(100% - 46px);
    }

    .elementor-element-792a10a li:hover {
        transform: none;
    }
}


/* =========================================================
   MAŁE TELEFONY
   ========================================================= */

@media (max-width: 480px) {

    .elementor-element-792a10a li {
        grid-template-columns: 40px minmax(0, 1fr);
        column-gap: 14px;

        padding: 17px 0;

        font-size: 14px;
        line-height: 1.6;
    }

    .elementor-element-792a10a li::before {
        width: 40px;
        height: 40px;

        font-size: 11px;
    }

    .elementor-element-792a10a li:not(:last-child)::after {
        left: 19px;
        top: 57px;
        height: calc(100% - 40px);
    }
}


/* =========================================================
   BARDZO WĄSKIE EKRANY
   ========================================================= */

@media (max-width: 360px) {

    .elementor-element-792a10a li {
        grid-template-columns: 36px minmax(0, 1fr);
        column-gap: 12px;

        font-size: 13.5px;
    }

    .elementor-element-792a10a li::before {
        width: 36px;
        height: 36px;
        font-size: 10px;
    }

    .elementor-element-792a10a li:not(:last-child)::after {
        left: 17px;
        top: 53px;
    }
}


/* =========================================================
   REDUKCJA ANIMACJI
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-element-792a10a li,
    .elementor-element-792a10a li::before {
        transition: none;
    }
}/* End custom CSS */