/* BiharWap.IN - public design */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#fff;color:#1c1c1c;font:700 14px/1.45 Verdana,Tahoma,Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:#0b2fd0;text-decoration:none}
a:hover{color:#e1251b}
img{max-width:100%}
h1,h2{margin:0}

/* ---- header ---- */
.hd{background:#000;text-align:center;padding:8px 6px}
.hd a{display:inline-block}
.hd img{display:block;max-width:100%;max-height:96px;height:auto;margin:0 auto}
.hd-text{display:block;color:#ff9f0a;font:800 38px/1.1 Verdana,sans-serif}
.hd-tag{display:block;color:#fff;font:italic 13px Georgia,serif}

.fb{background:linear-gradient(#fff9c4,#fff08a);border-bottom:1px solid #e2d160;text-align:center;padding:10px 8px}
.fb-i{display:inline-block;width:20px;height:20px;line-height:20px;border-radius:3px;background:#3b5998;color:#fff;font:700 15px/20px Arial,sans-serif;margin-right:7px;vertical-align:middle}
.notice{padding:11px 10px;text-align:center;color:#c40000;background:#fffaf2;border-bottom:1px solid #f0dcc0;font-size:14px}

/* ---- blue section bars ---- */
.bar{background:linear-gradient(#f0f8ff,#c5e0f8);border:solid #7db4e6;border-width:1px 0;color:#0a2a5c;text-align:center;padding:10px 8px;font-size:14px;overflow-wrap:anywhere}
h2.sub{background:#eef6ff;color:#0a4a8a;font-size:12.5px;padding:7px 10px;border-bottom:1px solid #cfe2f5}
.sortline{text-align:center;font-weight:400;padding:8px;border-bottom:1px solid #e3e3e3}
.sortline b{font-weight:700}
.empty{padding:26px 10px;text-align:center;color:#666;font-weight:400}

/* ---- coming soon lines ---- */
.soon .srow{padding:11px 10px;border-bottom:1px solid #e4e4e4;overflow-wrap:anywhere}

/* ---- green search ---- */
.search{background:linear-gradient(#8fd51f,#68b208);color:#173a07;text-align:center;padding:11px 8px 12px;border-top:1px solid #a8e44a;border-bottom:1px solid #4e8d00}
.search label{display:block;margin-bottom:5px}
.search input{width:min(380px,88%);padding:7px 9px;border:1px solid #4e8d00;border-radius:3px;font-size:14px;outline:none;background:#fff}
.sbtns{margin-top:7px;display:flex;justify-content:center;gap:6px}
.sbtns button{padding:4px 13px;font:700 13px Verdana,Arial,sans-serif;cursor:pointer;border:1px solid #6b6b6b;border-radius:3px;background:linear-gradient(#fafafa,#d9d9d9);color:#222}
.sbtns button:hover{background:#fff5a0}
.sbtns button:active{transform:translateY(1px)}

/* ---- menu rows (folders / services) ---- */
.menu a{display:flex;align-items:center;gap:9px;position:relative;padding:13px 34px 13px 10px;border-bottom:1px solid #e1e1e1;background:#fff;color:#0b2fd0;transition:background .15s}
.menu a::after{content:"\203A";position:absolute;right:15px;top:50%;transform:translateY(-52%);font-size:26px;line-height:1;color:#9a9a9a;font-weight:400}
.menu a:hover{background:#f1f8ff;box-shadow:inset 4px 0 0 #2f8be0}
.menu a:hover::after{color:#2f8be0}
.menu .ic{flex:0 0 22px;text-align:center;color:#2e9d1d;font-size:16px}
.menu .ic.v{color:#d2691e;font-size:14px}
.menu .ic.s{font-size:15px}
.menu .nm{overflow-wrap:anywhere}
.menu .cnt{color:#555;font-weight:400}
.upd{display:inline-block;background:#e1251b;color:#fff;font:700 9px/1 Arial,sans-serif;letter-spacing:.6px;padding:3px 5px;border-radius:2px;margin-left:5px;vertical-align:middle;box-shadow:0 1px 0 #8f130c;animation:updpulse 1.6s infinite}
@keyframes updpulse{50%{opacity:.55}}

/* ---- file / album rows with thumbnail: whole row is one link ---- */
.tlist{background:#fff}
.trow{display:flex;gap:11px;align-items:center;position:relative;padding:9px 34px 9px 8px;border-bottom:1px solid #e1e1e1;background:#fff;color:inherit;transition:background .15s}
.trow::after{content:"\203A";position:absolute;right:15px;top:50%;transform:translateY(-52%);font-size:26px;line-height:1;color:#9a9a9a;font-weight:400;pointer-events:none}
.trow:hover{background:#f1f8ff;box-shadow:inset 4px 0 0 #2f8be0}
.trow:hover::after{color:#2f8be0}
.trow .t::after{content:"";position:absolute;inset:0;z-index:1}
.trow .al a{position:relative;z-index:2}
.th{width:72px;height:72px;object-fit:cover;border:1px solid #bdbdbd;padding:2px;background:#fff;flex:0 0 72px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.tx .t{color:#0b2fd0;overflow-wrap:anywhere}
.tx .t i{font-style:normal;color:#e1251b}
.tx .sg{font-weight:400}.tx .sg span{color:#d2691e}
.tx .al{font-weight:400}.tx .al a{color:#1f9d55}
.tx .mt{font-weight:400;color:#333}

.morebtn{display:block;margin:0;text-align:center;background:linear-gradient(#f0f8ff,#c5e0f8);border-bottom:1px solid #7db4e6;padding:10px;color:#0a2a5c}
.morebtn:hover{background:#dff0ff;color:#e1251b}
.top35{background:#f4f4f4;text-align:center;padding:10px 6px;line-height:2;border-bottom:1px solid #e1e1e1}
.top35 b{display:block;color:#000}
.top35 a{padding:2px 8px;border-radius:3px}
.top35 a:hover{background:#0b2fd0;color:#fff}
.top35 span{color:#999}

/* ---- pager ---- */
.pager{background:#eef1f6;padding:10px 8px;font-weight:400;border-bottom:1px solid #dde2ea}
.pg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.pg a,.pg b{min-width:30px;text-align:center;padding:4px 9px;border:1px solid #9fb2cc;border-radius:3px;background:#fff;font-weight:700}
.pg a:hover{background:#0b2fd0;color:#fff;border-color:#0b2fd0}
.pg b{background:#ffe066;border-color:#d6b52c}
.pginfo{margin:2px 0 5px}
.jump input{width:56px;padding:3px 5px;border:1px solid #9fb2cc;border-radius:3px}
.jump button{padding:3px 9px;cursor:pointer;border:1px solid #888;border-radius:3px;background:linear-gradient(#fff,#ddd)}

.crumbs{background:#f1f1f1;padding:10px;line-height:1.8;border-bottom:1px solid #ddd}
.crumbs span{margin:0 3px;color:#888}
.crumbs b{color:#0b2fd0}
.foot{background:linear-gradient(#10306c,#081a42);color:#fff;text-align:center;padding:12px 6px;font-size:12px;line-height:1.9}
.foot a{color:#fff}.foot a:hover{color:#ffd95a}
.flinks span{margin:0 7px;opacity:.6}
.ftxt{font-weight:400;font-size:11px;margin-top:3px;opacity:.85}

/* ---- album page ---- */
.albhead{text-align:center;padding:12px 6px;border-bottom:1px solid #e1e1e1;background:linear-gradient(#fff,#f6f9fd)}
.albcover{width:210px;height:210px;object-fit:cover;border:2px solid #cfcfcf;padding:3px;background:#fff;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.albsinger{margin-top:9px}

/* ---- download page ---- */
.trackbox{background:linear-gradient(#f2f7fd,#e3edf9);text-align:center;padding:14px 8px 12px;border-bottom:1px solid #cfdcec}
.tcover{width:170px;height:170px;object-fit:cover;border:2px solid #cfcfcf;padding:3px;background:#fff;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.player{max-width:460px;margin:14px auto 0;background:#fff;border:1px solid #c9d9ec;border-radius:12px;padding:8px 10px;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.player audio,.player video{width:100%;display:block;outline:none}
.player video{max-height:340px;background:#000;border-radius:8px}
.dlbox{text-align:center;padding:6px 0 2px}
a.dl{display:flex;align-items:center;justify-content:center;gap:8px;width:min(300px,92%);margin:9px auto 0;padding:10px 12px;background:linear-gradient(#92d43c,#66a61b);color:#fff;border-radius:6px;font-size:14px;letter-spacing:.3px;box-shadow:0 3px 0 #4a7d10,0 7px 14px rgba(0,0,0,.16);transition:transform .1s}
a.dl::before{content:"\2B07";font-size:15px}
a.dl small{font-weight:400;opacity:.95}
a.dl:hover{background:linear-gradient(#a3e24b,#74b822);color:#fff}
a.dl:active{transform:translateY(2px);box-shadow:0 1px 0 #4a7d10}
.tdetails{max-width:560px;margin:14px auto;background:#fff;border:1px solid #d9e1ec;border-radius:8px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.06)}
.tdetails p{display:flex;gap:12px;justify-content:space-between;margin:0;padding:9px 14px;border-bottom:1px solid #eef1f6;font-weight:400;text-align:right}
.tdetails p:last-child{border-bottom:0}
.tdetails p b{color:#5b6b82;text-align:left;flex:0 0 auto}
.goback{background:#f1f1f1;padding:10px 10px 0}

.letters,.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px 8px;background:#eef1f6}
.letters a,.tabs a{padding:5px 12px;border:1px solid #7db4e6;background:#fff;border-radius:3px}
.letters a:hover,.tabs a:hover{background:#e3f1ff}
.letters a.on,.tabs a.on{background:#0b2fd0;color:#fff;border-color:#0b2fd0}
.pagebody{padding:14px 12px;font-weight:400;line-height:1.7;overflow-wrap:anywhere}

@media (max-width:560px){
  .hd-text{font-size:30px}
  .th{width:62px;height:62px;flex-basis:62px}
  .albcover{width:180px;height:180px}
}