footer{margin-top: auto; padding-top: 4em; background:  url('../images/footer-bg.webp'); background-repeat: no-repeat; background-size: cover; position: relative; color: #C8C8C8;}
footer::before{content: ''; position: absolute; inset: 0; background: #231F27; opacity: .9;}
footer .inner-container{position: relative; z-index: 1;}
footer h5{font-size: var(--text-14); color: var(--color-white); font-weight: 400;}
footer ul{display: flex; flex-wrap: wrap; margin-bottom: 0;}
footer :is(.left-content, .right-content, .foot-availability){padding-top: 1.5em;} 
footer .left-content :is(p, li) {font-size: var(--text-12);}
footer .left-content p {max-width: 15em;}
footer .left-content, footer .foot-availability {border-right: 1px solid #474747;}
footer .left-content .footer-logo{max-width: 10em; display: block; margin-bottom: 1.8em;}
footer .left-content .content{max-width: 15em;}
footer .left-content li{margin-bottom: 1em; display: flex;}
footer .left-content li:last-child{margin-bottom: 0em;}
footer .left-content li span{margin-right: 1em}
footer .left-content li a:last-child{margin-left: .3em}
footer .right-content{padding-left: 3.5em;}
footer .right-content ul{column-gap: 3.5em; row-gap: 2.5em;}
footer .right-content ul ul{flex-direction: column;row-gap: 0em;}
footer .right-content li h5{margin-bottom: .77em;}
footer .foot-availability h5{margin-bottom: 1.5em;}
footer .foot-availability, footer .bottom-right{padding-top: 2em;}
footer .foot-availability ul{column-gap: .6em;}
footer .left-content{padding-bottom: 2em; height: 100%;}
footer .inner-container + .inner-container{border-top: 1px solid #474747;}
footer .foot-availability ul li {
    position: relative;
}
footer .foot-availability ul li a {
    position: absolute;
    content: '';
    inset: 0;
}
footer .bottom-right{display: flex; grid-template-columns: auto auto auto auto auto; row-gap: 1.8em; justify-content: ;}
footer .bottom-right h5{
    width: 20%;
}
ul.custom-pages li{
    width:20%;
}

footer .bottom-right h5.people{
    display: none;
}
ul.custom-pages{
    display: flex;
    grid-template-columns: auto auto auto auto auto;
    row-gap: 1.8em;
    padding: 1em 0 0 3.5em;
}
ul.custom-pages li a{
    font-size: var(--text-14);
    color: var(--color-white);
    font-weight: 400;
}
ul.custom-pages li a:hover {
    color: var(--color-accent);
}


footer .footer-bottom{margin-top: 4em; padding-block: 1em; background: #000000cc; position: relative;}
footer .footer-bottom p{margin-bottom: 0; }
footer .footer-bottom .inner-container{justify-content: space-between; column-gap: 2em; row-gap: 1.5em;}
footer .footer-bottom ul{column-gap: .5em;}
footer .footer-bottom ul img{ border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; }
footer .footer-bottom ul a:hover img{border-color: var(--color-accent); background-color: var(--color-accent);}
@media(max-width: 991px){
    footer .right-content{padding-left: 0;}
    footer .top-left{text-align: center; padding-top: 0;}
    footer .top-right{padding-bottom: 2em;}
    footer .content{margin-inline: auto;}
    footer .footer-logo{margin-inline: auto;}
    footer .foot-availability, footer .left-content{border-right: none; padding-bottom: 2em; border-bottom: 1px solid #474747;}
    footer .footer-bottom{padding-bottom: 7em;}
    ul.custom-pages {
        padding: 2em 0 0 0em;
    }
    ul.custom-pages {
        grid-template-columns: auto auto;
        display: flex;
        flex-wrap: wrap;
    }
    ul.custom-pages li {
        width: 50%;
    }
}

@media screen and (max-width:767px){
    footer .bottom-right h5.people{
        display: block;
    }
}



@media(max-width: 650px){
    footer .bottom-right{grid-template-columns: auto auto; 
        display: flex;
        flex-wrap: wrap; 
    }
    footer .bottom-right h5 {
        width: 50%;
    }

    footer .left-content .content {
        max-width: 100%;
        text-align: center;
    }
    footer .left-content .footer-logo {
        max-width: 10rem;
        margin-inline: auto;
    }
    footer .left-content li:last-child{
        margin-left: 2rem;
    }
    footer .left-content p {
        max-width: 70%;
        margin-inline: auto;
    } 
    footer .left-content .content ul.list-unstyled {
        max-width: 100%;
        margin-inline: auto;
        justify-content: center;
    } 
    footer .foot-availability h5 {
        text-align: center;
    }
    footer .foot-availability ul {
        justify-content: center;
    }
}

@media(max-width: 470px){
    footer .right-content ul li{
        width: 50%;
    }
    footer .right-content ul {
        column-gap: 0;
    }
    footer .right-content ul li:nth-child(6){
        order: 4;
    }

    footer .right-content ul li:nth-child(4){
        order: 6;
    }

    footer .right-content ul li:nth-child(5){
        order: 7;
    }
    footer .right-content ul li:nth-child(7){
        order: 8;
    }
}

@media(max-width: 380px){
    footer .left-content li:last-child {
        margin-right: 2rem;
        margin-left: 0;
    }
}

@media(max-width: 340px){
    footer .right-content ul li {
        width: 100%;
    }
}