/* ========================================= */
/* SahiResult Homepage Final CSS - 3px Gap Fix */
/* ========================================= */

.sr-home{
  max-width:100%;
  width:100%;
  margin:0;
  padding:0 3px; /* pehle 1px tha, ab 3px gap screen se */
  background:#fff;
  font-family:Arial, Helvetica, sans-serif;
  color:#000;
}
.sr-home *{box-sizing:border-box}

.sr-top{
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  border-left:0;
  border-right:0;
  padding:10px 6px;
  text-align:center;
  background:#fff;
  margin:0 0 6px 0; /* pehle 4px tha */
}
.sr-top h1{
  margin:0 0 8px;
  font-size:21px;
  color:#0000a0;
  font-weight:700;
  line-height:1.3;
}
.sr-welcome{
  color:#c00000;
  font-weight:700;
  font-size:13px;
  margin-bottom:8px;
  line-height:1.4;
}
.sr-toplinks{
  font-size:13px;
  font-weight:700;
  color:#0000a0;
  line-height:1.6;
}
.sr-toplinks a{color:#0000a0;text-decoration:underline}

/* Latest Update Marquee */
.sr-marquee-wrap{
  display:flex;
  align-items:stretch;
  background:#fff;
  border-top:1px solid #b0721f;
  border-bottom:1px solid #b0721f;
  margin:0 0 6px 0; /* gap badhaya */
  overflow:hidden;
}
.sr-marquee-label{
  background:#7f1226;
  color:#fff;
  font-weight:700;
  font-size:10.5px;
  text-transform:uppercase;
  letter-spacing:0.4px;
  padding:3px 6px;
  display:flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
  flex-shrink:0;
}
.sr-marquee-label::before{
  content:"";
  width:5px;
  height:5px;
  background:#ffd54f;
  border-radius:50%;
  animation:srBlink 1.2s infinite;
}
@keyframes srBlink{0%,100%{opacity:1}50%{opacity:0.25}}
.sr-marquee-viewport{
  flex:1;
  overflow:hidden;
  display:flex;
  align-items:center;
  white-space:nowrap;
  padding:3px 0;
  background:#fffdf3;
  border-left:1px solid #f3e2a9;
}
.sr-marquee-track{
  display:flex;
  width:max-content;
  animation:srScroll 38s linear infinite;
}
.sr-marquee-wrap:hover .sr-marquee-track{animation-play-state:paused}
.sr-marquee-group{display:flex;align-items:center;gap:6px;padding-right:6px}
.sr-marquee-group a{
  color:#0a0ab3;
  font-size:11px;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px dotted #0a0ab3;
}
.sr-marquee-group span{color:#b0721f;font-weight:700;font-size:11px}
@keyframes srScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* 8 cards - AB 3px GAP */
.sr-cards-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:3px; /* pehle 1px tha, ab 3px */
  padding:0;
  margin:0 0 6px 0;
}
.sr-card{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:5px 4px;
  border:none;
}
.sr-card a{
  color:#fff !important;
  font-size:12px;
  font-weight:700;
  line-height:1.25;
  text-decoration:none;
  word-break:break-word;
}
.sr-card-c1{background:#808000}
.sr-card-c2{background:#0a0ab3}
.sr-card-c3{background:#e65c00}
.sr-card-c4{background:#8b0000}
.sr-card-c5{background:#d93800}
.sr-card-c6{background:#0a5c00}
.sr-card-c7{background:#b0007a}
.sr-card-c8{background:#1a7ab5}

/* Category boxes - AB 3px GAP */
.sr-cat-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:3px; /* pehle 2px tha, ab 3px */
  padding:0;
  margin:0;
}
.sr-cat-box{
  border:1px solid #b0721f;
  background:#fff;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.sr-cat-head{
  background:#a51c32;
  padding:5px 2px;
  text-align:center;
}
.sr-cat-head h2{margin:0;font-size:15px;font-weight:700;color:#fff;line-height:1.2}
.sr-cat-head a{color:#fff !important;text-decoration:none}

.sr-cat-list{
  list-style:none;
  margin:0;
  padding:5px 3px 2px 3px;
  flex:1;
}
.sr-cat-list li{
  position:relative;
  margin:0 0 2px 0;
  padding:4px 2px 6px 12px;
  font-size:12px;
  line-height:1.4;
  color:#000;
  border-bottom:1px dotted #e2e2e2;
}
.sr-cat-list li:last-child{border-bottom:none;margin-bottom:0;}
.sr-cat-list li::before{
  content:"";
  position:absolute;
  left:1px;
  top:10px;
  width:5px;
  height:5px;
  background:#a51c32;
  border-radius:50%;
}
.sr-cat-list a{
  color:#0000a0;
  text-decoration:none !important;
  word-break:break-word;
  font-weight:600;
}
.sr-cat-list a:hover{color:#c00000;text-decoration:underline !important;}

.sr-view-more{
  text-align:right;
  padding:5px 6px;
  border-top:1px solid #eee;
  margin-top:auto;
}
.sr-view-more a{
  color:#000080;
  font-weight:700;
  font-size:12px;
  text-decoration:none;
}

@media(min-width:900px){
  .sr-top h1{font-size:25px}
  .sr-cards-grid{grid-template-columns:repeat(4,1fr);gap:3px;}
  .sr-cat-grid{grid-template-columns:repeat(3,1fr);gap:3px;}
  .sr-cat-head h2{font-size:16px}
  .sr-cat-list li{font-size:12.5px}
}
/* Desktop pe full screen band, beech me box jaisa */
@media (min-width: 1100px){
    body{
        background:#e8e8e8; /* bahar wala halka grey background */
    }
    .sr-home{
        max-width:1160px;
        margin:6px auto; /* left-right auto se beech me aa jayega */
        background:#fff;
        padding:0 8px 8px 8px;
        border-left:1px solid #d5c2b8;
        border-right:1px solid #d5c2b8;
    }
}