/* =========================================
   FINAL PROFESSIONAL FOOTER CSS
   CLEAN + RESPONSIVE + NO CONFLICT
========================================= */

#footer{
    width:100%;
    background:#0b2d4a;
    margin:0;
    padding:0;
}

.footer{
    background:#0b2d4a;
    color:#ffffff;
    padding:70px 0 0;
    width:100%;
}

/* CONTAINER */

.footer .container{
    width:90%;
    max-width:1400px;
    margin:0 auto;
}

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

.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:50px;
    align-items:flex-start;
    padding-bottom:45px;
}

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

.footer-col h4,
.footer-certification h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:22px;
    color:#ffffff;
    position:relative;
}

.footer-col h4::after,
.footer-certification h4::after{
    content:"";
    display:block;
    width:48px;
    height:4px;
    background:#ff6a00;
    margin-top:10px;
    border-radius:20px;
}

/* =========================================
   TEXT
========================================= */

.footer p{
    font-size:15px;
    line-height:1.8;
    color:#dbe4ee;
    margin-bottom:12px;
}

.footer strong{
    color:#ffffff;
    font-weight:600;
}

/* =========================================
   LISTS
========================================= */

.footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer ul li{
    margin-bottom:14px;
}

.footer ul li a{
    color:#dbe4ee;
    text-decoration:none;
    font-size:15px;
    transition:.3s;
}

.footer ul li a:hover{
    color:#ff6a00;
    padding-left:6px;
}

/* =========================================
   CIDB SECTION
========================================= */

.footer-certification{
    padding-right:10px;
}

.cidb-logo{
    margin:18px 0;
}

.cidb-logo img{
    width:150px;
    height:auto;
    display:block;
    background:#ffffff;
    padding:12px;
    border-radius:10px;
}

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

.footer-col p i{
    color:#ff6a00;
    margin-right:10px;
    width:18px;
}

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

.footer-social{
    display:flex;
    gap:12px;
    margin-top:18px;
}

.footer-social a{
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    text-decoration:none;
    transition:.3s;
}

.footer-social a:hover{
    background:#ff6a00;
    transform:translateY(-3px);
}

/* =========================================
   COPYRIGHT
========================================= */

.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.08);
    padding:22px 0;
    text-align:center;
}

.footer-bottom p{
    margin:0;
    font-size:14px;
    color:#dbe4ee;
}

/* =========================================
   WHATSAPP FLOAT
========================================= */

.whatsapp{
    position:fixed;
    right:25px;
    bottom:25px;
    width:48px;
    height:48px;
    background:#25D366;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    font-size:28px;
    text-decoration:none;
    z-index:9999;
    box-shadow:0 10px 25px rgba(0,0,0,0.18);
    transition:.3s;
}

.whatsapp:hover{
    transform:scale(1.08);
}

/* =========================================
   TABLET
========================================= */

@media(max-width:768px){

    .footer{
        padding-top:48px;
    }

    .footer-grid{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }

    .footer-col h4,
    .footer-certification h4{
        font-size:16px;
    }

    .footer p,
    .footer ul li a{
        font-size:12px;
    }

    .cidb-logo img{
        width:110px;
    }

    .whatsapp{
        width:52px;
        height:52px;
        font-size:22px;
        right:18px;
        bottom:18px;
    }
}

/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:480px){

    .footer .container{
        width:92%;
    }

    .footer-grid{
        grid-template-columns:repeat(2,1fr);
        gap:20px 18px;
    }

    .footer-col h4,
    .footer-certification h4{
        font-size:15px;
    }

    .footer p,
    .footer ul li a{
        font-size:13px;
        line-height:1.6;
    }

    .footer-bottom p{
        font-size:12px;
    }

    .cidb-logo img{
        width:95px;
    }

    .footer-social a{
        width:34px;
        height:34px;
        font-size:14px;
    }
}