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


.site-footer{

    position:relative;

    background:
    linear-gradient(
        135deg,
        #08063D 0%,
        #0D0A63 55%,
        #101A45 100%
    );

    color:rgba(255,255,255,.75);

    padding-top:80px;

    overflow:hidden;

}



/* Background Glow */

.site-footer::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    top:-200px;

    right:-150px;

    border-radius:50%;

    background:rgba(30,139,255,.15);

    filter:blur(90px);

}


.site-footer::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    bottom:-150px;

    left:-100px;

    border-radius:50%;

    background:rgba(95,213,208,.10);

    filter:blur(80px);

}



.site-footer .container{

    position:relative;

    z-index:2;

}



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


.footer-logo{

    max-width:180px;

    margin-bottom:25px;

}



.footer-brand p{

    line-height:1.8;

    max-width:360px;

    font-size:.95rem;

    color:rgba(255,255,255,.65);

}



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


.site-footer h5{

    color:#ffffff;

    font-size:1.05rem;

    font-weight:700;

    margin-bottom:25px;

    position:relative;

}



.site-footer h5::after{

    content:"";

    display:block;

    width:35px;

    height:3px;

    margin-top:10px;

    border-radius:10px;

    background:#5FD5D0;

}



/*==================================================
LINKS
==================================================*/


.site-footer ul{

    padding:0;

    margin:0;

    list-style:none;

}



.site-footer ul li{

    margin-bottom:14px;

}



.site-footer ul li a{

    color:rgba(255,255,255,.65);

    text-decoration:none;

    font-size:.95rem;

    transition:.3s ease;

}



.site-footer ul li a:hover{

    color:#5FD5D0;

    padding-left:5px;

}



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


.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    color:rgba(255,255,255,.7);

}



.footer-contact i{

    color:#5FD5D0;

    margin-top:4px;

}



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


.footer-social{

    display:flex;

    gap:12px;

    margin-top:30px;

}



.footer-social a{

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    color:#ffffff;

    text-decoration:none;

    transition:.35s ease;

    backdrop-filter:blur(10px);

}



.footer-social a:hover{

    background:#5FD5D0;

    color:#0D0A63;

    transform:translateY(-5px);

}



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


.footer-bottom{

    margin-top:70px;

    padding:25px 0;

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

}



.footer-bottom p{

    color:rgba(255,255,255,.55);

    font-size:.9rem;

}



.footer-bottom a{

    color:rgba(255,255,255,.65);

    text-decoration:none;

    margin-left:20px;

    font-size:.9rem;

    transition:.3s;

}



.footer-bottom a:hover{

    color:#5FD5D0;

}



/*==================================================
SCROLL TO TOP
==================================================*/


#scrollTopBtn{

    position:fixed;

    right:30px;

    bottom:30px;

    width:48px;

    height:48px;

    border:none;

    border-radius:50%;

    background:#1E8BFF;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.2rem;

    cursor:pointer;

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:.35s ease;

    z-index:9999;

    box-shadow:0 15px 35px rgba(30,139,255,.35);

}



#scrollTopBtn.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}



#scrollTopBtn:hover{

    background:#5FD5D0;

    color:#0D0A63;

    transform:translateY(-5px);

}



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


@media(max-width:991px){


    .site-footer{

        padding-top:60px;

    }


    .footer-bottom{

        margin-top:50px;

    }


}



@media(max-width:767px){


    .footer-bottom .d-flex{

        flex-direction:column;

        gap:15px;

        text-align:center;

    }


    .footer-bottom a{

        margin:0 10px;

    }


    #scrollTopBtn{

        right:20px;

        bottom:20px;

    }


}