.tool-container{
     max-width:1200px;
    margin:auto;
    padding:20px;
}
.header-box{
    text-align:center;
  
    color:#fff;
}

.header-box p{
	color: black !important;
}
/* h1{
    text-align:center;
    margin-bottom:20px;
} */

.card{
    background:#f9f9f9b5;
    
    border-radius:10px;
    padding:15px;
    margin-bottom:15px;
}

textarea{
    width:100%;
    min-height:200px;
    border:2px solid #ddd;
    border-radius:8px;
    padding:10px;
    resize:none;
}

.actions{
    margin-top:10px;
    display:flex;
    gap:10px;
    justify-content:center;
    flex-wrap:wrap;
}

button{
    padding:10px 20px;
    border:none;
    border-radius:6px;
    cursor:pointer;
    font-weight:600;
}

textarea {
    transition: 0.3s;
}

textarea:focus {
    border-color: #00d1b2;
    box-shadow: 0 0 8px rgba(0,209,178,0.3);
}

button {
    transition: 0.3s;
}

button:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

#convertBtn{background:#7898c9;}
#copyBtn{background:#7898c9;color:#fff;}
#clearBtn{background:#7898c9;color:#fff;}
#pdfBtn{
    background:#7898c9;
    color:#fff;
}