.footer {
    padding-top: 24px;
    padding-bottom: 24px;
    gap: 24px;
    /* flex-wrap: wrap; */
}

.footer,
.footer__section,
.footer__section__links,
.footer__section__links__click,
.footer__upper,
.footer__upper__section__title,
.footer__upper__section,
.footer__upper__section__title__h3,
.footer__upper__section__contacts__address,
.footer__upper__section__contacts__address__text,
.footer__upper__section__contacts,
.footer__upper__section__contacts__NBC__link,
.footer__upper__section__contacts__career__link {
    display: flex;
}

.footer,
.footer__section,
.footer__section__links,
.footer__section__links__click,
.footer__upper,
.footer__upper__section__title,
.footer__upper__section__title__h3,
.footer__upper__section__contacts__address,
.footer__upper__section__contacts__address__text,
.footer__upper__section__contacts__NBC__link,
.footer__upper__section__contacts__career__link {
    align-items: center;
}

.footer__upper {
    justify-content: center;
    gap: 48px;
}

.footer__upper__section__title__h3 {
    gap: 8px;
    align-self: flex-start;
}

.footer__upper__section__title {
    flex-direction: column;
    align-self: flex-start;
    margin-top: 96px;
    gap: 8px;
}

/* Czy nie lepiej zrobic w globalnych stylach klase na ta niebieska kropke? Jest wykorzystywana w kilku miejscach */
.footer__upper__section__title__pointer {
    height: 8px;
    width: 8px;
    background-color: #009ca6;
    border-radius: 50%;
}

.footer__upper__section__title__p {
    width: 258px;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.02em;
    color: #256eff;
    margin: 0;
    margin-left: 16px;
    text-align: left;
}

.footer__upper__section__contacts__line {
    width: 2px;
    background-color: #009ca6;
    margin-top: 40px;
}

.footer__upper__section__contacts {
    gap: 48px;
    margin: 96px 0;
}

.footer__upper__section__contacts__address {
    flex-direction: column;
    align-items: start;
    gap: 16px;
    margin-top: 40px;
}

.footer__upper__section__contacts__address h4 {
    font-weight: normal;
}

.footer__upper__section__contacts__address__text {
    align-items: start;
    gap: 8px;
}

.footer__upper__section__contacts__address__text p {
    margin: 0;
    white-space: nowrap;
}

.footer__upper__section__contacts__NBC h4,
.footer__upper__section__contacts__career h4 {
    font-weight: normal;
    white-space: nowrap;
}

.footer__upper__section__contacts__NBC,
.footer__upper__section__contacts__career {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 40px;
}

.footer__upper__section__contacts__career {
    min-width: 282px;
}

.footer__upper__section__contacts__career p {
    margin: 0;
    white-space: nowrap;
}

.footer__upper__section__contacts__NBC__link,
.footer__upper__section__contacts__career__link {
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #00253d;
    cursor: pointer;
    gap: 8px;
    white-space: nowrap;
}

.footer__section__links {
    justify-content: flex-end;
    margin-left: auto;
    gap: 43.5px;
}

.footer__linkedInlogo {
    width: 17px;
    height: 17px;
}

.footer__Twitterlogo {
    width: 18.08px;
    height: 15.91px;
}

.footer__section__links__click {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.footer__section__links__click__a {
    display: inline-flex;
}

.footer__section__links__click__a--linkedIn {
    margin: 3.5px;
}

.footer__section__links__click__a--twitter {
    margin: 4.13px 2.38px 3.96px 3.55px;
}

@media (max-width: 1402px) {
    .footer__upper {
        flex-direction: column;
        justify-content: center;
    }

    .footer__upper__section__title__p {
        width: auto;
    }

    .footer__upper__section__title__p br {
        display: none;
    }

    .footer__upper__section {
        padding-left: 16px;
    }

    .footer__upper__section__contacts {
        margin: 0;
    }

    .footer__upper__section__contacts__line {
        width: 2px;
        margin: 0;
    }

    .footer__upper__section__title {
        margin-top: 64px;
        /* align-self: center; */
        width: auto;
    }

    .footer__upper__section__contacts__NBC,
    .footer__upper__section__contacts__career,
    .footer__upper__section__contacts__address {
        margin: 0;
    }

    .footer__wrapper {
        margin-top: 72px;
    }
}

@media (max-width: 1096px) {
    .footer__upper__section__contacts {
        gap: 24px;
    }
}

@media (max-width: 823px) {
    .footer__upper {
        justify-content: left;
        align-items: flex-start;
    }

    .footer__upper__section__title {
        align-self: flex-start;
    }

    .footer__upper__section__contacts {
        flex-direction: column;
        width: calc(100% - 77px);
        min-width: 77%;
    }

    .footer__upper__section__contacts__line {
        height: 2px;
        width: auto;
    }
}

@media (max-width: 480px) {
    .footer__upper__section__title__p br {
        display: block;
    }
}