@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*{
	box-sizing: border-box;
}
html,
body{
	overflow-x: hidden !important;
    background-color: #FFF !important;
}
html {
	scroll-behavior: smooth;
}
p, h1, h2, h3, h4, h5, h6{
	cursor: default !important;
}
p, h1, h2, h3, h4, h5, h6, a{
	margin-block-end: 0 !important;
	margin-block-start: 0 !important;
}
/* inne */
.elementor-icon-wrapper{
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	border-image-width: 0 !important;
}
.elementor-icon{
	border-image-width: 0 !important;
}



/* header pc */
.pc-header{
    transition: 0.3s !important;
}
.pc-header.shrink{
  min-height: 80px;
  height: 80px;
}
.pc-header .elementor-widget-theme-site-logo img{
    transition: 0.3s !important;
}
.pc-header.shrink .elementor-widget-theme-site-logo img {
    height: 60px !important;
}
.pc-header .menu-item a{
    transition: 0.3s !important;
}
.pc-header .menu-item a:hover{
    transform: translateY(-3px);
}
@media (max-width:1025px){
    .pc-header.shrink{
        min-height: 70px;
        height: 70px;
    }
    .pc-header .elementor-widget-theme-site-logo img{
        transition: 0.3s !important;
    }
    .pc-header.shrink .elementor-widget-theme-site-logo img {
        height: 40px !important;
    }
}


/* GLOBALNE */
/* przyciski globalne */
.zs-btn {
    flex: 1;
    cursor: pointer;
    font-family: "Montserrat", Sans-serif;
    padding: 14px 40px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 600;
    font-style: normal;
    box-shadow: 0px 4px 10px 1px rgba(102, 102, 102, 0.3) !important;
    color: #FFF;
    background-color: #0D5B78;
    border: 2px solid #0D5B78;
    border-radius: 100px;
    transition: 200ms;
    text-align: center;
}
.zs-btn.zs-btn-primary{
    color: #FFF;
    background-color: #0D5B78;
}
.zs-btn.zs-btn-secondary{
    background-color: #FFF;
    color: #0D5B78;
}
.zs-btn:hover {
    transform: translateY(-3px);
}
.zs-btn.zs-btn-primary:hover{
    background-color: #FFF;
    color: #0D5B78;
}
.zs-btn.zs-btn-secondary:hover{
    color: #FFF;
    background-color: #0D5B78;
}
@media (max-width: 1024px) {
    .zs-btn {
        padding: 14px 30px;
        font-size: 13px;
        white-space: normal;
        overflow-wrap: break-word;
        word-wrap: break-word;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .zs-btn {
        padding: 14px 20px;
        font-size: 13px;
    }
}
/* item globalny */
.zs-item{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    gap: 20px;
    background: linear-gradient(135deg, #f0f8ff 0%, #e6f3f7 100%);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    padding: 20px 30px;
    border-radius: 10px;
    transition: 0.2s;
    border-left: 3px solid #0D5B78;
}
.zs-item:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1) !important;
}
.zs-item-title{
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #063445;
}
.zs-item-opis{
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #6C757D;
}
/* nagłówek sekcji */
.zs-naglowek-sekcji{
    font-family: "Montserrat", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    color: #0D5B78;
    margin-bottom: 20px !important;
    display: none !important;
}
@media (max-width: 1024px) {
    .zs-item{
        gap: 20px;
        padding: 20px;
    }
    .zs-item-title{
        font-size: 18px;
        line-height: 24px;
    }
    .zs-item-opis{
        font-size: 14px;
        line-height: 20px;
    }
    /* nagłówek sekcji */
    .zs-naglowek-sekcji{
        font-size: 28px;
        line-height: 38px;
    }
}




/* karuzela opinie */
.zs-opinie-karuzela-box{
    overflow: hidden;
}
.zs-opinie-karuzela {
    position: relative;    
}
.zs-opinie-karuzela-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.zs-opinie-karuzela {
    overflow: hidden;
    flex: 1;
}
.zs-opinie-track {
    display: flex;
    transition: transform 0.4s ease;
}
.zs-opinia-item {
    flex: 0 0 calc(100% / 3); /* 3 elementy desktop */
    box-sizing: border-box;
    padding: 25px 20px;
}
.zs-opinia-inner {
    position: relative;
    padding: 40px 30px;
    background: #f8f8f8;
    border-radius: 10px;
    height: 100%;
    box-shadow: 0 5px 15px 0 rgba(255, 255, 255, 0.2);
    transition: 200ms;
}
.zs-opinia-inner:hover {
    box-shadow: 0 10px 15px 0 rgba(255, 255, 255, 0.3);
}
.zs-opinia-inner::before {
    content: "“";
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 70px;
    opacity: 0.1;
    line-height: 1;
    pointer-events: none;
}
.zs-opinia-tresc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    font-family: Montserrat;
    color: #6C757D;
    font-weight: 400;
    font-style: italic;
}
.zs-opinia-autor {
    font-size: 18px;
    line-height: 24px;
    font-family: Montserrat;
    color: #0D5B78;
    font-weight: 500;
    text-align: right;
}
.zs-opinie-home .review-stars{
    display: none !important;
}
/* Strzałki */
.zs-arrow {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    padding: 4px;
    flex-shrink: 0;
    border-radius: 50%;
}
.zs-arrow:active,
.zs-arrow:focus,
.zs-arrow:hover {
    opacity: 0.6;
    background: #ffffff70 !important;
}
.zs-uslugi-opinie-kontener.ukryty{
    display: none !important;
}

/* Responsywność */
@media (max-width: 1024px) {
    .zs-opinia-item {
        flex: 0 0 50%;
        box-sizing: border-box;
        padding: 25px 10px;
    }
    .zs-opinia-inner {
        position: relative;
        padding: 26px;
        background: #f8f8f8;
        border-radius: 10px;
        height: 100%;
        box-shadow: 0 5px 15px 0 rgba(255, 255, 255, 0.2);
    }
    .zs-opinia-tresc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .zs-opinia-autor {
        font-size: 16px;
        line-height: 20px;
    }
}
@media (max-width: 767px) {
    .zs-opinia-item {
        flex: 0 0 100%;
    }
    .zs-opinia-inner {
        position: relative;
        padding: 26px;
        background: #f8f8f8;
        border-radius: 10px;
        height: 100%;
        box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.2);
    }
    .zs-opinie-karuzela-box {
        gap: 0px;
    }
}

/* specjaliści na HOME */
.zs-specjalisci-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    text-align: center;
}
.zs-specjalista-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
    background: linear-gradient(135deg, #f0f8ff 0%, #e6f3f7 100%);
    box-shadow: 0 5px 15px 0 rgba(255, 255, 255, 0.2) !important;
    padding: 20px;
    border-radius: 10px;
    transition: 0.2s;
}
.zs-specjalista-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 25px 0 rgba(255, 255, 255, 0.3) !important;
}
.zs-specjalista-thumb-box {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    margin-bottom: 15px;
    overflow: hidden !important;
}
img.zs-specjalista-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    overflow: hidden !important;
}
.zs-specjalista-title {
    font-size: 18px;
    line-height: 24px;
    font-family: Montserrat;
    color: #063445;
    font-weight: 600;
    text-align: right;
    margin-bottom: 4px !important;
}
.zs-specjalista-kategorie {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat;
    color: #6C757D;
    font-weight: 400;
}
@media (max-width: 1024px) {
    .zs-specjalisci-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .zs-specjalista-thumb-box {
        width: 70px !important;
        height: 70px !important;
    }
    .zs-specjalista-title {
        font-size: 18px;
    }
    .zs-specjalista-kategorie {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 767px) {
    .zs-specjalisci-grid {
        grid-template-columns: 1fr;
    }
}



/* obszary wsparcia */
.zs-obszary-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    transition: .2s;
}
.zs-obszar-item {
    background: #FFF;
    padding: 20px 30px;
    cursor: pointer;
    transition: .2s;
    border-left: 3px solid #0D5B78;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.zs-obszar-item *{
    cursor: pointer !important;
}
.zs-obszar-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.zs-obszar-item.ukryty {
    display: none;
}
.zs-obszar-item-title{
    font-size: 20px;
    line-height: 30px;
    font-family: Montserrat;
    color: #063445;
    font-weight: 600;
    margin-bottom: 10px !important;
}
.zs-obszar-item p,
.zs-obszar-opis {
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat;
    color: #6C757D;
    font-weight: 400;
}
.zs-obszar-opis {
    display: none;
    margin-top: 20px;
    color: #063445;
}
.zs-obszar-buttons {
    display: none;
    justify-content: center;
    margin-top: 20px;
    gap: 15px;
    flex-wrap: wrap;
}
.zs-obszar-buttons a,
.zs-obszar-buttons button {
    margin: 0;
    flex: none !important;
}

/* Tryb aktywnego obszaru */
.zs-obszar-item.aktywny {
    grid-column: 1 / -1;
}
.zs-obszar-item.aktywny .zs-obszar-opis,
.zs-obszar-item.aktywny .zs-obszar-buttons {
    display: flex;
}
.zs-obszar-item.aktywny .zs-obszar-excerpt {
    display: none;
}
/* przycisk powrotu */
.zs-powrot {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1em;
    margin: 30px auto 0;
    border: none !important;
    background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%)  !important;
    padding: 14px 30px;
}
.zs-powrot:hover {
    color: #FFF !important;
}
.zs-powrot svg path {
    stroke: currentColor;
}
.zs-obszar-item {
    position: relative; /* konieczne dla pozycjonowania ikony */
}
/* ikona */
.zs-obszar-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    pointer-events: none;
    opacity: 0.6;
    transition: opacity .2s;
    fill: #ffac34;
}
.zs-obszar-icon svg {
    width: 24px;
    height: 24px;
    stroke: #ffac34;
}
.zs-obszar-item:hover .zs-obszar-icon {
    opacity: 1;
}

/* Przycisk pokaż więcej */
.zs-pokaz-wiecej {
    padding: 12px 40px;
    cursor: pointer;
    display: block;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    line-height: 1em;
    font-weight: 600;
    font-style: normal;
    margin: 20px auto 0;
    box-shadow: 0px 4px 10px 1px rgba(102, 102, 102, 0.3);
    color: #FFF;
    background-color: #0D5B78;
    border: 2px solid #0D5B78;
    border-radius: 100px;
    transition: 200ms;
}
.zs-pokaz-wiecej:hover {
    color: #0D5B78;
    background-color: #FFF;
    transform: translateY(-3px);
}


@media (max-width: 1024px) {
    .zs-obszary-grid {
        grid-template-columns: 1fr !important;
    }
    .zs-obszar-item-title{
        font-size: 18px;
        line-height: 24px;
    }
    .zs-obszar-item p,
    .zs-obszar-opis {
        font-size: 14px;
        line-height: 20px;
    }
    .zs-obszar-buttons {
        flex-direction: column;
    }
    .zs-powrot {
        font-size: 13px;
        padding: 14px 30px;
    }
    .zs-pokaz-wiecej {
        font-size: 13px;
        padding: 14px 30px;
    }
}
@media (max-width: 767px) {
    .zs-pokaz-wiecej {
        padding: 14px 20px;
    }
}




/* usługi */
.zs-usluga-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}
.zs-usluga-buttons .zs-btn{
    flex: none;
    padding: 12px 20px!important;
}
.zs-uslugi-lista {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.zs-usluga-title{
    text-align: start;
}
.zs-usluga-item{
    border-color: #ffac34;
}
.zs-usluga-excerpt{
    flex-grow: 1 !important;
}
@media (max-width: 1024px) {
    .zs-uslugi-lista {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .zs-uslugi-lista {
        grid-template-columns: 1fr;
    }
}


/* LISTA SPECJALISTÓW */
/* Filtry */
.zs-filtry-specjalistow {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.zs-filtr-custom {
    position: relative;
    width: 300px;
    height: 100%;
}

/* Filtry z ikoną */
.zs-filtr-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    background: #fff;
    border: 2px solid #6C757D;
    color: #6C757D;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    transition: border-color 0.2s ease;
    overflow: hidden;

    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-align: start;
}
.zs-filtr-btn:focus,
.zs-filtr-btn:active,
.zs-filtr-btn:hover {
    border-color: #0D5B78;
    background-color: #FFF;
    color: #0D5B78;
}
.zs-filtr-btn svg{
    transform: rotate(-90deg);
}
.zs-filtr-arrow{
    display: flex;
    justify-content: center;
    align-items: center;
}
/* lista rozwijana */
.zs-filtr-lista {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #0D5B78;
    border-radius: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    max-height: 250px;
    overflow-y: auto;
    z-index: 20;

    scrollbar-width: thin;
    scrollbar-color: #0D5B78 #f0f8ff;
}
.zs-filtr-lista::-webkit-scrollbar {
    width: 6px;
}
.zs-filtr-lista::-webkit-scrollbar-track {
    background: #f0f8ff;
    border-radius: 10px;
}
.zs-filtr-lista::-webkit-scrollbar-thumb {
    background-color: #0D5B78;
    border-radius: 8px;
}
.zs-filtr-lista li {
    padding: 10px 15px;
    cursor: pointer;
    color: #0D5B78;
}
.zs-filtr-lista li:hover {
    background: #f0f0f0;
}
.zs-filtr-custom.active .zs-filtr-lista {
    display: block;
}

/* Lista specjalistów */
.zs-lista-specjalistow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.zs-item-specjalisty {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-color: #ffac34;
}
.zs-item-top {
    display: flex;
    align-items: center;
    gap: 20px;
}
.zs-item-img{
    flex: 1 0 100px;
    height: 100px;
    border-radius: 50% !important;
    overflow: hidden !important;
}
.zs-item-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.zs-item-info{
    display: flex;
    flex-direction: column;
    gap: 10px;
}



/* ocenia, opinie */
.zs-item-ocena {
    display: flex;
    align-items: center;
    gap: 6px;
}
.zs-star {
    position: relative;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    --fill: 0%;
}
.zs-star svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.zs-star-bg polygon {
    fill: none;
    stroke: #ddd;
    stroke-width: 2;
}
.zs-star-gold {
  clip-path: inset(0 calc(100% - var(--fill)) 0 0);
}
.zs-star-gold polygon {
    fill: #FFD700;
    stroke: #FFD700;
    stroke-width: 2;
}
.zs-ocena-wartosc {
    font-weight: 600;
    color:#ffac34;
    font-size: 14px;
    line-height: 20px;
    font-family: Poppins;
}
.zs-opinie-liczba {
    color: #6c757d;
    font-size: 14px;
    line-height: 20px;
    font-family: Poppins;
}



/* przyciski */
.zs-item-bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.zs-item-bottom .zs-btn{
    flex: none;
    padding: 12px 20px!important;
}
.zs-brak-wynikow {
    font-size: 20px;
    line-height: 30px;
    font-family: Montserrat;
    text-align: center;
    font-weight: 600;
    margin-top: 20px;
    color: #063445;
}
.zs-loading {
    text-align: center;
    padding: 20px;
}

/* Responsywność */
@media (max-width: 1024px) {
    .zs-filtry-specjalistow{
        gap: 20px;
    }
    .zs-lista-specjalistow {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .zs-filtr-custom {
        width: 100%;
    }
    .zs-item-info{
        gap: 6px;
    }
    .zs-item-img{
        flex: 1 0 70px;
        height: 70px;
        border-radius: 50% !important;
        overflow: hidden !important;
    }
}
@media (max-width: 767px) {
    .zs-lista-specjalistow {
        grid-template-columns: 1fr;
    }
}
/* home pytania rozwijana lista */
.home-akordeon .e-n-accordion-item.hidden-question {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}
.home-pytania *{
    cursor: pointer !important;
}
/* Po pokazaniu */
.home-akordeon .e-n-accordion-item.hidden-question.show {
  max-height: 5000px;
  opacity: 1;
}





/* formularz 1 */
.zs-kontakt-form{

}
.zs-kontakt-form textarea,
.zs-kontakt-form .forminator-field input{
    font-family: "Montserrat", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    border: 1ps solid #78B2BF !important;
    border-radius: 10px !important;
    resize: none !important;
}
.zs-kontakt-form textarea::placeholder,
.zs-kontakt-form .forminator-field input::placeholder{
    color: #6C757D !important;
}
.zs-kontakt-form textarea:focus,
.zs-kontakt-form .forminator-field input:focus{
    color: #000 !important;
    outline: none !important;
}
.zs-kontakt-form .forminator-field-textarea .forminator-description{
    display: none !important;
}
.zs-kontakt-form .forminator-row-last .forminator-field{
    display: flex !important;
    justify-content: center !important;
}
.zs-kontakt-form .forminator-row-last .forminator-field button{
    font-family: "Montserrat", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-radius: 100px !important;
    padding: 12px 20px !important;
    box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.2) !important;
}
@media (max-width:782px){
    .zs-kontakt-form .forminator-row-last .forminator-field button{
        width: auto !important;
        font-size: 13px !important;
    }
    .zs-kontakt-form textarea,
    .zs-kontakt-form .forminator-field input{
        font-size: 14px !important;
    }
}



/* USŁUGI - SINGLE */
/* opinie usługi */
.zs-usluga-karuzle .zs-opinia-inner::before{
    display: none !important;
    content: "";
}
.review-stars{
    color: #ffac34;
    margin-bottom: 10px;
}

/* usługi pytania */
.zs-akordeon {
    max-width: 100%;
    margin: 0 auto;
    font-family: Montserrat;
}
.zs-akordeon-header {
    width: 100%;
    min-width: 100% !important;
    background: #FFF;
    border: none;
    border-left: 3px solid #ffac34;
    border-radius: 10px;
    outline: none;
    text-align: left;
    padding: 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500 !important;
    color: #0D5B78;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition:  200ms;
    gap: 20px;
}
.zs-akordeon-item.active .zs-akordeon-header,
.zs-akordeon-header:hover {
    color: #063445;
}
.zs-akordeon-icon svg {
    width: 15px;
    height: 15px;
    transition: transform 200ms ease;
    fill: #0D5B78;
}
.zs-akordeon-header:hover .zs-akordeon-icon svg{
    fill: #063445;
}
.zs-akordeon-item.active .zs-akordeon-icon svg {
    transform: rotate(0deg);
    fill: #063445;
}
.zs-akordeon-body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 200ms ease;  
    margin-top: 16px;
}
.zs-akordeon-content {
    overflow: hidden;
    background: #fff;
    padding: 10px 13px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400 !important;
    font-family: Poppins, sans-serif !important;
    color: #6C757D;
    margin-bottom: 16px;
}
.zs-uslugi-pytania-kontener.ukryty {
    display: none !important;
}
@media (max-width:1024px){
    .zs-akordeon-header {
        font-size: 16px;
        line-height: 24px;
    }
    .zs-akordeon-content {
        font-size: 14px;
        line-height: 20px;
    }
}

/* usługi specjalści */
.zs-usluga-specjalisci{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    column-gap: 3.5%;
    row-gap: 30px;
}
.zs-usluga-specjalisci .zs-specjalista-item{
    width: 31% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-left: 3px solid #ffac34;
}
.zs-specjalista-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1) !important;
}
.zs-usluga-specjalisci .zs-specjalista-thumb{
    width: 130px !important;
    height: 130px !important;
}
.zs-specjalista-nazwa{
    font-size: 22px !important;
}
.zs-usluga-specjalisci .zs-specjalista-kategorie{
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    font-family: Poppins, sans-serif !important;
    color: #0077b6;
    text-align: center;
}
.zs-specjalista-excerpt{
    color: rgb(108, 117, 125);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-family: Poppins, sans-serif !important;
}
@media (max-width:1024px){
    .zs-usluga-specjalisci{
        justify-content: center;
        column-gap: 4%;
        row-gap: 30px;
    }
    .zs-usluga-specjalisci .zs-specjalista-item{
        width: 48% !important;
    }
    .zs-specjalista-nazwa{
        font-size: 20px !important;
    }
    .zs-usluga-specjalisci .zs-specjalista-kategorie{
        font-size: 16px !important;
        line-height: 24px !important;
    }
}
@media (max-width:767px){
    .zs-usluga-specjalisci{
        flex-direction: column;
        align-items: center;
        row-gap: 30px;
    }
    .zs-usluga-specjalisci .zs-specjalista-item{
        width: 100% !important;
    }
    .zs-usluga-specjalisci .zs-specjalista-thumb{
        width: 100px !important;
        height: 100px !important;
    }
}
/* przebieg terapii - single usługa */
.zs-przebieg-terapii-grid {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    column-gap: 3.5%;
    row-gap: 30px;
}

.zs-przebieg-item {
    width: 31% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: start !important;
    align-items: center !important;
    text-align: start;
    background-color: #fff;
    gap: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    padding: 20px 30px;
    border-radius: 10px;
    position: relative;
    transition: 200ms;
}
.zs-przebieg-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1) !important;
}
.zs-przebieg-liczba {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background: #0077b6;
    font-family: Montserrat;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    left: -20px;
}
.zs-przebieg-naglowek {
    color: #063445 !important;
    align-self: flex-start;
}
.zs-przebieg-opis {
    font-family: Poppins, sans-serif !important;
}
@media (max-width:1024px){
    .zs-przebieg-terapii-grid {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .zs-przebieg-item {
        width: 50% !important;
    }
}
@media (max-width:767px){
    .zs-przebieg-item {
        width: 100% !important;
    }
    .zs-przebieg-liczba {
        top: -20px;
        left: -5px;
    }
}
/* sygnały ostrzegawcze */
.sygnaly-zobacz *{
    cursor: pointer !important;
}

.zs-sygnaly-ostrzegawcze {
    display: flex;
    flex-direction: column;
    gap: 20px !important;
}
.zs-sygnal-item {
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px;
    transition: 200ms;
    border-left: 3px solid #ffac34;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.zs-sygnal-item:hover{
    transform: translateX(3px);
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1) !important;
}
.zs-sygnal-inside {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
}
/* ikona */
.zs-sygnal-ikona img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
/* tresc z lewej */
.zs-sygnaly-tresc{
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-basis: 80%;
}
.zs-sygnal-tekst{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.zs-sygnal-item.open .zs-sygnaly-tresc{
    flex-basis: 20% !important;
}
.zs-sygnal-opis-krotki {
    font-size: 16px;
    line-height: 24px;
    color: #0D5B78;
    font-family: Poppins;
    margin-top: 10px;
}
/* tresc pokazujaca się */
.zs-sygnal-bottom-pc {
    display: none;
}
.zs-sygnal-item.open .zs-sygnal-bottom-pc {
    flex-basis: 70%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.zs-sygnal-opis-dlugi{
    margin-bottom: 30px;
}
/* strzałka aktywnosci */
.zs-sygnal-toggle {
    flex-shrink: 0 !important;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 50%;
    overflow: hidden;
    min-width: 32px;
    min-height: 32px;
    background-color: #0077b6;
    color: #fff;
    font-size: 35px !important;
}
.zs-sygnal-toggle:focus,
.zs-sygnal-toggle:active,
.zs-sygnal-toggle:hover{
    border: none !important;
    background-color: #0077b6;
}
.zs-sygnal-toggle svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
    transition: 200ms;
    font-size: 35px !important;
    transform: rotate(-90deg);
}
.zs-sygnal-item.open .zs-sygnal-toggle svg {
    transform: rotate(90deg);
}
.zs-sygnal-buttons{
    display: flex;
    gap: 20px;
}
.zs-sygnal-buttons .zs-btn.zs-btn-primary{
    background-color: #0077b6;
    border-color: #0077b6;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zs-sygnal-buttons .zs-btn.zs-btn-primary:hover{
    background-color: #fff;
    border-color: #0077b6;
    color: #0077b6;
}
.zs-sygnal-buttons .zs-btn.zs-btn-secondary{
    border-color: #0077b6;
    color: #0077b6;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zs-sygnal-buttons .zs-btn.zs-btn-secondary:hover{
    border-color: #0077b6;
    background-color: #0077b6;
    color: #fff;
}
.zs-sygnal-bottom-mobile {
    display: none;
}
@media (max-width:1024px){
    .zs-sygnal-item.open .zs-sygnaly-tresc{
        flex-basis: 90% !important;
    }
    .zs-sygnal-opis-krotki {
        font-size: 14px;
        line-height: 20px;
    }
    .zs-sygnal-bottom-pc{
        opacity: 0 !important;
        display: none !important;
    }
    .zs-sygnal-item.open .zs-sygnal-bottom-mobile {
        margin-top: 30px;
        flex-basis: 70%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .zs-sygnal-item:hover{
        transform: translateX(0px);
    }
}
@media (max-width:767px){
    .zs-sygnal-buttons{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        column-gap: 4%;
    }
}



/* usługa single problemy lista*/
.zs-problemy-lista {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 4%;
    row-gap: 20px  ;
}
.zs-problem-item {
    width: 48%;
    background: linear-gradient(135deg, #f0f8ff 0%, #e6f3f7 100%);
    border-radius: 10px;
    border-left: 3px solid #0077b6;
    padding: 20px 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
    display: flex;
    flex-direction: row;
    gap: 20px;
    transition: 200ms;
}
.zs-problem-item:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1) !important;
}
.zs-problem-ikona-col {
    flex: 0 0 40px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.zs-problem-ikona {
    width: 32px;
    height: 32px;
    object-fit: contain;
}
.zs-problem-tekst-col {
    flex: 1;
}
.zs-problem-nazwa {
    margin-bottom: 10px !important;
}
@media (max-width:767px){
    .zs-problemy-lista {
        gap: 20px;
    }
    .zs-problem-item {
        width: 100%;
        justify-content: start;
        padding: 20px;
    }
    .zs-problem-item:hover{
        transform: translateY(0px);
    }
}


/* SINGLE SPECJALISTA */
.zs-specjalista-telefon{
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
.zs-specjalista-telefon:hover{
    color: #78B2BF;
}
@media (max-width:1024px){
    .zs-specjalista-telefon{
        font-size: 16px;
        line-height: 24px;
    }
}
/* obszary wsparcia */
.zs-obszary-specjalisty {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.zs-spec-obszar-item{
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    border-left: 3px solid #0077b6;
    transition: 200ms;
}
.zs-spec-obszar-item.flagowy {
    background: linear-gradient(135deg, #fff 0%, #ffd498 100%);
    border-left: 3px solid #ffac34;
}
.zs-spec-obszar-item:hover{
    transform: translateX(3px);
}
.zs-obszar-inner{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.zs-obszar-title {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
}
.zs-obszar-title .zs-star {
    display: block;
    color: #ffac34;
    font-size: 24px;
    line-height: 1;
    width: 24px;
    height: 24px !important;
}
.zs-obszar-title .zs-star img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* lista specjalizacji */
.zs-specjalizacje-lista {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(4% / 3); 
    row-gap: 20px;
}
.zs-specjalizacja-item {
    background: linear-gradient(135deg, #f0f8ff 0%, #e6f3f7 100%);
    width: 24%;
    border-radius: 10px;
    padding: 20px;
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #063445;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    transition: 200ms;
    cursor: default !important;
}
.zs-specjalizacja-item.wyroznione {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c8 100%);
}
.zs-specjalizacja-item:hover{
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}
@media (max-width:1024px){
    .zs-specjalizacje-lista {
        column-gap: 2%; 
        row-gap: 10px;
    }
    .zs-specjalizacja-item {
        width: 49%;
        font-size: 16px;
    }
}
@media (max-width:767px){
    .zs-specjalizacje-lista {
        flex-direction: column; 
        row-gap: 10px;
    }
    .zs-specjalizacja-item {
        width: 100%;
    }
}
/* lista wykształcenia specjalisty */
.zs-wyksztalcenie-lista {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(4% / 3); 
    row-gap: 20px;
}
.zs-wyksztalcenie-item {
    background: linear-gradient(135deg, #f0f8ff 0%, #e6f3f7 100%);
    width: 24%;
    border-radius: 10px;
    padding: 20px;
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #063445;
    transition: 200ms;
    cursor: default !important;
    border-left: 3px solid #ffac34;
}
.zs-wyksztalcenie-item:hover{
    transform: translateY(-3px);
}
@media (max-width:1024px){
    .zs-wyksztalcenie-lista {
        column-gap: 2%; 
        row-gap: 10px;
    }
    .zs-wyksztalcenie-item {
        width: 49%;
        font-size: 16px;
    }
}
@media (max-width:767px){
    .zs-wyksztalcenie-lista {
        flex-direction: column; 
        row-gap: 10px;
    }
    .zs-wyksztalcenie-item {
        width: 100%;
    }
}
/* lista opinii u specjalisty */
.zs-opinie-spec-kontener .elementor-shortcode{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.zs-opinie-specjalisty {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.zs-opinia-spec-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: linear-gradient(135deg, #f0f8ff 0%, #e6f3f7 100%);
    border-radius: 10px;
    padding: 20px;
    border-left: 3px solid #ffac34;
    transition: 200ms;
}
.zs-opinia-spec-item:hover{
    transform: translateX(3px);
}
.zs-opinia-spec-item .zs-opinia-tresc{
    margin: 0 !important;
}
.zs-opinia-spec-item .zs-opinia-autor{
    text-align: left;
}
.zs-opinie-more {
    display: block;
    align-self: center !important;
    margin-top: 15px;
    border: none;
    color: #fff;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-decoration: underline !important;
    cursor: pointer;
    transition: 200ms;
}
.zs-opinie-more:hover {
    transform: translateY(-3px);
    background: transparent;
}
@media (max-width:1024px){
    .zs-opinie-more {
        font-size: 18px;
        line-height: 24px;
    }
}
/* pecjalista materiały - lista */
.zs-specjalista-materialy {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.zs-specjalista-material {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    background-image: linear-gradient(135deg, #F0F8FF 0%, #E6F3F7 100%);
    border-left: 3px solid #0077b6;
    border-radius: 10px;
    transition: 200ms;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}
.zs-specjalista-material:hover{
    transform: translateX(3px);
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
}
.zs-specjalista-material *{
    cursor: pointer !important;
}
.zs-specjalista-material-top {
    display: flex;
    align-items: center;
    gap: 10px;
}
.zs-specjalista-material-ikona {
    width: 24px;
    height: 24px;
}
.zs-specjalista-material-ikona img{
    width: 100%;
    height: 100%;
    object-fit: contain !important;
}
.zs-specjalista-materialy-brak {
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #0D5B78;
}
@media (max-width:767px){
    .zs-specjalista-material-top {
        align-items: start;
    }
    .zs-specjalista-material-top .zs-item-title{
        font-size: 18px;
        line-height: 24px;
    }
    .zs-specjalista-material .zs-item-opis{
        font-size: 13px;
        line-height: 20px;
    }
    .zs-specjalista-material-ikona {
        padding-top: 4px;
    }
}





/* strona Opinie */
.zs-opinie-uslugi-wrap,
.zs-opinie-global-wrap{
    display: flex;
    flex-direction: column;
}
.zs-opinie-opinie .zs-filtr-custom {
    position: relative;
    display: inline-block;
    margin-bottom: 50px;
}
.zs-opinie-opinie .zs-opinie-uslugi,
.zs-opinie-opinie .zs-opinie-global{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.zs-opinie-opinie .zs-filtr-custom.open .zs-filtr-lista {
    display: block;
}
.zs-opinie-opinie .zs-opinie-uslugi p{
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #0D5B78;
}
.zs-opinie-opinie .zs-opinia-tresc{
    color: #0D5B78;
    font-weight: 500;
}
.zs-opinie-opinie .zs-opinia-autor{
    color: #063445;
}

.zs-opinie-opinie .zs-opinie-uslugi .zs-opinia-uslugi-item:nth-child(even),
.zs-opinie-opinie .zs-opinie-global .zs-opinia-global-item:nth-child(even) {
    background: linear-gradient(135deg, #f0f8ff 0%, #d4ebf0 100%);
    border-left-color: #0077b6;
}
.zs-opinie-opinie .zs-opinie-uslugi .zs-opinia-uslugi-item:nth-child(odd),
.zs-opinie-opinie .zs-opinie-global .zs-opinia-global-item:nth-child(odd) {
    background: linear-gradient(135deg, #f0f8ff 0%, #fdecd5 100%);
}
.zs-opinie-opinie .zs-opinie-uslugi .zs-opinia-uslugi-item,
.zs-opinie-opinie .zs-opinie-global .zs-opinia-global-item{
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.zs-opinie-opinie .zs-opinie-uslugi .zs-opinia-uslugi-item:hover,
.zs-opinie-opinie .zs-opinie-global .zs-opinia-global-item:hover{
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1) !important;
}
.zs-opinie-uslugi-more,
.zs-opinie-global-more{
    margin-top: 30px;
    align-self: center;
}

.zs-opinie-global-more:hover{
    background-color: #FFF;
    color: #0D5B78;
}
.zs-opinie-global-more:hover{
    background-color: #FFF;
    color: #0D5B78;
}
@media (max-width:1024px){
    .zs-opinie-opinie .zs-opinie-uslugi p{
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
}



/* DOJAZD */
@media (max-width:1024px){
    .dojazd-form{
        background-color: #063445;
    }
}

/* WIEDZA */
.zs-lista-tagow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.zs-lista-tagow .zs-tag {
    display: inline-block;
    color: #063445;
    background-color: #F0F8FF;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    cursor: pointer;
    font-family: "Montserrat", Sans-serif;
    font-style: normal;
    border-radius: 100px;
    text-decoration: none;
    transition: 200ms;
    text-align: center;
    box-shadow: 0px 4px 10px 1px rgba(102, 102, 102, 0.1) !important;
}

.zs-lista-tagow .zs-tag:hover {
    background: #E6F3F7;
    box-shadow: 0px 4px 10px 1px rgba(102, 102, 102, 0.2) !important;
    transform: translateY(-3px);
}
/* opis tagu */
.zs-opis-tagu {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    font-family: "Montserrat", Sans-serif;
}
@media (max-width:1024px){
    .zs-lista-tagow {
        gap: 10px;
        justify-content: center;
    }
    .zs-lista-tagow .zs-tag{
        padding: 10px 16px;
        font-size: 12px;
    }
    .zs-opis-tagu {
        font-size: 18px;
        line-height: 24px;
    }
}




/* item materiały edukacyjne */
.zs-lista-materialow {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hidden-material {
    display: none;
}
.zs-material {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 4px 10px 1px rgba(102, 102, 102, 0.1) !important;
    transition: 200ms;
    border-left: 3px solid #4a90a4;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.zs-material.zs-historie{
    border-color: #27ae60;
}
.zs-material:hover {
    box-shadow: 0px 4px 10px 1px rgba(102, 102, 102, 0.2) !important;
    transform: translateY(-3px);
}
.zs-top-blog {
    display: flex;
    align-items: center;
    gap: 20px;
}
.zs-ikona-blog{
    background: linear-gradient(135deg, #e8f4f6 0%, #d4e9ed 100%);
    border-radius: 10px;
    width: 50px;
    height: 50px;
    padding: 8px;
}
.zs-ikona-blog.zs-kona-historie{
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c8 100%);
}
.zs-ikona-blog img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.zs-tekst-blog {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 6px;
}
.zs-kategoria-blog {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: "Montserrat", Sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: #4a90a4;
    padding: 4px 10px;
    border-radius: 6px;
}
.zs-kategoria-blog.zs-kategoria-historie{
    background: #27ae60;
}
.zs-tytul-blog a {
    color: #063445;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    font-family: "Montserrat", Sans-serif;
    text-decoration: none;
}
.zs-tytul-blog a:hover {
    color: #0D5B78;
}
.zs-meta-blog {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #6C757D;
    text-decoration: none;
}
.zs-excerpt-blog {
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #063445;
}
.zs-przyciski-wiedza {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: center;
    gap: 10px;
}
.zs-przyciski-wiedza div,
.zs-przyciski-wiedza a {
    display: block;
    flex: none;
}
.zs-przyciski-wiedza .zs-btn-primary{
    background-color: #063445;
    border-color: #063445;
}
.zs-przyciski-wiedza .zs-btn-primary:hover{
    color: #063445;
}
.zs-przyciski-wiedza .zs-btn-secondary{
    background-color: #4a90a4;
    border-color: #4a90a4;
    color: #FFF;
}
.zs-przyciski-wiedza .zs-btn-secondary:hover{
    color: #4a90a4;
    background-color: #FFF;
}
.zs-przyciski-wiedza .zs-btn-secondary.zs-btn-historie{
    background-color: #27ae60;;
    border-color: #27ae60;
    color: #FFF;
}
.zs-przyciski-wiedza .zs-btn-secondary.zs-btn-historie:hover{
    color: #27ae60;
    background-color: #FFF;
}
@media (max-width:1024px){
    .zs-ikona-blog{
        width: 44px;
        height: 44px;
    }
    .zs-tytul-blog a {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
    }
    .zs-meta-blog {
        font-size: 13px;
        line-height: 18px;
    }
    .zs-excerpt-blog {
        font-size: 14px;
        line-height: 20px;
    }
    .zs-przyciski-wiedza {
        flex-wrap: wrap;
    }
}
@media (max-width:767px){
    .zs-przyciski-wiedza {
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }
    .zs-top-blog{
        align-self: center;
        flex-direction: column;
    }
    .zs-tekst-blog{
        align-items: center;
    }
    .zs-tytul-blog,
    .zs-tytul-blog a{
        text-align: center !important;
    }
}


/* WYSZUKIWARKA - live search na blog */
.zs-wyszukiwarka-blog {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}
.zs-form-wyszukiwania {
    display: flex;
    gap: 10px;
}
#zs-search-input {
    flex: 1;
    padding: 10px 15px;
    background: #fff;
    border: 2px solid #6C757D;
    color: #6C757D;
    border-radius: 10px;
    font-size: 16px;
    transition: 200ms;
    overflow: hidden;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-align: start;
}
#zs-search-input:focus{
    color: #000;
}
.zs-btn-szukaj {
    flex: none !important;
    color: #fff !important;
    background-color: #4a90a4 !important;
    font-family: "Montserrat", Sans-serif !important;
    padding: 14px 40px !important;
    font-size: 14px !important;
    line-height: 1em !important;
    font-weight: 600 !important;
    font-style: normal !important;
    border-radius: 100px !important;
    border: none !important;
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1) !important;
}
.zs-btn-szukaj:hover {
    background: #2c5282;
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.3) !important;
}
.zs-search-suggestions {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #0D5B78;
    border-radius: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    max-height: 250px;
    overflow-y: auto;
    z-index: 20;
    scrollbar-width: thin;
    scrollbar-color: #0D5B78 #f0f8ff;
}
.zs-search-suggestions::-webkit-scrollbar {
    width: 6px;
}
.zs-search-suggestions::-webkit-scrollbar-track {
    background: #f0f8ff;
    border-radius: 10px;
}
.zs-search-suggestions::-webkit-scrollbar-thumb {
    background-color: #0D5B78;
    border-radius: 8px;
}
.zs-search-suggestions li {
    padding: 10px 15px;
    cursor: pointer;
    color: #0D5B78;
}
.zs-search-suggestions li:hover {
    background: #f0f0f0;
}
.zs-filtr-custom.active .zs-search-suggestions {
    display: block;
}
@media (max-width:1024px){
    .zs-form-wyszukiwania {
        flex-direction: column;
        justify-content: center !important;
        align-items: center;
    }
}



/* ZAKŁADKA SEARCH RESULTS */
.zs-wyszukiwane-haslo{
    font-family: "Montserrat", Sans-serif;
    font-size: 60px;
    font-weight: 600;
    line-height: 70px;
    color: #fff;
}
.zs-wyniki-wyszukiwania{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.zs-wynik{
    background: linear-gradient(135deg, #fff 0%, #ffd49825 100%);
    border-left: 3px solid #ffac34;
}
.zs-wynik:hover{
    transform: translateX(3px);
}
.zs-wynik .zs-kategoria-blog{
    background: #ffac34;
}
.zs-wyniki-wyszukiwania h2{
    font-family: "Montserrat", Sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    color: #0D5B78;
    margin-bottom: 10px;
}
.zs-wyniki-wyszukiwania p{
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #0D5B78;
}
@media (max-width:1024px){
    .zs-wyszukiwane-haslo{
        font-size: 35px;
        line-height: 40px;
    }
    .zs-wyniki-wyszukiwania h2{
        font-size: 24px;
        line-height: 30px;
    }
}

/* WPIS - ARTYKUŁ */
/* baner - wpis */
.zs-wpis-tagi {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.zs-wpis-tag {
    display: inline-block;
    background: #fff;
    color: #063445;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: "Montserrat", Sans-serif;
    padding: 4px 10px;
    border-radius: 6px;
    text-decoration: none;
    transition: 200ms;
    box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1) !important;
}
.zs-wpis-tag:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}
/* specjalista */
.zs-wpis-baner-specjalista {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.zs-specjalista-kolumna-img{
    border-radius: 50%;
    overflow: hidden !important;
    width: 80px;
    height: 80px;
}
.zs-specjalista-kolumna-img img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}
.zs-specjalista-kolumna-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.zs-baner-specjalista-nazwa {
    font-size: 16px;
    line-height: 24px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 600;
    color: #063445;
}
.zs-baner-specjalista-opis {
    font-size: 13px;
    line-height: 20px;
    font-family: "Poppins", Sans-serif;
    font-weight: 400;
    color: #6C757D;
}
.zs-baner-specjalista-link {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #0077b6;
}
.zs-baner-specjalista-link:hover{
    color: #0D5B78;
}
@media (max-width:1024px){
    .zs-wpis-baner-specjalista {
        gap: 10px;
    }
    .zs-specjalista-kolumna-img{
        width: 60px;
        height: 60px;
    }
    .zs-baner-specjalista-nazwa {
        font-size: 14px;
        line-height: 20px;
    }
    .zs-baner-specjalista-opis {
        font-size: 12px;
        line-height: 18px;
    }
    .zs-baner-specjalista-link {
        font-size: 13px;
        line-height: 20px;
    }
}
@media (max-width:767px){
    .zs-wpis-tagi {
        display: flex;
        justify-content: center;
    }
    .zs-wpis-tag {
        font-size: 12px;
        line-height: 18px;
    }
}
/* alternatywny tekst dla wideo */
.zs-wideo-akordeon p{
    margin-bottom: 10px !important;
}
.zs-wpis-wideo-tresc h2,
.zs-wpis-wideo-tresc h3,
.zs-wpis-wideo-tresc h4,
.zs-wpis-wideo-tresc h5,
.zs-wpis-wideo-tresc h6,
.zs-wpis-wideo-tresc p{
    margin-bottom: 10px !important;
}
.zs-wpis-wideo-tresc em{
    font-style: italic !important;
}
.zs-wpis-wideo-tresc ul{
    padding-left: 20px !important;
}
/* treść */
@media (max-width:767px){
    .zs-wpis-wideo-tresc{
        background-color: transparent !important;
    }
    .zs-wpis-artykul-kontener{
        background-color: #FFF !important;
        background-image: none !important;
    }
}
/* podsumowanie */
.zs-wpis-podsumowanie li::marker{
    content: "✓";
    position: absolute;
    left: 0px;
    color: #27ae60;
    font-weight: 600;
    font-size: 20px;
}
.zs-wpis-podsumowanie li{
    padding-bottom: 10px;
    padding-left: 10px;
}
/* button specjalisty */
.zs-odnosnik-autor {
    display: inline-block;
    font-weight: 500;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    background-color: #27ae60;
    color: #fff;
    text-decoration: none;
    padding: 14px 40px;
    transition: 200ms;
    border-radius: 100px;
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1) !important;
}
.zs-odnosnik-autor:hover {
    background-color: #0D5B78;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.3) !important;
}
@media (max-width:1024px){
    .zs-odnosnik-autor {
        font-size: 18px;
        line-height: 22px;
    }
}
/* lista innych wpisów */
.zs-wpis-container {
    display: flex;
    justify-content: center;
    column-gap: 2%;
    row-gap: 20px;
    flex-wrap: wrap;
}
.zs-wpis-item {
    width: 32%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1) !important;
    transition: 200ms;
    padding: 20px;
    border-left: 3px solid #0077b6;
}
.zs-wpis-item:hover {
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-3px);
}
.zs-wpis-ikona{
    width: 100%;
    height: 140px;
    background: linear-gradient(135deg, #e8f4f6 0%, #d4e9ed 100%);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zs-wpis-ikona img {
    width: 45px;
    height: 45px;
    object-fit: contain !important;
}
.zs-wpis-kategoria {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: "Montserrat", Sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
}
.zs-wpis-tytul a {
    color: #063445;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    font-family: "Montserrat", Sans-serif;
    text-decoration: none;
}
.zs-wpis-tytul a:hover {
    color: #0D5B78;
}
.zs-wpis-excerpt {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    flex-grow: 1;
}
.zs-wpis-cta {
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #0077b6;
}
.zs-wpis-cta:hover{
    color: #0D5B78;
}
@media (max-width:1024px){
    .zs-wpis-ikona{
        width: 100%;
        height: 100px;
    }
    .zs-wpis-ikona img {
        width: 34px;
        height: 34px;
    }
    .zs-wpis-tytul a {
        font-size: 16px;
        line-height: 20px;
    }
    .zs-wpis-excerpt {
        font-size: 13px;
    }
    .zs-wpis-cta {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width:767px){
    .zs-wpis-item {
        width: 100%;
    }
    .zs-wpis-container {
        flex-direction: column;
        justify-content: start;
    }
}
/* formularz */
.zs-wpis-form .forminator-checkbox__label p{
    font-family: "Montserrat", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #fff !important;
}
.zs-wpis-form .forminator-checkbox__label a{
    color: #fff !important;
}
.zs-wpis-form .forminator-checkbox__label a:hover{
    color: #ffac34 !important;
}


/* POPUP - pod widżet */
/* .deep-popup-btn klasa otwierająca popup - dodajemy do buttonu */
.deep-popup-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}
.deep-popup-content {
	position: relative;
	background: #fff;
	padding: 40px;
	border-radius: 10px;
	max-width: 1152px;
	width: 90%;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
	animation: popupFadeIn 0.3s ease;
}
.deep-popup-inner {
	min-height: 400px; /* widoczny placeholder pod widżet */
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 18px;
	color: #0D5B78;
}
.deep-popup-close {
	position: absolute;
    padding: 6px !important;
	top: 4px;
	right: 4px;
	background: none;
	border: none;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
	color: #063445;
	transition: color 0.2s;
}
.deep-popup-close:active,
.deep-popup-close:hover {
	color: #000;
    background-color: transparent !important;
}
.deep-popup-btn{
    cursor: pointer !important;
}
@keyframes popupFadeIn {
	from {
		opacity: 0;
		transform: scale(0.95);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@media (max-width:1024px){
    .deep-popup-content {
        padding: 40px 20px;
    }
}