/* ======================================================
   NOTICE BOARD
====================================================== */

/* Scroll Area */

.notice-scroll{
    max-height:500px;
    overflow-y:auto;
    padding-right:5px;
}

.notice-scroll::-webkit-scrollbar{
    width:6px;
}

.notice-scroll::-webkit-scrollbar-track{
    background:#f1f1f1;
    border-radius:20px;
}

.notice-scroll::-webkit-scrollbar-thumb{
    background:#198754;
    border-radius:20px;
}

.notice-scroll::-webkit-scrollbar-thumb:hover{
    background:#146c43;
}

/* ======================================================
   Notice Card
====================================================== */

.notice-card{
    display:block;
    padding:15px 18px;
    margin-bottom:12px;
    text-decoration:none;
    background:#fff;
    border:1px solid #e9ecef;
    border-left:5px solid #198754;
    border-radius:12px;
    transition:all .3s ease;
}

.card-header h2{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.notice-card:last-child{
    margin-bottom:0;
}

.notice-card:hover{
    background:#f8fffa;
    border-color:#198754;
    border-left-color:#ffc107;
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    transform:translateY(-3px);
    text-decoration:none;
}

/* ======================================================
   Notice Content
====================================================== */

.notice-content{
    width:100%;
}

.notice-content h6{
    margin:0;
    color:#212529;
    font-size:16px;
    font-weight:500;
    line-height:1.5;
    border-bottom: 1px dotted #666;
    font-family:'SolaimanLipi',sans-serif;
    transition:.3s;

    display:flex;
    align-items:flex-start;
    gap:10px;
}

.notice-card:hover .notice-content h6{
    color:#198754;
    border-bottom:1px solid #198754;
}

/* বৃত্তাকার বুলেট */

.notice-content h6::before{
    content:"";
    width:10px;
    height:10px;
    min-width:10px;
    margin-top:8px;
    border-radius:50%;
    background:#198754;
    box-shadow:0 0 0 4px rgba(25,135,84,.18);
}

.notice-card:hover .notice-content h6::before{
    background:#ffc107;
    box-shadow:0 0 0 4px rgba(255,193,7,.25);
}

.notice-card:hover .notice-content h6{
    color:#198754;
}

/* ======================================================
   Notice Date
====================================================== */

.notice-date-text{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:8px;
    color:#6c757d;
    font-size:13px;
    font-weight:500;
}

.notice-date-text i{
    color:#198754;
    font-size:13px;
}

/* ======================================================
   Button
====================================================== */

.btn-success{
    border-radius:30px;
    font-weight:600;
}

/* ======================================================
   Logo (যদি অন্য কোথাও ব্যবহার করেন)
====================================================== */

.logo-inner{
    width:80px;
    height:80px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#198754,#157347);
    color:#ffc107;
    font-size:2rem;
    box-shadow:0 8px 20px rgba(25,135,84,.25);
}

/* ======================================================
   Responsive
====================================================== */

@media (max-width:768px){

    .notice-card{
        padding:12px;
    }

    .notice-content h6{
        font-size:15px;
        line-height:1.6;
    }

    .notice-date-text{
        font-size:12px;
        margin-top:6px;
    }

    .notice-date-text i{
        font-size:12px;
    }

}