.footer-area{
    background-color: #000;
    font-size: 14px;
    .footer-bg{
        background-position: center;
        background-size: cover;
        padding-top: 100px;
    }
    .heading{
        font-size: 16px;
        font-family: "Chivo",sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        color: #fff;
        @include all-below-mobile-lg{
            text-align: center;
        }
    }
    .newsletter-form-wrapper {
        font-size: 24px;
        margin-bottom: 100px;
        @include all-below-mobile-lg{
            font-size: 18px;
        }
        .newsletter-form {
            width: 540px;
            margin: 0 auto;
            border-radius: 100px;
            @include all-below-mobile-lg{
                width: 100%;
            }
            i {
                position: absolute;
                left: 30px;
                top: 20px;
            }
            button {
                position: absolute;
                right: 10px;
                top: 8px;
                background-image: linear-gradient(45deg, #EA1B1B, #D3172E);
                width: 132px;
                height: 48px;
                border-radius: 100px;
                border: 1px solid #d15a5a;
                font-size: 16px;
                color: #fff;
                font-weight: 300;
            }
            input[type=text] {
                font-size: 16px;
                font-weight: 300;
                border-radius: 100px;
                height: 64px;
                width: 100%;
                border: 1px solid #7A8396;
                background: transparent;
                padding: 10px 150px 10px 64px;
                color: #fff;
            }
        }
    }
    .footer-widgets {
        margin-bottom: 30px;
        @include all-below-mobile-lg{
            text-align: center;
            .col-md-4{
                margin-bottom: 20px;
            }
        }
        ul {
            li {
                margin-bottom: 14px;
                strong {
                    color: #c9c9c9;
                }
                &:hover{
                    a {
                        color: #E9223F;
                    }
                }
            }
        }
        ul.used-cars {
            column-count: 2;
        }
    }

  
    .footer-contact{
        border: 1px solid #7A8396;
        padding: 30px 24px 30px 24px;
        margin-bottom: 56px;
        // clip-path: polygon(70% 0%, 100% 30%, 100% 100%, 30% 100%, 0% 70%, 0 0);
        .footer-contact-inner{
            
        }
        .single-contact {
            display: flex;
            align-items: center;
            font-size: 16px;
            font-weight: 300;
            @include all-below-mobile-lg{
                width: 100% !important;
                text-align: center;
                display: block;
                margin-bottom: 24px;
            }
            i {
                width: 64px;
                height: 64px;
                background: #303744;
                border-radius: 4px;
                text-align: center;
                line-height: 64px;
                font-size: 22px;
                color: #fff;
                margin-right: 10px;
                @include all-below-mobile-lg{
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    font-size: 14px;
                    margin-right: 6px;
                }
            }
            &.phone-contact{
                @include mmx-desktops{
                    width: 30%;
                }
            }
            &.address-contact{
                @include mmx-desktops{
                    width: 50%;
                }
            }
            &.footer-socials {
                @include mmx-desktops{
                    width: 20%;
                }
                @include all-below-mobile-lg{
                    margin-bottom: 0px;
                }
                display: block;
                a {
                    width: 28px;
                    height: 28px !important;
                    margin-left: 4px;
                    i {
                        width: 100%;
                        height: 100%;
                        line-height: 28px;
                        font-size: 14px;
                    }
                    &:hover i {
                        background: #e51a1f;
                    }
                }
            }
        }
    }
    .disclaimer-text {
        font-size: 12px;
    }
    

    .disclaimer-text {
        font-size: 12px;
        margin-bottom: 24px;
    }
    
    .footer-menu{
        margin-bottom: 20px;
        @include all-below-mobile-lg{
            text-align: center;
        }
        li {
            border-right: 1px solid #999999;
            margin-right: 10px;
            padding-right: 10px;
            line-height: 14px;
            &:hover a {
                color: #ef233c;
            }
            &:last-child{
                border-right: 0;
            }
            @include all-below-mobile-lg{
                display: inline-block;
            }
        }
    }
    .powered-by{
        margin-bottom: 30px;
    }
 
}