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

.footer{

    position:relative;

    margin-top:10px;

    background:#E8EAED;

    color:#333333;

    overflow:hidden;

}

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

.footer-cta{

    position:relative;

    margin-top:40px;

    background:linear-gradient(
        135deg,
        #C97824,
        #A94F24
    );

    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;

    position:relative;

    background:#E8EAED;

}

.footer-main::after{

    content:"";

    position:absolute;

    top:0;

    right:-8%;

    width:42%;

    height:100%;

    background:#E6E2DB;

    clip-path:polygon(18% 0,100% 0,100% 100%,100% 100%);

    opacity:.72;

    pointer-events:none;

}

.footer-main .container{

    position:relative;

    z-index:1;

}

.footer-logo{

    width:240px;

    margin-bottom:25px;

}

.footer-about{

    color:#333333;

    line-height:1.9;

    margin-bottom:30px;

}

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

.footer h4{

    color:#F2692E;

    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:#333333;

    transition:.35s;

}

.footer ul li a:hover{

    color:#F2692E;

    padding-left:8px;

}

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

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:15px;

    color:#333333;

}

.footer-contact i{

    color:#F2692E;

    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,.70);

    color:#333333;

    transition:.35s;

}

.footer-social a:hover{

    background:#F2692E;

    transform:translateY(-5px);

}

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

.footer-bottom{

    border-top:1px solid rgba(51,51,51,.14);

    padding:25px 0;

    color:#333333;

    font-size:15px;

}

.footer-bottom a{

    color:#333333;

    margin-left:15px;

}

.footer-bottom a:hover{

    color:#F2692E;

}

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

#backToTop{

    position:fixed;

    right:30px;

    bottom:30px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:#F2692E;

    color:#fff;

    font-size:20px;

    cursor:pointer;

    display:none;

    z-index:999;

    box-shadow:0 20px 40px rgba(169,78,36,.20);

    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;

}


/* Compact classic footer */
.footer{margin-top:0;background:#292623;}.footer-cta{margin-top:30px;background:var(--primary-dark);border-radius:18px;padding:42px;box-shadow:0 18px 42px rgba(47,43,39,.18);}.footer-cta h2{font-size:38px;}.footer-cta p{font-size:16px;}.footer-main{padding:65px 0 45px;}.footer-logo{width:205px;margin-bottom:20px;}.footer h4{font-size:19px;margin-bottom:18px;}.footer ul li{margin-bottom:10px;}.footer ul li a:hover,.footer-bottom a:hover{color:#E0A052;}.footer-contact i{color:var(--primary-light);}.footer-social{gap:10px;}.footer-social a{width:42px;height:42px;}.footer-social a:hover{background:var(--primary-color);}.footer-bottom{padding:20px 0;font-size:13px;}#backToTop{width:48px;height:48px;right:24px;bottom:24px;background:var(--primary-color);box-shadow:0 12px 28px rgba(169,78,36,.20);}



/* Reference footer palette: light grey + warm diagonal panel + orange headings. */
.footer-logo{
    filter: none !important;
}

.footer-cta{
    /* Keep the existing donation CTA treatment unchanged. */
}

/*=========================================================
   VFS-INSPIRED LIGHT FOOTER PALETTE — FINAL OVERRIDES
   Layout and content remain unchanged.
=========================================================*/

.footer{
    background:#E8EAED !important;
    color:#333333 !important;
    overflow:hidden;
}

.footer-main{
    position:relative;
    background:#E8EAED !important;
}

.footer-main::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:31%;
    height:100%;
    background:#E6E2DB;
    clip-path:polygon(28% 0,100% 0,100% 100%,100% 100%);
    opacity:.72;
    pointer-events:none;
}

.footer-main .container{
    position:relative;
    z-index:1;
}

.footer h4{
    color:#F2692E !important;
}

.footer ul li a,
.footer-about,
.footer-contact li,
.footer-bottom,
.footer-bottom a{
    color:#333333 !important;
}

.footer ul li a:hover,
.footer-bottom a:hover{
    color:#F2692E !important;
}

.footer-contact i{
    color:#F2692E !important;
}

.footer-social a{
    background:rgba(255,255,255,.72) !important;
    color:#333333 !important;
}

.footer-social a:hover{
    background:#F2692E !important;
    color:#fff !important;
}

.footer-bottom{
    border-top:1px solid rgba(51,51,51,.14) !important;
}

.footer-logo{
    filter: none !important;
}

/* Back-to-top follows the same reference orange. */
#backToTop{
    background:#F2692E !important;
}
/* =========================================================
   VWS SOCIAL MEDIA BRAND COLORS
   ========================================================= */

.footer-social a .fa-facebook-f {
    color: #1877F2 !important;
}

.footer-social a .fa-youtube {
    color: #FF0000 !important;
}

.footer-social a .fa-linkedin-in {
    color: #0A66C2 !important;
}

.footer-social a .fa-instagram {
    color: #E4405F !important;
}

.footer-social a .fa-whatsapp {
    color: #25D366 !important;
}