/* ======================================================
   AVARTHANA TECHNOLOGIES
   footer.css
   Release 2.0.0
   Premium Corporate Footer
====================================================== */

.site-footer{

    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #0a1928 0%,
            #081523 55%,
            #06111d 100%
        );

    color:#d7e5f2;

    padding:90px 0 35px;

}

/* ======================================================
   OPTIONAL PCB BACKGROUND
====================================================== */

/* ======================================================
   LAYOUT
====================================================== */

.footer-grid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        2.3fr
        1fr
        1.2fr
        1.2fr
        1.45fr;

    gap:58px;

    align-items:flex-start;

}

/* ======================================================
   BRAND
====================================================== */

.footer-company{

    max-width:440px;

}

.footer-logo{

    width:220px;

    height:auto;

    display:block;

    margin-bottom:26px;

    transition:
        transform .30s ease,
        filter .30s ease;

}

.footer-logo:hover{

    transform:translateY(-2px);

    filter:drop-shadow(
        0 0 12px rgba(59,180,255,.25)
    );

}

.footer-description{

    margin:0 0 28px;

    line-height:1.9;

    color:#b8c9da;

}

/* ======================================================
   COLUMN HEADINGS
====================================================== */

.footer-column h4{

    margin:0 0 22px;

    font-size:1.22rem;

    font-weight:700;

    color:#ffffff;

    letter-spacing:.02em;

}
/* ======================================================
   NAVIGATION
====================================================== */

.footer-column ul{

    list-style:none;

    margin:0;

    padding:0;

}

.footer-column li{

    margin:0 0 14px;

    line-height:1.75;

}

.footer-column a{

    position:relative;

    display:inline-block;

    color:#b8c9da;

    text-decoration:none;

    transition:
        color .25s ease,
        transform .25s ease;

}

.footer-column a:hover{

    color:#45b8ff;

    transform:translateX(6px);

}

/* ======================================================
   EXPERTISE BADGES
====================================================== */

.footer-badges{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:22px;

}

.footer-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:7px 14px;

    border:1px solid rgba(69,184,255,.25);

    border-radius:999px;

    background:rgba(69,184,255,.08);

    color:#dfeeff;

    font-size:.82rem;

    font-weight:600;

    letter-spacing:.03em;

    transition:all .25s ease;

}

.footer-badge:hover{

    background:rgba(69,184,255,.18);

    border-color:#45b8ff;

    transform:translateY(-2px);

}

/* ======================================================
   EXPERTISE & PRACTICES
====================================================== */

.footer-expertise li,
.footer-practices li{

    position:relative;

    padding-left:18px;

    color:#b8c9da;

}

.footer-expertise li::before,
.footer-practices li::before{

    content:"";

    position:absolute;

    left:0;

    top:.72em;

    width:6px;

    height:6px;

    border-radius:50%;

    background:#45b8ff;

    box-shadow:0 0 8px rgba(69,184,255,.45);

}

/* ======================================================
   CONTACT
====================================================== */

.footer-contact li{

    margin-bottom:18px;

    color:#b8c9da;

}

.footer-contact strong{

    display:block;

    margin-bottom:8px;

    color:#ffffff;

    font-weight:700;

}

.footer-map-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    font-weight:600;

}

.footer-map-link:hover{

    color:#45b8ff;

}
/* ======================================================
   FOOTER BOTTOM
====================================================== */

.footer-bottom{

    position:relative;

    z-index:2;

    margin-top:70px;

    padding-top:30px;

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

    text-align:center;

}

.footer-bottom p{

    margin:0;

    color:#90a7bf;

    line-height:1.8;

    font-size:.95rem;

}

.footer-credit{

    margin-top:8px !important;

    color:#6fbcff !important;

    font-size:.90rem !important;

    letter-spacing:.03em;

}

/* ======================================================
   GLOBAL TRANSITIONS
====================================================== */

.footer-column a,
.footer-logo,
.footer-badge,
.footer-map-link{

    transition:all .25s ease;

}

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

@media (max-width:1280px){

    .footer-grid{

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

        gap:55px;

    }

    .footer-company{

        max-width:none;

    }

}

@media (max-width:768px){

    .site-footer{

        padding:70px 0 30px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:40px;

    }

    .footer-logo{

        width:190px;

    }

    .footer-description{

        max-width:none;

    }

    .footer-badges{

        gap:8px;

    }

    .footer-badge{

        font-size:.78rem;

        padding:6px 12px;

    }

    .footer-bottom{

        margin-top:50px;

    }

}

@media (max-width:480px){

    .site-footer{

        padding:60px 0 25px;

    }

    .footer-column{

        text-align:left;

    }

    .footer-column h4{

        margin-bottom:18px;

    }

    .footer-column li{

        margin-bottom:12px;

    }

    .footer-logo{

        width:170px;

    }

    .footer-credit{

        font-size:.82rem !important;

    }

}