/* Discover box style */
.discover-box { 
    border:0px solid #000000; 
    padding:8px 5px; 
    margin:5px auto; 
    text-align:center;
    width: 95%;
    max-width: 90%;
}
.discover-box h3 { font-size:16px; margin-bottom:5px; font-weight:bold; text-decoration:underline; text-underline-offset: 8px; color:#311B92; }

.discover-tag {
    background: #ffffff;
    color: #1A73E8;
    padding: 0px 10px;
    border-radius: 50px;
    border: solid 0.001px;
    margin: 3px;
    cursor: pointer;
    font-size: 13px;
    transition: 0.3s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-color: #d1e0ed;
}
.discover-tag:hover {
    background:#F6F6F6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* Slide panel */
#slidePanel {
    position:fixed;
    top:0;
    right:-450px;
    width:450px;
    max-width:90%;
    height:100%;
    background:white;
    box-shadow:-3px 0 12px rgba(0,0,0,0.25);
    transition:0.4s ease;
    padding:20px;
    z-index:999999;
    overflow-y:auto;
}
#slidePanel.open { right:0; }
#closePanel { float:right; cursor:pointer; font-size:25px; font-weight:bold; }
    .result-box a { 
        text-decoration: none; 
        color: #0073e6; 
    /* স্মুথ ট্রানজিশন যোগ করুন */
        transition: all 0.2s ease; 
    }

    .result-box a:hover, 
    .result-box a:focus {  /* ফোকেস স্টাইল যোগ করুন */
        text-decoration: underline;
        text-decoration-thickness: 2px; /* আন্ডারলাইন থিকনেস */
        text-underline-offset: 3px; /* আন্ডারলাইন থেকে টেক্সট দূরত্ব */
    /* অথবা হালকা কালার পরিবর্তন */
    /* color: #005bb5; */
    }  

    /* ট্যাব/কিবোর্ড ইউজারদের জন্য */
    .result-box a:focus {
        outline: 2px solid #0073e6;
        outline-offset: 2px;
    }