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

.footer-main{

    background:#0F172A;

    color:#CBD5E1;

    padding:90px 0 30px;

}

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1.2fr;

    gap:60px;

    margin-bottom:60px;

}

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

.footer-logo{

    width:220px;

    margin-bottom:25px;

}

.footer-about p{

    line-height:1.9;

    color:#94A3B8;

    max-width:380px;

    margin-bottom:30px;

}

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

.footer-col h4{

    color:#fff;

    margin-bottom:25px;

    font-size:20px;

}

.footer-col ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-col li{

    margin-bottom:16px;

}

.footer-col a{

    color:#94A3B8;

    transition:.3s;

}

.footer-col a:hover{

    color:#fff;

    padding-left:6px;

}

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

.footer-contact li{

    display:flex;

    gap:14px;

    align-items:flex-start;

    color:#94A3B8;

}

.footer-contact i{

    width:20px;

    color:#8B5CF6;

    margin-top:3px;

}

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

.footer-social{

    display:flex;

    gap:15px;

}

.footer-social a{

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#1E293B;

    color:#fff;

    transition:.35s;

}

.footer-social a:hover{

    background:#5B3DF5;

    transform:translateY(-4px);

}

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

.footer-bottom{

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

    padding-top:30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}

.footer-bottom p{

    margin:0;

    color:#94A3B8;

}

.payment-icons{

    display:flex;

    gap:20px;

}

.payment-icons i{

    font-size:34px;

    color:#94A3B8;

    transition:.3s;

}

.payment-icons i:hover{

    color:#fff;

}

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

@media(max-width:1100px){

.footer-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.footer-main{

padding:70px 0 25px;

}

.footer-grid{

grid-template-columns:1fr;

gap:45px;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

}


/*==================================
FOOTER CREDIT
==================================*/

.footer-divider{

    display:inline-block;

    margin:0 10px;

    color:#475569;

}

.footer-credit{

    color:#8B5CF6;

    font-weight:600;

    transition:.3s;

}

.footer-credit:hover{

    color:#FFFFFF;

}