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

.footer{

    background:#111111;

    color:#fff;

    padding:45px 0 0;

}

.footer-grid{

    display:grid;

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

    gap:45px;

    align-items:flex-start;

}

/*=========================================================
    ABOUT
=========================================================*/

.footer-about{

    display:flex;

    flex-direction:column;

}

.footer-logo{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:max-content;

    background:#fff;

    padding:14px 20px;

    border-radius:14px;

    border-left:5px solid #d7262d;

    box-shadow:0 10px 25px rgba(0,0,0,.20);

    margin-bottom:22px;

}

.footer-logo img{

    width:220px;

    height:auto;

    display:block;

}

.footer-about p{

    color:rgba(255,255,255,.72);

    font-size:14px;

    line-height:1.8;

    margin:0 0 14px;

    max-width:420px;

}

.footer-fsp{

    color:#fff;

    font-weight:600;

    font-size:14px;

    margin-top:6px;

}

/*=========================================================
    COLUMNS
=========================================================*/

.footer-column h4{

    font-size:18px;

    font-weight:600;

    color:#fff;

    margin:0 0 20px;

    position:relative;

}

.footer-column h4::after{

    content:"";

    display:block;

    width:55px;

    height:2px;

    background:#d7262d;

    margin-top:10px;

}

.footer-column ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-column ul li{

    margin-bottom:12px;

    color:rgba(255,255,255,.75);

    font-size:15px;

}

.footer-column ul li a{

    color:rgba(255,255,255,.75);

    text-decoration:none;

    transition:.3s;

}

.footer-column ul li a:hover{

    color:#fff;

    padding-left:5px;

}

/*=========================================================
    BOTTOM BAR
=========================================================*/

.footer-bottom{

    margin-top:35px;

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

    padding:18px 0;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.footer-bottom div{

    color:rgba(255,255,255,.70);

    font-size:14px;

}

.footer-bottom-links{

    display:flex;

    align-items:center;

    gap:24px;

    flex-wrap:wrap;

}

.footer-bottom-links a{

    color:rgba(255,255,255,.70);

    text-decoration:none;

    transition:.3s;

}

.footer-bottom-links a:hover{

    color:#fff;

}

.footer-bottom-links span{

    color:rgba(255,255,255,.70);

}

.footer-bottom-links span a{

    color:#fff;

    font-weight:600;

}

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

@media(max-width:991px){

    .footer-grid{

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

        gap:35px;

    }

}

@media(max-width:768px){

    .footer{

        padding:40px 0 0;

    }

    .footer-grid{

        grid-template-columns:1fr;

    }

    .footer-logo{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:max-content;

    background:#fff;

    padding:14px 20px;

    border-radius:14px;

    border-left:5px solid #d7262d;

    box-shadow:0 10px 25px rgba(0,0,0,.20);

    margin-bottom:22px;

}

    .footer-about{

        text-align:center;

    }

    .footer-about p{

        max-width:none;

    }

    .footer-bottom{

        flex-direction:column;

        text-align:center;

    }

    .footer-bottom-links{

        justify-content:center;

    }

}