/*====================================================
                DIXTRON FOOTER 2026
====================================================*/

.tech-footer{

    position:relative;

    overflow:hidden;

    background:#050B16;

    padding:90px 0 35px;

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

}


/*=========================================
BACKGROUND
=========================================*/

.tech-footer::before{

    content:"";

    position:absolute;

    top:-250px;

    left:-250px;

    width:650px;

    height:650px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(0,212,255,.08),

    transparent 70%);

    pointer-events:none;

}

.tech-footer::after{

    content:"";

    position:absolute;

    right:-220px;

    bottom:-250px;

    width:600px;

    height:600px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(115,88,255,.10),

    transparent 70%);

    pointer-events:none;

}

.tech-footer .container{

    position:relative;

    z-index:10;

}


/*=========================================
TOP
=========================================*/

.footer-top{

    margin-bottom:60px;

}

.footer-brand{

    max-width:620px;

}

.footer-logo{

    display:inline-block;

    font-size:2.5rem;

    font-weight:800;

    letter-spacing:1px;

    color:#fff;

    text-decoration:none;

    margin-bottom:18px;

    transition:.35s;

}

.footer-logo:hover{

    color:#00D4FF;

}

.footer-brand p{

    color:#A6B4D0;

    line-height:1.9;

    font-size:15px;

    margin-bottom:35px;

}


/*=========================================
SOCIAL
=========================================*/

.footer-social{

    display:flex;

    gap:15px;

}

.footer-social a{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    color:#fff;

    background:rgba(255,255,255,.05);

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

    transition:.35s;

}

.footer-social a:hover{

    background:linear-gradient(135deg,#00D4FF,#7A5FFF);

    transform:translateY(-6px);

}


/*=========================================
DIVIDER
=========================================*/

.footer-divider{

    width:100%;

    height:1px;

    margin:0 0 60px;

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.12),

        transparent);

}


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

.footer-links h4{

    color:#fff;

    font-size:15px;

    margin-bottom:22px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.8px;

}

.footer-links ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-links li{

    margin-bottom:14px;

}

.footer-links a{

    text-decoration:none;

    color:#9FAECC;

    transition:.3s;

    position:relative;

}

.footer-links a:hover{

    color:#fff;

    padding-left:8px;

}


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

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    color:#AEB9D6;

}

.footer-contact i{

    color:#00D4FF;

    font-size:18px;

    margin-top:4px;

}


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

.footer-bottom{

    margin-top:70px;

    padding-top:28px;

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

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

}

.footer-copyright{

    color:#74829D;

    font-size:14px;

}

.footer-policy{

    display:flex;

    gap:28px;

}

.footer-policy a{

    color:#74829D;

    text-decoration:none;

    transition:.3s;

}

.footer-policy a:hover{

    color:white;

}


@media(max-width:991px){

 .tech-footer{

    padding:70px 0 35px;
    margin-top: -4rem;

 }   

}