:root {
    --color-primary: #0067a6;
    --color-primaryMedium: #4d95c1;
}
/*Footer*/
    footer .footer-content {
        background-color: #fff;
    }
        footer .footer-content .contact-bar {
            background: url('../images/banners-images/contact-strip.jpg') no-repeat center;
            background-size:cover;
            display:flex;
            align-items:stretch;
            justify-content:center;
            column-gap:2.5rem;
            height:100%;
            padding:1rem;
            color:#fff;
        }
            footer .footer-content .contact-bar .contact-infoDiv {
                height: 100%;
                display: flex;
                align-items: stretch;
                column-gap: 1.5rem;
            }

            footer .footer-content .contact-bar h2.headline{
                color:#fff;
                font-size:2.4rem;
            }

            footer .footer-content .contact-bar h6{
                letter-spacing:1px;
            }

            footer .footer-content .call-div, footer .footer-content .mail-div {
                display: flex;
                align-items: center;
                column-gap: 1rem;
                background-color: var(--color-primaryMedium);
                width: fit-content;
                padding: 0.5rem 3rem;
            }
        footer .footer-content .call-icon, footer .footer-content .mail-icon {
            background-color:rgba(255, 255, 255, 0.75);
            width:60px;
            height:60px;
            border-radius:50%;
            padding:0.75rem;
        }

        footer .footer-content .call-div p, footer .footer-content .mail-div p {
            color: #e5e5e5;
        }

            footer .footer-content h4, h3 {
                font-family: 'Javanese Text';
                color: var(--color-primary);
                padding: 0 0 0.5rem 0;
            }

        footer .footer-content ul li {
            padding: 0.5rem 0;
        }

            footer .footer-content ul li a {
                color: #3f3f3f;
                width: fit-content;
                position: relative;
                font-weight:300;
                font-size:1.1rem;
            }

                footer .footer-content ul li a::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 5px;
                    width: 100%;
                    height: 1px;
                    background-color: var(--color-primary);
                    bottom: -3px;
                    height: 1px;                    
                    opacity: 0;
                    transition: 0.4s ease;
                }

            footer .footer-content ul li:hover a {
                color: var(--color-primary);
            }

                footer .footer-content ul li:hover a::after {
                    opacity: 1;
                }
.btn-letsGo{
    border:1px solid var(--color-primary);
    padding:0.5rem 2rem;
    color:var(--color-primary);
    font-size:1.2rem;
    transition:500ms ease;
}

    .btn-letsGo:hover{
        background-color:var(--color-primary);
        color:#fff;
    }

    footer .footer-content .social-icons {
        display: flex;
        align-items: center;
        column-gap: 0.75rem;
    }
.icon{
    width:40px;
}

.equalHousingLogo {
    width: 75px;
}

footer .bottom-bar {
    background-color: #fff;
    padding: 0.5rem 2rem;
    border-top:1px solid var(--color-primary);
}

        footer .bottom-bar p {
            text-align:center;
        }

        @media(max-width:1400px){
            footer .footer-content .contact-bar{
                column-gap:1.5rem;
            }
           
            footer .footer-content .call-div, footer .footer-content .mail-div {
                padding-inline: 2rem;
            }
        }
@media(max-width:1199px) {
    footer .footer-content .contact-bar {
        column-gap: 1rem;
    }

    footer .footer-content .call-div, footer .footer-content .mail-div {
        padding-inline: 1.3rem;
    }
    footer .footer-content .contact-bar{
        flex-direction:column;
        row-gap:1rem;
        align-items:center;
    }
    footer .footer-content .contact-bar h2.headline{
        text-align:center;
    }
    footer p{
        text-align:left;
    }
}
@media(max-width:767px){
    footer .footer-content .contact-bar .contact-infoDiv{
        flex-direction:column;
        row-gap:1rem;
        justify-content:center;
        align-items:center;
    }
    footer .footer-content .call-div, footer .footer-content .mail-div{
        width:100%;
    }
}
/*Footer*/