.elementor-6862 .elementor-element.elementor-element-5e712e44{--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:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6862 .elementor-element.elementor-element-307b45b0 .elementor-heading-title{color:#164C78;}.elementor-6862 .elementor-element.elementor-element-0bb723a{--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;}/* Start custom CSS for heading, class: .elementor-element-307b45b0 *//* === Żółty podkreślnik dla nagłówka === */

/* 1. Ustawiamy pozycjonowanie i robimy miejsce */
.elementor-6862 .elementor-element.elementor-element-307b45b0 .elementor-heading-title {
    position: relative;
    padding-bottom: 12px; /* Robi miejsce POD tekstem */

}

/* 2. Cienka, długa linia (spód) */
.elementor-6862 .elementor-element.elementor-element-307b45b0 .elementor-heading-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0; /* Na samym dole */
    height: 1px;
    width: 100px; /* Długość (możesz zmienić) */
    background-color: #ffb823; /* Twój żółty */
}

/* 3. Gruba, krótka linia (wierzch) */
.elementor-6862 .elementor-element.elementor-element-307b45b0 .elementor-heading-title::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0; /* Też na dole */
    height: 4px; /* Grubość (możesz zmienić) */
    width: 50px; /* Długość (możesz zmienić) */
    background-color: #ffb823; /* Ten sam żółty */
    z-index: 1; /* Musi być nad cienką linią */
}/* End custom CSS */