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

.main-footer{

    background:#111827;

    color:#ffffff;

    padding:70px 0 0;

}

.main-footer .container{

    width:92%;
    max-width:1280px;
    margin:auto;

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

    gap:50px;

}

.footer-logo{

    height:50px;
    margin-bottom:20px;

}

.footer-left p{

    color:#D1D5DB;
    font-size:16px;
    line-height:28px;
    max-width:350px;

}

.footer-links h4,
.footer-contact h4{

    font-size:20px;
    margin-bottom:20px;
    color:#ffffff;

}

.footer-links ul{

    padding:0;
    margin:0;
    list-style:none;

}

.footer-links ul li{

    margin-bottom:14px;

}

.footer-links ul li a{

    color:#D1D5DB;
    transition:.3s;

}

.footer-links ul li a:hover{

    color:#25D366;
    padding-left:5px;

}

.footer-contact p{

    color:#D1D5DB;
    margin-bottom:12px;
    line-height:28px;

}

/*=========================
Footer Bottom
=========================*/

.footer-bottom{

    margin-top:60px;

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

    text-align:center;

    padding:22px;

    color:#9CA3AF;

    font-size:15px;

}

/*=========================
Responsive
=========================*/

@media(max-width:992px){

.main-footer .container{

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

gap:40px;

}

}

@media(max-width:768px){

.main-footer{

padding:60px 0 0;

}

.main-footer .container{

grid-template-columns:1fr;

text-align:center;

}

.footer-left p{

max-width:100%;

margin:auto;

}

.footer-logo{

margin:auto auto 20px;

}

.footer-links{

margin-top:15px;

}

.footer-links ul li a:hover{

padding-left:0;

}

.footer-bottom{

margin-top:40px;

}

}