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

.site-footer{

    background:#0f172a;

    color:#cbd5e1;

    padding:80px 0 0;

}

.footer-grid{

    max-width:1000px;

    margin:auto;

    display:grid;

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

    gap:80px;

}

.footer-column h3{

    color:#fff;

    font-size:30px;

    margin-bottom:20px;

}

.footer-column h4{

    color:#fff;

    font-size:20px;

    margin-bottom:22px;

}

.footer-column p{

    line-height:1.9;

    margin-bottom:25px;

    color:#94a3b8;

}

.footer-column ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-column ul li{

    margin-bottom:12px;

}

.footer-column ul li a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.3s;

}

.footer-column ul li a:hover{

    color:#60a5fa;

    padding-left:6px;

}

.footer-features li{

    position:relative;

    padding-left:22px;

}

.footer-features li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#22c55e;

    font-weight:700;

}

.footer-bottom{

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

    margin-top:60px;

    padding:25px 0;

    text-align:center;

}

.footer-bottom p{

    margin:0;

    color:#94a3b8;

}

.footer-disclaimer{

    text-align:center;

    font-size:14px;

    line-height:1.8;

    color:#94a3b8;

    padding:0 0 35px;

    max-width:900px;

    margin:auto;

}

.footer-disclaimer strong{

    color:#fff;

}
.footer-brand{

    grid-column:1 / -1;

    text-align:center;

    margin-bottom:50px;

}

/*==========================
TABLET
==========================*/

@media(max-width:992px){

    .footer-grid{

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

        gap:40px;

    }

}

/*==========================
MOBILE
==========================*/

@media(max-width:768px){

    .site-footer{

        padding-top:60px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:35px;

    }

    .footer-column h3{

        font-size:26px;

    }

    .footer-column h4{

        font-size:20px;

    }

    .footer-bottom{

        margin-top:40px;

    }

.footer-column h4::after{

    content:"";

    display:block;

    width:40px;

    height:3px;

    background:#2563eb;

    margin-top:10px;

    border-radius:10px;

}
.footer-column ul{

    display:grid;

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

    gap:12px;

}
}