#footer-section, .footer-social-media {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    text-align: center;
    width: 100%;
    background-color: #1d2432;

    & h1 {
        padding-top: 30px;
        font-size: 2.5rem;
    }

    & h4 {
        padding: 30px 0;
    }

    & .footer-social-media {
        flex-direction: row;
        gap: 15px;
        margin: 20px 0 40px 0;
        
        
        & a li i {
            font-size: 2.5rem;
            color: #ccc;
        }
      
    }

    & p {
        width: 100%;
        padding-top: 10px;
        background-color: #111827;
    }






}