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

.footer{

    position:relative;

    margin-top:10px;

    background:linear-gradient(
        180deg,
        #07162D 0%,
        #0B203F 100%
    );

    color:#ffffff;

}

/*==================================================
                FLOATING CTA
==================================================*/

.footer-cta{

    position:relative;

    margin-top:40px;

    background:linear-gradient(
        135deg,
        #2563EB,
        #1D4ED8
    );

    border-radius:30px;

    padding:60px;

    color:#fff;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(0,0,0,.25);

}

.footer-cta::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

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

    border-radius:50%;

    right:-120px;

    top:-120px;

}

.cta-small{

    display:inline-block;

    font-size:14px;

    letter-spacing:2px;

    text-transform:uppercase;

    opacity:.8;

    margin-bottom:15px;

}

.footer-cta h2{

    color:#fff;

    font-size:48px;

    font-weight:800;

    margin-bottom:20px;

}

.footer-cta p{

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

    font-size:18px;

    max-width:650px;

}

.footer-btn{

    margin-left:15px;

    border-radius:50px;

    padding:15px 35px;

    font-weight:600;

}

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

.footer-main{

    padding:90px 0 60px;

}

.footer-logo{

    width:240px;

    margin-bottom:25px;

}

.footer-about{

    color:#CBD5E1;

    line-height:1.9;

    margin-bottom:30px;

}

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

.footer h4{

    color:#fff;

    margin-bottom:25px;

    font-size:22px;

}

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

.footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer ul li{

    margin-bottom:14px;

}

.footer ul li a{

    color:#CBD5E1;

    transition:.35s;

}

.footer ul li a:hover{

    color:#60A5FA;

    padding-left:8px;

}

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

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:15px;

    color:#CBD5E1;

}

.footer-contact i{

    color:#60A5FA;

    margin-top:4px;

    width:20px;

}

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

.footer-social{

    display:flex;

    gap:15px;

}

.footer-social a{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

    color:#fff;

    transition:.35s;

}

.footer-social a:hover{

    background:#2563EB;

    transform:translateY(-5px);

}

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

.footer-bottom{

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

    padding:25px 0;

    color:#CBD5E1;

    font-size:15px;

}

.footer-bottom a{

    color:#CBD5E1;

    margin-left:15px;

}

.footer-bottom a:hover{

    color:#60A5FA;

}

/*==================================================
            BACK TO TOP
==================================================*/

#backToTop{

    position:fixed;

    right:30px;

    bottom:30px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:#2563EB;

    color:#fff;

    font-size:20px;

    cursor:pointer;

    display:none;

    z-index:999;

    box-shadow:0 20px 40px rgba(37,99,235,.35);

    transition:.35s;

}

#backToTop:hover{

    transform:translateY(-6px);

}

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

@media(max-width:991px){

.footer{

    margin-top:120px;

}

.footer-cta{

    padding:35px;

    margin-top:-70px;

}

.footer-cta h2{

    font-size:34px;

}

.footer-btn{

    margin-top:15px;

    margin-left:0;

}

.footer-logo{

    width:190px;

}

}

@media(max-width:768px){

.footer-main{

    text-align:center;

}

.footer-contact li{

    justify-content:center;

}

.footer-social{

    justify-content:center;

}

.footer-bottom{

    text-align:center;

}

.footer-bottom .text-md-end{

    margin-top:15px;

}

}

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

.footer{

    opacity:0;

    transform:translateY(80px);

    transition:all .8s ease;

}

.footer.footer-visible{

    opacity:1;

    transform:translateY(0);

}

/*==================================================
            BACK TO TOP
==================================================*/

#backToTop{

    opacity:0;

    transition:all .35s ease;

    justify-content:center;

    align-items:center;

}