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

.footer-section{

    background:#020b22;

    padding:40px 0 20px;

    position:relative;

    overflow:hidden;

    width:100%;

    margin-top:0 !important;
}


/* GRID */

.footer-grid{

    display:grid;

    grid-template-columns:
    1.5fr
    1fr
    1fr
    1.2fr;

    gap:35px;

    align-items:start;
}

/* LEFT COLUMN BADA */

.footer-col:first-child{

    min-height:520px;
}

/* RIGHT 3 COLUMN CHHOTE */

.footer-col:nth-child(2),
.footer-col:nth-child(3),
.footer-col:nth-child(4){

    min-height:260px;
}

/* SDG LOGOS */

.footer-sdg{

    width:100%;

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    align-items:center;

    gap:14px;

    margin-top:-140px;

    margin-left:auto;

    margin-right:auto;

    padding-left:320px;
}

.footer-sdg img{

    width:68px;

    border-radius:12px;
}

.footer-legal-links{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

    padding-top:25px;

    padding-right:40px;
}


.footer-legal-links a{

    color:rgba(255,255,255,0.75);

    font-size:15px;

    transition:0.3s ease;
}

.footer-legal-links a:hover{

    color:#9a7bff;
}

.footer-copyright{

    width:100%;

    text-align:center;

    margin-top:30px;

    padding-top:20px;

    border-top:none;

    position:relative;

    z-index:5;
}

.footer-copyright p{

    color:rgba(255,255,255,0.75);

    font-size:16px;

    line-height:1.6;

    margin-bottom:6px;
}


/* =========================================
FINAL FOOTER FIX
========================================= */


/* FOOTER COLUMN ALIGNMENT */

.footer-col:first-child{

    align-items:center;
}

.footer-col:nth-child(2),
.footer-col:nth-child(3),
.footer-col:nth-child(4){

    align-items:flex-start;
}

/* BRAND TEXT */

.footer-brand-text{
    font-size:17px;
    line-height:1.2;
    color:rgba(255,255,255,0.82);

    text-align:justify;
    text-justify:inter-word;
    text-align:center;

    margin-bottom:30px;

    max-width:100%;
}

/* TITLES */

.footer-col h4{
    font-size:26px;
    color:#ffffff;
    margin-bottom:24px;
    font-weight:700;
}

/* LIST */

.footer-col ul{
    padding:0;
    margin:0;
    list-style:none;
}

.footer-col ul li{
    margin-bottom:18px;
    color:rgba(255,255,255,0.72);
    font-size:17px;
}

/* LINKS */

.footer-col ul li a{
    color:rgba(255,255,255,0.72);
    text-decoration:none;
    transition:0.3s ease;
}

.footer-col ul li a:hover{
    color:#9a7bff;
    padding-left:6px;
}

/* CONTACT */

.footer-col p{
    color:rgba(255,255,255,0.76);
    font-size:17px;
    line-height:2;
}

.footer-col p a{
    color:#ffffff;
    text-decoration:none;
}

/* SOCIAL */

.footer-social{

    width:100%;

    display:flex;

    margin-top:-20px;
    
    justify-content:center;

    align-items:center;

    gap:14px;
}


.footer-social a{

    width:48px;
    height:48px;

    border-radius:50%;

    background:rgba(255,255,255,0.04);

    border:3px solid rgba(255,255,255,0.12);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:20px;

    text-decoration:none;

    transition:0.35s ease;
}

/* Brand Colors */

.footer-social a:nth-child(1){
    color:#1877F2;
}

.footer-social a:nth-child(2){
    color:#E4405F;
}

.footer-social a:nth-child(3){
    color:#FF0000;
}

.footer-social a:nth-child(4){
    color:#0A66C2;
}

.footer-social a:hover{

    transform:translateY(-5px) scale(1.05);

    border-color:rgba(255,255,255,0.2);

    box-shadow:
0 10px 25px rgba(0,0,0,0.35);
}

.footer-social a i{
    opacity:1;
}


.footer-phone{
    white-space:nowrap;
}

.footer-section .container{

    max-width:1280px;

    width:100%;

    margin:auto;

    padding:0 30px;
}



/* =========================================
WHATSAPP BUTTON
========================================= */

.whatsapp-float{
    position:fixed;
    width:65px;
    height:65px;

    bottom:25px;
    right:25px;

    background:#25d366;

    color:#ffffff;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:34px;

    text-decoration:none;

    box-shadow:0 15px 35px rgba(0,0,0,0.35);

    z-index:999;

    transition:0.35s ease;
}

.whatsapp-float:hover{
    transform:translateY(-6px) scale(1.05);
}

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

@media(max-width:991px){

    .footer-section{
        padding:40px 0 20px;
    }

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

    .footer-logo-card{
        margin-left:auto;
        margin-right:auto;
    }

    .footer-brand-text{
        margin:auto;
        margin-bottom:25px;

        text-align:center;
    }

    .footer-social{
        justify-content:center;
    }

    .footer-bottom{
        margin-top:40px;
        padding:22px 18px;
    }

    .footer-col h4{
        font-size:24px;
    }

    .footer-brand-text,
    .footer-col p,
    .footer-col ul li{
        font-size:16px;
    }

}

/* =========================================
LOGO CARD ONLY
========================================= */

.footer-logo-card{

    width:100%;

    max-width:260px;

    height:150px;

    background:#e9e9ee;

    border-radius:30px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    margin-left:auto;

    margin-right:auto;

    margin-bottom:30px;
}

/* GLOW */

.footer-logo-card::before{
    content:"";
    position:absolute;

    width:180px;
    height:180px;

    background:
    rgba(123,77,255,0.20);

    border-radius:50%;

    top:-70px;
    right:-70px;

    filter:blur(70px);
}

.footer-logo{
    width:220px;
    height:auto;
    object-fit:contain;
}

/* =========================================
COPYRIGHT CENTER
========================================= */

.footer-copyright a{
    color:#ffffff;
    text-decoration:none;
    font-weight:400;
}

.footer-copyright a:hover{
    color:#d1d5db;
}

/* =========================================
FOOTER LEGAL SEPARATORS
========================================= */

.footer-legal-links span{

    color:rgba(255,255,255,0.60);

    font-size:13px;

    font-weight:400;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    transform:translateY(-1px);
}