footer {

    background-color: #0F172A;

    padding: 5rem 0 0;

}

.footer-upper {

    display: flex;

    gap: 2rem;

    justify-content: space-between;

}

.footer-logo img {

    width: 67px;

    height: 64px;

    object-fit: cover;

    margin-bottom: 2rem;

}

.f-contact p:first-of-type {

    margin: 0 0 2rem;

}

.f-contact p:nth-of-type(2) {

    margin: 0 0 1rem;

}

footer p {

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #E2E8F0;

    opacity: 0.7;

    margin: 0;

}

footer a {

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #94A3B8;

    text-decoration: none;

    transition: all .3s ease-in-out;

}

footer a:hover {

    color: #fff;

}

footer ul {

    list-style: none;

    padding-left: 0;

}

footer h4 {

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 24px;

    color: #FFFFFF;

    margin-bottom: 1.5rem;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

footer ul li {

    margin-bottom: 1rem;

}

.f-contact {

    width: 242px;

}

.f-links-1 {

    width: 126px;

}

.f-links-2 {

    width: 240px;

}

.f-links-3 {

    width: 174px;

}

.f-links-4 {

    width: 192px;

}

.footer-lower {

    background-color: #1E293B;

    padding: 1.5rem 0;

    margin-top: 5rem;

}

.footer-lower ul {

    margin: 0;

    display: flex;

    gap: 1rem;

    padding: 0;

}

.footer-lower ul li {

    width: 44px;

    height: 44px;

    border: 1px solid #52525B;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0;

}

.footer-lower ul li a {

    color: #fff;

}

.footer-lower ul li a:hover {

    opacity: .8;

}

.navbar-toggler{

    background-color: #569381 !important;

}





@media screen and (max-width: 1200px) {

    .footer-upper {

        flex-wrap: wrap;

    }

}





@media screen and (max-width: 767px) {

    .footer-lower > div {

        flex-direction: column-reverse;

        gap: 1rem;

        justify-content: center !important;

        text-align: center;

    }

}