.certificate{
    max-width:900px;
    width:95%;
    min-height:600px;
    background:white;
    margin:40px auto;
    padding:40px;
    border:12px solid #83a718;
    text-align:center;
    position:relative;
}

.logo{
    position:absolute;
    top:30px;
    left:40px;
    font-size:22px;
    font-weight:bold;
    color:#2e8b57;
}

.ngo-name{
    font-size:36px;
    font-weight:bold;
    color:#2e8b57;
}

.title{
    font-size:42px;
    margin-top:20px;
    font-weight:bold;
}

.subtitle{
    font-size:20px;
    margin-top:10px;
}

.name{
    font-size:36px;
    margin:30px 0;
    font-weight:bold;
    color:#000;
}

.text{
    font-size:18px;
    width:75%;
    margin:auto;
}

.footer{
    display:flex;
    justify-content:space-between;
    margin-top:80px;
}

.sign{
    text-align:center;
}

.line{
    border-top:1px solid black;
    width:200px;
    margin:auto;
    margin-bottom:5px;
}

/* 📱 Mobile Responsive */
@media (max-width:768px){

    .certificate{
        padding:20px;
        border-width:8px;
    }

    .logo{
        position:static;
        margin-bottom:10px;
        font-size:18px;
    }

    .ngo-name{
        font-size:26px;
    }

    .title{
        font-size:28px;
    }

    .subtitle{
        font-size:16px;
    }

    .name{
        font-size:24px;
    }

    .text{
        width:100%;
        font-size:15px;
    }

    .footer{
        flex-direction:column;
        gap:30px;
        margin-top:40px;
    }

    .line{
        width:150px;
    }

}