.footer-1{
    background: #37474F;
}

.footer-1 p{
    color: #FFFFFF;
}

.footer-2{
    background: #263238;
}



.footer-classic {
    letter-spacing: 0.02em;
}

.brand-footer{
    padding-top: 20px;
}

.footer-classic * + .contact-list {
    margin-top: 30px;
}
.contact-list {
    letter-spacing: -.02em;
}

.contact-list span {
    display: inline-block;
    font-weight: 700;
    color: var(--brandPrimaryColor) ;
    margin-right: 10px;
}

.contact-list a, .contact-list a:focus, .contact-list a:active {
    color: var(--footerLinkTextColor);
}

.footer-classic .footer-title {
    padding-top: 20px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
}

.footer-classic .footer-title + * {
    margin-top: 20px;
}

.list-inline > li {
    display: inline-block;
}

.list-social .icon {
    width: 38px;
    height: 38px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #ADB6C7;
    border-radius: 50%;
    border: 1px solid #ADB6C7;
    transition: ease-in-out .3s;
}
 

.footer-list li{
    position: relative;
    
    padding-bottom: 5px;

}
.footer-list li a{
    padding-left: 15px;
}
.footer-list li a::before{
    content:'›';
    position: absolute;
    left: 0;
    top: -5px;
    width: 20px;
    height: 20px;
    font-size: 24px;
    line-height: 1;
    color: var(--footerLinkTextColor);color: #fff;
}

.footer-list a{
    color: var(--footerLinkTextColor);
    text-decoration: wavy;
    position: relative;
}
.footer-list a:hover{
    color: var(--brandPrimaryColor);

}
@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }
}