/* akapity ==> */
.paragraph{
    overflow: hidden;
    position: relative;
    margin-bottom: 3rem;
}

.paragraph.bg_1{
    background: var(--white);
}

.paragraph.bg_2{
    background: var(--gray);
}

.paragraph.bg_ {
    background: var(--main-color);
}

.paragraph .field--name-field-tresc p{
    color: var(--text-color);
    font-size: var(--text-sm);
    font-weight: var(--font-light);
    line-height: 1.75;
}

.paragraph .title{
    color: var(--heading-color);
    font-size: var(--text-7xl);
    font-weight: var(--font-semibold);
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
    width: 100%;
}

.paragraph > div > .subtitle{
    text-align: center;
    width: 100%;
    font-size: var(--text-sm);
    letter-spacing: .125rem;
    font-weight: var(--font-light);
    line-height: 1.5;
    color: var(--subheading-color);
}

/* .paragraph .link{
    text-align: center;
} */

.paragraph .link a{
    padding: .5rem 2rem;
    border: 1px solid;
    border-color: var(--second-color);
    background: var(--second-color);
    color: var(--white);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    transition: var(--transition-all);
    position: relative;
    margin-top: 1rem;
    margin-right: 2rem;
    border-radius: 4px;
}

.paragraph .link a:hover{
    background: var(--main-color);
    color: var(--second-color);
}

.paragraph *:not(span) {
    color: var(--white) !important;
}

.kolumny {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
/* <== akapity */