/* ==========================================================
   FOOTER
   Theme : NemuTrip
   Version : Final Production (LOCKED)
========================================================== */

.site-footer{

    background:#0f172a;

    color:rgba(255,255,255,.80);

    padding:80px 0 0;

}

/* ==========================================================
   LOGO
========================================================== */

.footer-logo{

    display:inline-block;

    margin-bottom:20px;

    font-size:30px;

    font-weight:700;

    color:var(--white);

}

.footer-description{

    color:rgba(255,255,255,.72);

    line-height:1.9;

    margin-bottom:30px;

}

/* ==========================================================
   SOCIAL
========================================================== */

.footer-social{

    display:flex;

    align-items:center;

    gap:12px;

}

.footer-social a{

    display:flex;

    align-items:center;

    justify-content:center;

    width:44px;

    height:44px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    color:var(--white);

    font-size:18px;

    transition:var(--transition);

}

.footer-social a:hover{

    background:var(--primary);

    color:var(--white);

    transform:translateY(-4px);

}

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

.footer-title{

    color:var(--white);

    font-size:20px;

    font-weight:700;

    margin-bottom:25px;

}

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

.footer-links{

    margin:0;

    padding:0;

}

.footer-links li{

    margin-bottom:14px;

}

.footer-links a{

    color:rgba(255,255,255,.72);

    transition:var(--transition);

}

.footer-links a:hover{

    color:var(--white);

    padding-left:8px;

}

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

.footer-contact{

    margin:0;

    padding:0;

}

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:18px;

    line-height:1.8;

}

.footer-contact i{

    color:var(--primary);

    font-size:18px;

    margin-top:4px;

}

/* ==========================================================
   PAYMENT
========================================================== */

.footer-payment{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:20px;

}

.footer-payment img{

    width:56px;

    height:auto;

    border-radius:8px;

    background:var(--white);

    padding:6px;

}

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

.footer-bottom{

    margin-top:70px;

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

    padding:25px 0;

}

.footer-bottom p{

    margin:0;

    color:rgba(255,255,255,.65);

    font-size:15px;

}

.footer-bottom-links{

    display:flex;

    justify-content:flex-end;

    gap:25px;

}

.footer-bottom-links a{

    color:rgba(255,255,255,.65);

    transition:var(--transition);

}

.footer-bottom-links a:hover{

    color:var(--white);

}

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

@media (max-width:991px){

    .site-footer{

        padding:70px 0 0;

        text-align:center;

    }

    .footer-social{

        justify-content:center;

        margin-bottom:35px;

    }

    .footer-contact li{

        justify-content:center;

        text-align:left;

    }

    .footer-payment{

        justify-content:center;

    }

    .footer-bottom{

        text-align:center;

    }

    .footer-bottom-links{

        justify-content:center;

        margin-top:15px;

        flex-wrap:wrap;

    }

}

@media (max-width:576px){

    .site-footer{

        padding:60px 0 0;

    }

    .footer-title{

        margin-top:35px;

        font-size:18px;

    }

    .footer-logo{

        font-size:26px;

    }

    .footer-bottom{

        margin-top:50px;

    }

    .footer-bottom-links{

        gap:15px;

        flex-direction:column;

    }

}