/*======================================================
  NEXT-VIBE FOOTER
======================================================*/

.nv-footer{

    background:linear-gradient(180deg,#2b2b2b 0%,#141414 45%,#000 100%);
    color:#fff;
    padding:80px 0 30px;
    margin-top:80px;

}

.nv-footer .container{

    max-width:1280px;
    margin:0 auto;
    padding:0 24px;

}

/*-----------------------------------
Brand
------------------------------------*/

.nv-footer-brand{

    text-align:center;
    margin-bottom:60px;

}

.nv-footer-brand img{

    width:240px;
    max-width:100%;
    margin-bottom:18px;
    transition:.3s;

}

.nv-footer-brand img:hover{

    transform:scale(1.03);

}

.nv-footer-brand p{

    color:#c9c9c9;
    font-size:18px;
    letter-spacing:.5px;

}

/*-----------------------------------
Footer Grid
------------------------------------*/

.nv-footer-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:60px;
    margin-bottom:60px;

}

.nv-footer h4{

    color:#fff;
    font-size:20px;
    margin-bottom:22px;
    font-weight:700;

}

.nv-footer ul{

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

}

.nv-footer li{

    margin-bottom:14px;

}

.nv-footer a{

    color:#bcbcbc;
    text-decoration:none;
    transition:.25s;

}

.nv-footer a:hover{

    color:#3b82f6;
    padding-left:5px;

}

/*-----------------------------------
Newsletter
------------------------------------*/

.nv-newsletter{

    display:flex;
    flex-direction:column;
    gap:14px;

}

.nv-newsletter input{

    width:100%;
    padding:15px 18px;
    border:none;
    border-radius:10px;
    background:#fff;
    color:#222;
    font-size:15px;

}

.nv-newsletter input:focus{

    outline:2px solid #2563eb;

}

.nv-newsletter button{

    background:#2563eb;
    color:#fff;
    border:none;
    border-radius:10px;
    padding:15px;
    cursor:pointer;
    font-weight:600;
    transition:.25s;

}

.nv-newsletter button:hover{

    background:#1d4ed8;

}

/*-----------------------------------
Social
------------------------------------*/

.nv-social{

    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:28px;

}

.nv-social a{

    color:#d5d5d5;
    font-size:15px;

}

.nv-social a:hover{

    color:#3b82f6;

}

/*-----------------------------------
Bottom
------------------------------------*/

.nv-footer-bottom{

    border-top:1px solid rgba(255,255,255,.12);
    padding-top:24px;
    text-align:center;
    color:#9b9b9b;
    font-size:14px;

}

/*-----------------------------------
Responsive
------------------------------------*/

@media (max-width:992px){

    .nv-footer-grid{

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

    }

}

@media (max-width:640px){

    .nv-footer{

        padding:60px 0 25px;

    }

    .nv-footer-grid{

        grid-template-columns:1fr;
        text-align:center;

    }

    .nv-social{

        justify-content:center;

    }

    .nv-newsletter{

        max-width:420px;
        margin:0 auto;

    }

    .nv-footer a:hover{

        padding-left:0;

    }

}