.footer{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 70px;
padding-top: 20px;
padding-bottom: 30px;
border-top: 1px solid rgba(128, 128, 128, 0.24);

}
.footerWrapper{
width: 90%;
margin: 0px auto;
display: flex;
flex-direction: row;
gap: 30px; /* Adds space between items */
}
.footerWrapper .footerItem{
    flex: 1; /* Each item takes an equal share of available space */ 
    
}
.footerWrapper .footerItem:nth-child(1) p{
    font-size: 13px;
}
.footerWrapper .footerItem .socials{
display: flex;
flex-direction: row;
align-items: center;
margin-top: 10px;
justify-content: center;

}
.h1-footer a{
color: rgb(24, 24, 24) !important;
    font-family: 'CustomFont', sans-serif !important;
}
#copyright{
    text-transform: uppercase;
    margin-top: 20px;
 
}
.footerWrapper .footerItem .socials a{
    flex-direction: 1;
    margin: auto;
}
.footerWrapper .footerItem .socials a svg{
    color:  rgba(61, 61, 61, 0.836) !important;
}
.footerWrapper .footerItem .socials a i{
    font-size: 24px;
    color: rgba(61, 61, 61, 0.836);
}
.footerWrapper .footerItem{
    display: flex;
    flex-direction: column;
}
.footerWrapper .footerItem  h3{
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
    font-weight: 300;
    color: rgba(61, 61, 61, 0.836);
    letter-spacing: 4px;
}
.footerWrapper .footerItem:nth-child(2) a{
    font-size: 13px;
    color: rgba(61, 61, 61, 0.836);
}
.footerWrapper .footerItem:nth-child(2) a:hover{
    color:green; 
 
}
.footerWrapper .footerItem:nth-child(3) a{
    font-size: 13px;
    color: rgba(61, 61, 61, 0.836);
}
.footerWrapper .footerItem:nth-child(3) a:hover{
    color:green; 
 
}

@media screen and (max-width: 480px) {
    .footerWrapper{
        flex-direction: column;
    }
    .footerWrapper .footerItem h3 {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }
    .footerWrapper .footerItem:nth-child(2) a {
        font-size: 16px;
        color: rgba(61, 61, 61, 0.836);
        padding: 2px 0px;
    }
    .footerWrapper .footerItem:nth-child(3) a {
        font-size: 16px;
        color: rgba(61, 61, 61, 0.836);
        padding: 2px 0px;
    }
}