/* footer css start */

footer {
    background-image: url(../images/bg5-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 10rem;
} 

footer h3 {
    color: #FF6F00;
}

#footer-container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3rem;
    padding: 3rem 1rem;
}

#footer-container li:hover {
    color: #FF6F00;
}

#footer-left,#footer-right {
    display: flex;
    gap: 1rem;
}

@media screen and (max-width:768px){
    #footer-container {
        grid-template-columns: repeat(1,1fr);
    }
}

@media screen and (max-width:480px){
    #footer-left,#footer-right {
        flex-direction: column;
    }
}

/* footer css end */