.info-section{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:2rem;
    margin:3rem auto;
    max-width:1200px;
    padding:0 2rem;
}

.info-card{
    background:white;
    border-radius:15px;
    padding:2rem;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.info-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.info-card img{
    width:90px;
    height:90px;
    object-fit:contain;
    margin-bottom:1rem;
}

.info-card h3{
    color:#0046b8;
    margin-bottom:1rem;
}

.info-card p{
    line-height:1.6;
}

.naglowek-podst_info{
    line-height:1.6;
    text-align: center;
}

.cele-container{
    display:flex;
    justify-content:center;
    margin:2rem 0 4rem;
}

.cele-image{
    width:100%;
    max-width:900px;
    height:auto;
    border-radius:15px;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.cele-naglowek{
    font-size:2rem;
    text-align:center;
    margin-bottom:2rem;
    color:#003b8e;
}

/* ===========================
   SEKCJA DOŚWIADCZENIE
=========================== */

.experience{
    display:flex;
    flex-direction:column;
    gap:3rem;
    margin:3rem auto;
    max-width:1400px;
    padding:0 5%;
}

.experience-item{
    display:flex;
    align-items:center;
    gap:3rem;
}

.experience-item.reverse{
    flex-direction:row-reverse;
}

.experience-image{
    flex:0 0 38%;
}

.experience-image img{
    width:100%;
    border-radius:15px;
    border: 2px solid #0f24da;
    display:block;
}

.experience-text{
    flex:1;
}

.experience-text p{
    margin:0;
    text-align:justify;
    line-height:1.8;
    font-size:1.05rem;
}

@media (max-width:900px){

    .experience-item,
    .experience-item.reverse{
        flex-direction:column;
    }

    .experience-image{
        width:100%;
    }

    .experience-image img{
        width:100%;
        max-width:500px;
        margin:auto;
    }

    .experience-text{
        width:100%;
    }

}

/* ===========================
   BANER KONTAKTOWY
=========================== */

.kontakt-banner{
    max-width:1400px;
    margin:4rem auto 2rem;
    padding:1.2rem 2rem;

    background:#fff4d6;
    border-left:6px solid #da8506;
    border-radius:12px;

    text-align:center;
}

.kontakt-banner p{
    margin:0;
    font-size:1.1rem;
    line-height:1.7;
}

.kontakt-banner a{
    color:#0f24da;
    font-weight:700;
    text-decoration:none;
}

.kontakt-banner a:hover{
    text-decoration:underline;
}

@media (max-width:768px){

    .kontakt-banner{
        padding:1rem;
        margin:3rem auto 2rem;
    }

    .kontakt-banner p{
        font-size:1rem;
    }
}