/* =========================================================
   FOOTER
========================================================= */

footer {
    background: #071a2c;

    padding-top: 70px;
}

.footer-content {
    width: 84%;

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(
        auto-fit,
        minmax(250px, 1fr)
    );

    gap: 50px;

    padding-bottom: 50px;
}

.footer-content h3,
.footer-content h4 {
    color: #fff;

    margin-bottom: 20px;
}

.footer-content p {
    color: #bfc7d1;

    line-height: 30px;
}

.footer-content ul {
    list-style: none;
}

.footer-content ul li {
    margin: 12px 0;
}

.footer-content ul li a {
    color: #bfc7d1;

    transition: 0.3s;
}

.footer-content ul li a:hover {
    color: #1fa9f3;

    padding-left: 5px;
}

.footer-content i {
    color: #1fa9f3;

    margin-right: 10px;
}

.footer-social {
    display: flex;

    gap: 15px;
}

.footer-social a {
    width: 50px;
    height: 50px;

    border-radius: 50%;

    background: #0b2138;

    display: flex;

    justify-content: center;
    align-items: center;

    color: #fff;

    text-decoration: none;

    transition: 0.35s;
}

.footer-social a:hover {
    background: #00bfff;

    transform: translateY(-6px);
}

.copyright {
    text-align: center;

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    padding: 25px;

    color: #9da7b3;
}