/* ==========================================================
   CodeCradle Solutions
   Premium Footer
========================================================== */


.footer{

    background:

    linear-gradient(
        135deg,
        #061B3A,
        #0B2D5C
    );

    color:white;

    padding:80px 0 25px;

}





/* ===============================
   FOOTER GRID
================================ */


.footer-grid{

    display:grid;

    grid-template-columns:

    2fr 1fr 1fr 1fr;

    gap:40px;

}





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


.footer-logo{

    display:flex;

    align-items:center;

    gap:12px;

    color:white;

    font-size:24px;

    font-weight:800;

    margin-bottom:20px;

}



.footer-logo img{

    width:55px;

}



.footer p{

    color:#CBD5E1;

    line-height:1.8;

}





/* ===============================
   FOOTER TITLES
================================ */


.footer h4{

    color:white;

    margin-bottom:25px;

    font-size:20px;

}





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


.footer-links{

    padding:0;

}



.footer-links li{

    margin-bottom:12px;

}



.footer-links a{

    color:#CBD5E1;

    transition:.3s;

}



.footer-links a:hover{

    color:var(--gold);

    padding-left:6px;

}





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


.social-links{

    display:flex;

    gap:12px;

    margin-top:25px;

}



.social-links a{

    width:42px;

    height:42px;

    border-radius:50%;

    background:

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

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

}



.social-links a:hover{

    background:var(--gold);

    color:var(--primary-dark);

}





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


.footer-bottom{

    margin-top:50px;

    padding-top:25px;

    border-top:

    1px solid rgba(255,255,255,.15);

    display:flex;

    justify-content:space-between;

    align-items:center;

}



.footer-bottom p{

    margin:0;

    font-size:14px;

}





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


@media(max-width:900px){


.footer-grid{

    grid-template-columns:

    repeat(2,1fr);

}


}



@media(max-width:576px){


.footer-grid{

    grid-template-columns:1fr;

}


.footer{

    text-align:center;

}


.social-links{

    justify-content:center;

}


.footer-bottom{

    flex-direction:column;

    gap:15px;

}


}
.email-btn {
    position: fixed;
    right: 25px;
    bottom: 85px;

    width: 52px;
    height: 52px;

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

    border-radius: 50%;

    background: #2563eb;
    color: #ffffff;

    font-size: 21px;
    text-decoration: none;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20);

    z-index: 999;

    transition: all 0.3s ease;
}

.email-btn:hover {
    transform: translateY(-4px) scale(1.05);
}