.qb-footer{
    background:#1f2937;
    color:#fff;
    padding:80px 20px 0;
    font-family:'Poppins',sans-serif;
}

.footer-top{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:40px;
    padding-bottom:50px;
}

.footer-column h3{
    color:#f59e0b;
    margin-bottom:20px;
    font-size:22px;
}

.footer-column p{
    color:#d1d5db;
    line-height:1.8;
}

.footer-column ul{
    list-style:none;
}

.footer-column ul li{
    margin-bottom:10px;
}

.footer-column ul li a{
    color:#d1d5db;
    text-decoration:none;
    transition:.3s;
}

.footer-column ul li a:hover{
    color:#f59e0b;
    padding-left:5px;
}

.pricing-list li{
    color:#d1d5db;
    font-size:14px;
}

.footer-middle{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    padding:40px 0;
    border-top:1px solid rgba(255,255,255,.1);
}

.pricing-box{
    background:rgba(255,255,255,.05);
    padding:30px;
    border-radius:20px;
    backdrop-filter:blur(10px);
}

.pricing-box h3{
    color:#f59e0b;
    margin-bottom:20px;
}

.pricing-box ul{
    list-style:none;
}

.pricing-box ul li{
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#d1d5db;
}

.footer-payment{
    max-width:1400px;
    margin:auto;
    text-align:center;
    padding:40px 0;
    border-top:1px solid rgba(255,255,255,.1);
}

.footer-payment h3{
    color:#f59e0b;
    margin-bottom:15px;
}

.footer-payment p{
    color:#d1d5db;
    max-width:900px;
    margin:10px auto;
    line-height:1.8;
}

.footer-bottom{
    text-align:center;
    padding:25px;
    background:#111827;
    margin-top:20px;
}

.footer-bottom p{
    color:#9ca3af;
    font-size:14px;
}

/* ======================
   Tablet
====================== */

@media(max-width:1024px){

    .footer-top{
        grid-template-columns:1fr 1fr;
    }

    .footer-middle{
        grid-template-columns:1fr;
    }

}

/* ======================
   Mobile
====================== */

@media(max-width:768px){

    .qb-footer{
        padding:60px 15px 0;
    }

    .footer-top{
        grid-template-columns:1fr;
        gap:30px;
    }

    .footer-column h3,
    .pricing-box h3{
        font-size:20px;
    }

    .pricing-box{
        padding:20px;
    }

    .footer-payment{
        text-align:left;
    }

}

@media(max-width:480px){

    .footer-bottom p{
        font-size:13px;
    }

    .pricing-list li,
    .pricing-box ul li{
        font-size:13px;
    }

}