.footer {

    margin-top: 120px;

    background:
        linear-gradient(135deg,
            #081228,
            #10234d);

    color: white;

    position: relative;

    overflow: hidden;

}

.footer::before {

    content: "";

    position: absolute;

    top: -250px;
    right: -250px;

    width: 500px;
    height: 500px;

    border-radius: 50%;

    background:
        radial-gradient(circle,
            rgba(56, 189, 248, .18),
            transparent 70%);

}

.footer-container {

    max-width: 1400px;

    margin: auto;

    padding: 80px 8%;

    display: grid;

    grid-template-columns:
        2fr 1fr 1fr;

    gap: 50px;

    position: relative;
    z-index: 2;

}

.footer h3 {

    color: #38bdf8;

    margin-bottom: 20px;

}

.footer h4 {

    color: #38bdf8;

    margin-bottom: 20px;

}

.footer-about p {

    line-height: 2.2;

    color: rgba(255, 255, 255, .8);

}

.footer-links {

    display: flex;
    flex-direction: column;

}

.footer-links a {

    text-decoration: none;

    color: rgba(255, 255, 255, .8);

    margin-bottom: 12px;

    transition: .3s;

}

.footer-links a {

    color: #38bdf8;

    transform: translateX(-5px);

}

.footer-contact p {

    margin-bottom: 12px;

    color: rgba(255, 255, 255, .8);

}

.footer-bottom {

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

    text-align: center;

    padding: 25px;

    color: rgba(255, 255, 255, .6);

}

@media(max-width:900px) {

    .footer-container {

        grid-template-columns: 1fr;

        text-align: center;
    }

    .footer-links {

        align-items: center;
    }

}