/* ==========================================================================
   FOOTER PUBLIK
   ========================================================================== */


/* ==========================================================================
   FOOTER UTAMA
   ========================================================================== */

.footer-public {

    background: #0f172a;

    padding-top: 50px;

}


/* ==========================================================================
   FOOTER TITLE
   ========================================================================== */

.footer-title {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 18px;

    color: #ffffff;

}


/* ==========================================================================
   FOOTER TEXT
   ========================================================================== */

.footer-text {

    color: #cbd5e1;

    font-size: 14px;

}


/* ==========================================================================
   FOOTER MENU
   ========================================================================== */

.footer-menu {

    list-style: none;

    padding: 0;

    margin: 0;

}


.footer-menu li {

    margin-bottom: 9px;

}


.footer-menu a {

    color: #cbd5e1;

    text-decoration: none;

    font-size: 14px;

    transition: 0.2s;

}


.footer-menu a:hover {

    color: #ffffff;

    padding-left: 3px;

}


/* ==========================================================================
   FOOTER CONTACT
   ========================================================================== */

.footer-contact {

    list-style: none;

    padding: 0;

    margin: 0;

}


.footer-contact li {

    display: flex;

    gap: 10px;

    margin-bottom: 12px;

    color: #cbd5e1;

    font-size: 14px;

}


.footer-contact i {

    width: 18px;

    margin-top: 5px;

}


/* ==========================================================================
   FOOTER BOTTOM
   ========================================================================== */

.footer-bottom {

    border-top:
        1px solid rgba(255, 255, 255, 0.1);

    padding: 18px 0;

    color: #94a3b8;

    font-size: 13px;

}


/* ==========================================================================
   RESPONSIVE FOOTER
   ========================================================================== */

@media (max-width: 991.98px) {

    .footer-public {

        padding-top: 40px;

    }

}