@import 'partials';
.footer{
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: $footerBg;
   

    .radius-blk{
        height: 20px;
        width: 100%;
        background-color: $btnYellow;
        border-radius: 20px 20px 0px 0px;
        margin-top: -20px;
        @media($sm-767){
            height: 10px;
            margin-top: -10px;
        }
    }
    .ftr-inner{
        display: flex;
        flex-wrap: wrap;
        padding: 72px 0;
        justify-content: space-between;
        @media($sm-1679){
            padding: 62px 0px;
        }
        @media($sm-1481){
            padding: 52px 0px;
        }
        @media($sm-1199){
            padding: 42px 0px;
        }
        .ftr-blks{
            display: flex;
            flex-direction: column;
            .link{
                font-size: 18px;
                line-height: 24px;
                font-weight: 500;
                color: $white;
                text-decoration: none;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                margin-right: 9px;
                margin-top: 17px;
                @media ($sm-1679){
                    font-size: 17px;
                    margin-top: 15px;
                }
                @media ($sm-1441){
                    font-size: 16px;
                    margin-top: 12px;
                }
                @media ($sm-1199){
                    font-size: 15px;
                }
                @media ($sm-767){
                    font-size: 14px;
                }
                &::before{
                    content: "";
                    width: 11px;
                    height: 17px;
                    background: url(../img/ftr-arrow.svg) no-repeat;
                    background-size: contain;
                    display: inline-block;
                    margin-right: 11px;
                    @media ($sm-1679){
                        width: 10px;
                        height: 16px;
                    }
                    @media ($sm-1441){
                        width: 9px;
                        height: 15px;
                    }
                    @media ($sm-1199){
                        width: 8px;
                        height: 14px;
                    }
                }
                &.mail{
                    &::before{
                        content: "";
                        width: 16px;
                        height: 16px;
                        background: url(../img/mail-ftr.svg) no-repeat;
                        background-size: contain;
                        display: inline-block;
                        margin-right: 11px;
                    }
                }
                &.phone{
                    &::before{
                        content: "";
                        width: 16px;
                        height: 16px;
                        background: url(../img/ftr-call.svg) no-repeat;
                        background-size: contain;
                        display: inline-block;
                        margin-right: 11px;
                    }
                }
            }
        }
    }
    .ftr-btm{
        width: 100%;
        padding: 10px 0;
        background-color: $white;
        .btm-inner{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            @media($sm-579){
                justify-content: center;
            }
        }
        .copy{
            color: $footerBg;
            font-size: 14px;
            line-height: 1;
            font-weight: 400;
        }
        .social{
            display: flex;
            flex-wrap: wrap;
            margin-left: auto;
            @media($sm-579){
                margin: auto;
                padding-top: 10px;
            }
            .link-btn{
                padding: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-left: 8px;
                img{
                    max-height: 24px;
                }
            }
        }
    }
}