/*==================================
Dashboard Footer
===================================*/

.dashboard-footer{
    width:100%;
    margin-top:auto;

    background:var(--white);

    border-top:1px solid var(--border);

    padding:20px 30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

}

.footer-left p{

    font-size:14px;

    color:var(--text-light);

}

.footer-right{

    display:flex;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.footer-right a{

    font-size:14px;

    color:var(--text-light);

    transition:var(--transition);

}

.footer-right a:hover{

    color:var(--primary);

}


/*==================
Responsive Footer
===================*/

@media(max-width:768px){

    .dashboard-footer{

        flex-direction:column;

        justify-content:center;

        text-align:center;

        padding:20px 15px;

    }

    .footer-right{

        justify-content:center;

        gap:15px;

    }

}