.directories h2,.directories h3,.directories h4, .directories p {
    margin:0;
}
.directories__header{
    display:flex;
    flex-direction: column;
    background: var(--white);
    padding:2rem 0;
    background: url(https://institutes.uek.krakow.pl/gap-igpsm/wp-content/uploads/sites/6/2024/10/kierunki.webp);
    background-size: cover;
    position: relative;
}

.directories__header:after {
    content: "";
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000019;
}

.directories__description{
    padding-bottom:1rem;
}

.directories__header__container{
    flex-direction: column;
    align-items:flex-end;
    z-index:1;
    padding-top:2rem;
    padding-bottom:2rem;
}


.directories__container{
    flex-direction: column;
    padding-top:5rem;
    padding-bottom:5rem;
    align-items:flex-start;

}

.directories__container__title{
    padding:1rem 0;
}

.directories__container__subtitle{
    padding-top:2rem;
}

.directories__list {
    list-style: none;
    display: grid;
    padding: 0;
    width: 100%;
    gap: 2rem;
    margin: 1rem 0;
}


.directories__item {
    padding: 1rem;
    background: var(--white);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    display: flex;
}

.directories__link{
    display:flex;
    gap:1rem;
    text-decoration:none;
    color:var(--primary);
}