/* উপরে দেওয়া CSS এখানে থাকবে */
/* ঘড়ির মূল কন্টেইনার স্টাইল */
.digital-clock-wrapper {
    background: #15182a; /* ব্যাকগ্রাউন্ড কালার */
    padding: 15px 25px;
    border-radius: 12px;
    border: 1px solid #67EE49; /* আপনার থিম কালার বর্ডার */
    display: inline-block;
    text-align: center;
    transition: box-shadow 0.5s ease-in-out; /* পালসিং এনিমেশনের জন্য */
    min-width: 180px;
}

/* সময় বা সংখ্যার স্টাইল */
#digital-clock {
    color: #67EE49;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-shadow: 0 0 10px rgba(103, 238, 73, 0.5);
    font-family: 'Courier New', Courier, monospace; /* ডিজিটাল লুকের জন্য */
}

/* নিচের লেবেল (Local Time) স্টাইল */
.clock-label {
    margin: 5px 0 0;
    font-size: 0.8rem;
    color: #3dadff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    
}
/*===============new cod================*/
/* DATE */

#date{

    margin-top:8px;

    display:inline-block;

    padding:4px 16px;

    border-radius:20px;

    font-size:16px;

    font-weight:bold;

    letter-spacing:1px;

    color:#ffffff;

    background:linear-gradient(45deg,#0716e0,#703ee4);

    box-shadow:
        0 0 8px rgba(0,230,118,0.5);
}