footer{

    background:#000;

    padding:80px 0 30px;

    border-top:1px solid rgba(212,175,55,.15);
}

.footer-grid{

    display:grid;

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

    gap:60px;
}

.footer-grid h3{

    color:#d4af37;

    margin-bottom:20px;

    transition:.3s ease;
}

.footer-grid h3:hover{

    text-shadow:
    0 0 10px rgba(212,175,55,.6);

    transform:translateY(-2px);
}

.footer-grid p{

    color:#bdbdbd;

    margin-bottom:12px;

    line-height:1.7;
}

.footer-logo{

    width:180px;

    margin-bottom:20px;
}

.footer-social{

    display:flex;

    gap:20px;

    margin-top:25px;
}

.footer-social i{
color:white;

    font-size:22px;

    cursor:pointer;

    transition:all .3s ease;
}

.footer-social i:hover{
   color:#d4af37;

    transform:
    translateY(-4px)
    scale(1.15);

    text-shadow:
    0 0 10px rgba(212,175,55,.7),
    0 0 20px rgba(212,175,55,.5);
}
.footer-social i:active{

    transform:scale(.90);
}
.footer-bottom{

    margin-top:50px;

    padding-top:25px;

    text-align:center;

    color:#777;

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

@media(max-width:900px){

    .footer-grid{

        grid-template-columns:1fr;

        text-align:center;

    }

    .footer-social{

        justify-content:center;
        position:relative;
    z-index:100;
    }
}
.footer-grid p{

    color:#bdbdbd;

    margin-bottom:12px;

    line-height:1.7;

    cursor:pointer;

    transition:all .3s ease;
}

.footer-grid p:hover{

    color:#d4af37;

    transform:translateX(8px);
}
.footer-social{

    position:relative;
    z-index:9999;
     display:flex;
    gap:15px;
}

.footer-social a{

    display:flex;

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

    width:50px;
    height:50px;

    border-radius:50%;

    color:white;

    text-decoration:none;

    cursor:pointer;

    transition:.3s;
}

.footer-social a:hover{

    background:rgba(212,175,55,.15);
}