:root {
    --color-primary: #000F89;
    --color-secondary: #2B6CB5;
}
/*Footer*/
/*.footer{
    background-color:var(--color-primary);
}*/
    .footer .footer-content {
        background-color: var(--color-primary);
        color:#fff;
    }
footer .footer-content .logo{
    width:200px;
    margin-bottom:0.5rem;
}

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 a, footer .footer-content a {
            color: #fff;
            cursor:pointer;
        }

            footer .footer-content h4, h3 {                
                color: #fff;
                padding: 0 0 0.5rem 0;
            }
                footer .footer-content h4{
                    border-bottom:1px solid #fff;
                    font-size:1.4rem;
                    width:80%;
                }

                footer .icon {
                    width: 20px;
                }

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

            footer .footer-content ul li a {
                color: #fff;
                width: fit-content;
                position: relative;
                font-weight:300;
                font-size:1rem;
                padding-block:0.25rem;
                transition:500ms ease;
            }


            footer .footer-content ul li:hover a {
                color: #fff;
                border-bottom:1px solid #fff;
            }

footer .footer-content .social-icons {
    display: flex;
    align-items: flex-end;
    column-gap: 0.75rem;
}

.logo-div {
    display: flex;
    flex-direction:column;
    align-items:center;
    row-gap:1rem;
}
.chambliss-logo {
    display: block;
    width: 200px;    
}

footer .bottom-line {    
    padding: 0.5rem 2rem;
    border-top: 1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#fff;
}

    footer .bottom-line a{
        color:#fff;
    }

    @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%;
    }
}

.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--color-primary);
    color: #fff;  
    padding-block:0.5rem;
    z-index:2;
}

    .bottom-bar .flex-div {
        justify-content: space-between;
    }

   

    .bottom-bar .btn-div{
        display:flex;
        align-items:center;
        column-gap:0.75rem;
    }

    .bottom-bar .btn-div .btn{
        color:#fff;
        border:1px solid #fff;
        padding-block:0.25rem;
        font-weight:500;
    }

        .bottom-bar .btn-div .btn.btn-quote{
            background-color:#fff;
            color:var(--color-primary);
        }

@media(max-width:576px) {
    .bottom-bar .flex-div {
        flex-direction: column;
        row-gap: 1rem;
    }

    .bottom-bar .btn-div{
        width:100%;
    }

    .bottom-bar .btn-div .btn.btn-quote {
        width: 100%;
    }
}
/*Footer*/