.elementor-3142 .elementor-element.elementor-element-fd6a2de{--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-3142 .elementor-element.elementor-element-3e8f104{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3142 .elementor-element.elementor-element-3e8f104{--content-width:1220px;}}/* Start custom CSS for html, class: .elementor-element-727dde8 *//* =========================================================
   BLOG HERO
========================================================= */

#blog{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:440px;
    background:var(--ml-offwhite);
}

#blog,
#blog *,
#blog *::before,
#blog *::after{
    box-sizing:border-box;
}


/* =========================================================
   GRADIENTOWE TŁO
========================================================= */

#blog .ml-page-hero__background{
    position:absolute;
    z-index:-3;
    inset:0;

    background:
        radial-gradient(
            45% 45% at 92% 10%,
            rgba(28,155,216,.09),
            transparent 72%
        ),
        radial-gradient(
            38% 42% at 8% 90%,
            rgba(245,184,76,.11),
            transparent 72%
        ),
        var(--ml-offwhite);

    pointer-events:none;
}


/* =========================================================
   ZDJĘCIE PO LEWEJ STRONIE
========================================================= */

#blog .ml-page-hero__visual{
    position:absolute;
    z-index:-2;

    top:0;
    bottom:0;
    left:0;

    width:min(55%,760px);

    background-image:
        linear-gradient(
            90deg,
            rgba(247,246,241,.04) 0%,
            rgba(247,246,241,.08) 45%,
            rgba(247,246,241,.65) 78%,
            var(--ml-offwhite) 100%
        ),
        linear-gradient(
            0deg,
            rgba(247,246,241,.28),
            rgba(247,246,241,.28)
        ),
        url("https://elmhurstwebdesign.com/wp-content/uploads/2026/07/marta-radca-prawny-krakow.jpg");

    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;

    opacity:.52;

    -webkit-mask-image:linear-gradient(
        90deg,
        #000 0%,
        #000 50%,
        rgba(0,0,0,.65) 72%,
        transparent 100%
    );

    mask-image:linear-gradient(
        90deg,
        #000 0%,
        #000 50%,
        rgba(0,0,0,.65) 72%,
        transparent 100%
    );

    pointer-events:none;
}


/* =========================================================
   TREŚĆ
========================================================= */

#blog .ml-page-hero__container{
    position:relative;
    z-index:2;

    width:min(100%,1200px);
    min-height:440px;

    margin:0 auto;
    padding:
        clamp(5rem,8vw,7rem)
        clamp(1.25rem,4vw,3rem);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

    text-align:left;
}

#blog .ml-page-hero__container > *{
    width:min(100%,590px);
    margin-left:auto;
}


/* =========================================================
   EYEBROW
========================================================= */

#blog .ml-page-hero__eyebrow{
    display:flex;
    align-items:center;
    gap:.7rem;

    font-family:var(--ml-font-body);
    font-size:.8rem;
    font-weight:600;
    line-height:1.3;

    letter-spacing:.15em;
    text-transform:uppercase;

    color:var(--ml-blue-deep);
}

#blog .ml-page-hero__eyebrow::before{
    content:"";

    flex:0 0 32px;
    width:32px;
    height:1px;

    background:currentColor;
}


/* =========================================================
   NAGŁÓWEK
========================================================= */

#blog .ml-page-hero__heading{
    margin-top:1.4rem;
    margin-bottom:0;

    font-family:var(--ml-font-display);
    font-size:clamp(3.25rem,7vw,6.5rem);
    font-weight:600;
    line-height:.95;

    letter-spacing:-.045em;

    color:var(--ml-graphite);
}

#blog .ml-page-hero__heading span{
    display:block;
    color:var(--ml-blue);
}


/* =========================================================
   OPIS
========================================================= */

#blog .ml-page-hero__description{
    margin-top:2rem;
    margin-bottom:0;

    max-width:58ch;

    font-family:var(--ml-font-body);
    font-size:clamp(1rem,1.4vw,1.1rem);
    line-height:1.8;

    color:var(--ml-gray);
}


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

@media (max-width:1024px){

    #blog{
        min-height:410px;
    }

    #blog .ml-page-hero__visual{
        width:58%;
        opacity:.42;
        background-position:40% center;
    }

    #blog .ml-page-hero__container{
        min-height:410px;
    }

    #blog .ml-page-hero__container > *{
        width:min(100%,520px);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    #blog{
        min-height:auto;
    }

    #blog .ml-page-hero__visual{
        top:0;
        right:0;
        bottom:auto;
        left:0;

        width:100%;
        height:260px;

        opacity:.30;
        background-position:center 35%;

        -webkit-mask-image:linear-gradient(
            180deg,
            #000 0%,
            rgba(0,0,0,.75) 55%,
            transparent 100%
        );

        mask-image:linear-gradient(
            180deg,
            #000 0%,
            rgba(0,0,0,.75) 55%,
            transparent 100%
        );
    }

    #blog .ml-page-hero__container{
        min-height:auto;

        padding:
            15rem
            1.25rem
            4rem;

        align-items:center;
        text-align:center;
    }

    #blog .ml-page-hero__container > *{
        width:100%;
        margin-left:0;
    }

    #blog .ml-page-hero__eyebrow{
        justify-content:center;
    }

    #blog .ml-page-hero__heading{
        font-size:clamp(3.25rem,17vw,4.75rem);
    }

    #blog .ml-page-hero__description{
        margin-right:auto;
        margin-left:auto;
        font-size:1rem;
        line-height:1.7;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e51a9d8 */.ml-payment-info{

    margin-top:2rem;
    padding-top:2rem;

    border-top:1px solid rgba(0,0,0,.08);

    text-align:center;

}

.ml-payment-info>span{

    display:block;

    margin-bottom:1rem;

    font-family:var(--ml-font-display);
    font-size:1.15rem;
    font-weight:600;

    color:var(--ml-graphite);

}

.ml-payment-info__items{

    display:flex;
    justify-content:center;
    gap:.75rem;
    flex-wrap:wrap;

}

.ml-payment-info__item{

    display:flex;
    align-items:center;
    gap:.45rem;

    padding:.7rem 1rem;

    background:#fff;

    border:1px solid rgba(0,0,0,.08);
    border-radius:999px;

    color:var(--ml-gray);

    font-size:.95rem;
    font-weight:500;

    transition:.25s;

}

.ml-payment-info__item:hover{

    border-color:var(--ml-blue);
    color:var(--ml-blue);

    transform:translateY(-2px);

}

@media(max-width:767px){

    .ml-payment-info__items{

        justify-content:center;

    }

}/* End custom CSS */