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

.tpc-footer{

    background:#ffffff;

    border-top:1px solid #E5E7EB;

    margin-top:120px;

}

.tpc-footer-grid{

    display:grid;

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

    gap:80px;

    padding:80px 0 50px;

}

.tpc-footer-brand h3{

    font-size:30px;

    margin-bottom:20px;

    color:#1E293B;

}

.tpc-footer-brand p{

    max-width:480px;

    color:#64748B;

    line-height:1.9;

}

.tpc-footer-links h4{

    margin-bottom:20px;

    color:#1E293B;

}

.tpc-footer-links ul{

    list-style:none;

}

.tpc-footer-links li{

    margin-bottom:14px;

}

.tpc-footer-links a{

    text-decoration:none;

    color:#64748B;

    transition:.3s;

}

.tpc-footer-links a:hover{

    color:#22C55E;

}

.tpc-footer-bottom{

    border-top:1px solid #E5E7EB;

    padding:30px 0;

    text-align:center;

}

.tpc-footer-bottom p{

    color:#94A3B8;

    font-size:15px;

}

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

@media (max-width: 992px){

    .tpc-footer{

        margin-top:80px;

    }

    .tpc-footer-grid{

        grid-template-columns:1fr;
        gap:45px;
        padding:60px 0 40px;
        text-align:center;

    }

    .tpc-footer-brand p{

        max-width:100%;
        margin:0 auto;

    }

}


@media (max-width:768px){

    .tpc-footer-grid{

        gap:35px;

    }

    .tpc-footer-brand h3{

        font-size:28px;

    }

    .tpc-footer-brand p{

        font-size:16px;
        line-height:1.8;

    }

    .tpc-footer-links h4{

        margin-bottom:18px;
        font-size:20px;

    }

    .tpc-footer-links li{

        margin-bottom:12px;

    }

    .tpc-footer-links a{

        font-size:16px;

    }

    .tpc-footer-bottom{

        padding:25px 0;

    }

}


@media (max-width:480px){

    .tpc-footer{

        margin-top:60px;

    }

    .tpc-footer-grid{

        padding:50px 0 30px;

        gap:30px;

    }

    .tpc-footer-brand h3{

        font-size:24px;

    }

    .tpc-footer-brand p{

        font-size:15px;

        line-height:1.7;

    }

    .tpc-footer-links h4{

        font-size:18px;

    }

    .tpc-footer-links a{

        font-size:15px;

    }

    .tpc-footer-bottom p{

        font-size:14px;

        line-height:1.6;

    }

}