/* ==========================================
   BUILD SETU FOOTER
========================================== */

.site-footer{
    padding:22px 14px 120px;
}

.footer-card{
    max-width:760px;
    margin:auto;

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:28px;

    padding:22px 16px;

    text-align:center;

    box-shadow:0 14px 35px rgba(15,23,42,.08);
}

/* ========================================== */

.footer-brand{
    font-size:22px;
    font-weight:900;
    color:#111827;

    margin-bottom:8px;
}

/* ========================================== */

.footer-main{
    color:#1f2937;

    font-size:15px;
    font-weight:800;

    line-height:1.7;
}

/* ========================================== */

.footer-dot,
.footer-separator{
    margin:0 8px;

    color:#f97316;

    font-weight:900;
}

/* ========================================== */

.footer-divider{
    margin:16px 22px;
}

.footer-divider span{
    display:block;

    width:100%;
    height:1px;

    background:#d1d5db;
}

/* ========================================== */

.footer-links-row{
    display:flex;

    align-items:center;
    justify-content:center;

    flex-wrap:wrap;

    gap:0;

    font-size:15px;
}

/* ========================================== */

.footer-links-row a{
    color:#111827;

    text-decoration:none;

    font-weight:800;
}

.footer-links-row a:hover{
    text-decoration:underline;
}

/* ========================================== */

@media (max-width:640px){

    .site-footer{
        padding:20px 12px 118px;
    }

    .footer-card{
        padding:18px 12px;
        border-radius:24px;
    }

    .footer-brand{
        font-size:20px;
    }

    .footer-main{
        font-size:14px;
    }

    .footer-links-row{
        font-size:14px;
    }

}