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

.gjp-footer{

    background:linear-gradient(180deg,#0f172a 0%,#08101f 100%);

    margin-top:0;

    color:#fff;

}

.gjp-footer .gjp-container{

    padding:0;

}

/*=========================================
Grid
=========================================*/

.gjp-footer-grid{

    display:grid;

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

    gap:60px;

    padding:50px 0 35px;

}

/*=========================================
Brand
=========================================*/

.gjp-footer-logo{

    display:inline-flex;

    margin-bottom:16px;

}

.gjp-footer-logo img{

    height:58px;

    width:auto;

}

.gjp-footer-brand h3{

    margin:0;

    font-size:34px;

    font-weight:700;

    color:#ffffff;

}

.gjp-tagline{

    display:block;

    margin-top:18px;

    color:#38bdf8;

    font-size:15px;

    font-weight:600;

    letter-spacing:.4px;

}

.gjp-footer-desc{

    margin:22px 0 0;

    max-width:360px;

    color:#cbd5e1;

    font-size:16px;

    line-height:1.8;

}

/*=========================================
Headings
=========================================*/

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

    margin:0 0 20px;

    font-size:22px;

    color:#ffffff;

}

/*=========================================
Links
=========================================*/

.gjp-footer-links ul{

    margin:0;

    padding:0;

    list-style:none;

}

.gjp-footer-links li{

    margin-bottom:16px;

}

.gjp-footer-links a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.3s;

}

.gjp-footer-links a:hover{

    color:#38bdf8;

    padding-left:4px;

}

/*=========================================
Contact
=========================================*/

.gjp-footer-contact a{

    display:inline-block;

    color:#38bdf8;

    text-decoration:none;

    margin-bottom:26px;

    transition:.3s;

}

.gjp-footer-contact a:hover{

    color:#ffffff;

}

.gjp-footer-copy p{

    margin:0 0 12px;

    color:#94a3b8;

    line-height:1.7;

    font-size:15px;

}

.gjp-made{

    color:#cbd5e1 !important;

    font-weight:500;

}

/*=========================================
Top Border
=========================================*/

.gjp-footer{

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

}

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

@media(max-width:991px){

    .gjp-footer-grid{

        grid-template-columns:1fr;

        gap:36px;

        padding:40px 0;

    }

}

@media(max-width:576px){

    .gjp-footer-brand h3{

        font-size:26px;

    }

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

        font-size:20px;

    }

    .gjp-footer-desc{

        font-size:15px;

    }

}