/* ============================================================
   A4 SATTA — main.css (Optimized)
   Bootstrap 5.2 vars kept, custom styles cleaned
   ============================================================ */

/* ===== BOOTSTRAP ESSENTIAL VARS ===== */
:root {
    --bs-blue:#0d6efd;--bs-red:#dc3545;--bs-yellow:#ffc107;
    --bs-green:#198754;--bs-black:#000;--bs-white:#fff;
    --bs-gray:#6c757d;--bs-gray-dark:#343a40;
    --bs-primary:#0d6efd;--bs-danger:#dc3545;--bs-warning:#ffc107;
    --bs-body-color:#212529;--bs-body-bg:#fff;
    --bs-border-color:#dee2e6;--bs-border-radius:.375rem;
    --bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;
    --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}

/* ===== RESET ===== */
*,:after,:before{box-sizing:border-box}
@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}

/* ===== BASE ===== */
body{
    background:#000;
    color:#212529;
    font-family: Helvetica, Arial, sans-serif; /* CHANGE - pehle sirf Helvetica tha */
    font-size:14px;
    line-height:1.42857;
    margin:0;padding:0;
    box-sizing:border-box;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin:0 0 .5rem}
h1{font-size:calc(1.375rem + 1.5vw)}
h2{font-size:calc(1.325rem + .9vw)}
h3{font-size:calc(1.3rem + .6vw)}
h4,h6{clear:both;line-height:1.4;padding:1.5em 0 0}
h5{font-size:1.25rem}
h6{font-size:1rem}
@media(min-width:1200px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}}
p{margin:0 0 1rem}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ul{padding-left:2rem;margin:0 0 1rem}
ul ul{margin-bottom:0}
b,strong{font-weight:bolder;color:#000}
small{font-size:.875em}
a{color:#023378;text-decoration:underline;transition:all .3s ease}
a:hover{color:#0a58ca}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
img,svg{vertical-align:middle;}
table{border-collapse:collapse;caption-side:bottom}
th{text-align:inherit}
tbody,td,th,thead,tr{border:0 solid;border-color:inherit}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,select{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select:disabled{opacity:1}
[type=button],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::file-selector-button{-webkit-appearance:button;font:inherit}
[hidden]{display:none!important}

/* ===== BOOTSTRAP LAYOUT ===== */
.container,.container-fluid{
    --bs-gutter-x:1.5rem;
    width:100%;margin-left:auto;margin-right:auto;
    padding-left:calc(var(--bs-gutter-x)*.5);
    padding-right:calc(var(--bs-gutter-x)*.5);
    padding: 20px;
}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1140px}}
@media(min-width:1400px){.container{max-width:1320px}}

.row{
    display:flex;flex-wrap:wrap;
    margin-left:calc(var(--bs-gutter-x)*-.5);
    margin-right:calc(var(--bs-gutter-x)*-.5);
    margin-top:calc(var(--bs-gutter-y)*-1);
}
.row>*{flex-shrink:0;max-width:100%;margin-top:var(--bs-gutter-y);
    padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}
.col{flex:1 0}
@media(min-width:576px){.col-sm-6{flex:0 0 auto;width:50%}}
@media(min-width:768px){
    .col-md-2{flex:0 0 auto;width:16.6667%}
    .col-md-4{flex:0 0 auto;width:33.3333%}
    .col-md-7{flex:0 0 auto;width:58.3333%}
    .col-md-8{flex:0 0 auto;width:66.6667%}
    .col-md-12{flex:0 0 auto;width:100%}
}
@media(min-width:992px){.col-lg-5{flex:0 0 auto;width:41.6667%}}

/* ===== BOOTSTRAP TABLE ===== */
.table{
    --bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);
    --bs-table-striped-bg:rgba(0,0,0,.05);--bs-table-hover-bg:rgba(0,0,0,.075);
    color:#212529;margin-bottom:1rem;width:100%;vertical-align:top;
    border-color:#dee2e6;
}
.table>:not(caption)>*>*{
    background-color:var(--bs-table-bg);border-bottom-width:1px;
    box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg,transparent);padding:.5rem;
}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.table-bordered>:not(caption)>*{border-width:1px 0}
.table-bordered>:not(caption)>*>*{border-width:0 1px}
.table-striped>tbody>tr:nth-of-type(odd)>*{
    --bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)
}
.table-hover>tbody>tr:hover>*{
    --bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)
}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ===== BOOTSTRAP FORM ===== */
.form-control{
    -webkit-appearance:none;-moz-appearance:none;appearance:none;
    background:#fff;border:1px solid #ced4da;border-radius:.375rem;
    color:#212529;display:block;font-size:1rem;font-weight:400;
    line-height:1.5;padding:.375rem .75rem;width:100%;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus{background:#fff;border-color:#86b7fe;outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25);color:#212529}
.form-control::-moz-placeholder{color:#6c757d;opacity:1}
.form-control::placeholder{color:#6c757d;opacity:1}
.form-control:disabled{background:#e9ecef;opacity:1}



.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* ===== BOOTSTRAP BUTTON ===== */
.btn{
    display:inline-block;padding:.375rem .75rem;font-size:1rem;
    font-weight:400;line-height:1.5;color:#212529;text-align:center;
    text-decoration:none;background-color:transparent;border:1px solid transparent;
    border-radius:.375rem;cursor:pointer;vertical-align:middle;
    -webkit-user-select:none;user-select:none;
    transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s;
}
.btn:hover{background-color:var(--bs-btn-hover-bg);
    border-color:var(--bs-btn-hover-border-color);color:var(--bs-btn-hover-color)}
.btn.disabled,.btn:disabled{opacity:.65;pointer-events:none}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;
    --bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-color:#fff;--bs-btn-hover-border-color:#0a58ca}
.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;
    --bs-btn-hover-bg:#5c636a;--bs-btn-hover-color:#fff}
.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;
    --bs-btn-hover-bg:#157347;--bs-btn-hover-color:#fff}
.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;
    --bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-color:#fff}

/* ===== BOOTSTRAP ALERTS ===== */
.alert{padding:1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.375rem;position:relative}
.alert-success{color:#0f5132;background:#d1e7dd;border-color:#badbcc}
.alert-warning{color:#664d03;background:#fff3cd;border-color:#ffecb5}
.alert-danger{color:#842029;background:#f8d7da;border-color:#f5c2c7}

/* ===== BOOTSTRAP MODAL ===== */
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;
    z-index:1055;overflow-x:hidden;overflow-y:auto;outline:0}

/* ===== BOOTSTRAP UTILITIES ===== */
.clearfix:after{clear:both;content:"";display:block}
.d-flex{display:flex!important}
.border{border:1px solid #dee2e6!important}
.w-100{width:100%!important}
.text-center{text-align:center!important}
.justify-content-center{justify-content:center!important}
.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}
.mx-4{margin-left:.5rem!important;margin-right:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mt-6{margin-top:1.5rem}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.p-2{padding:.5rem!important}
.p-4{padding:1.5rem!important}
.px-3{padding-left:1rem!important;padding-right:1rem!important}
.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}
.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}
.pt-2{padding-top:.5rem!important}
.fs-6{font-size:1rem!important}
.rounded{border-radius:.375rem!important}
.lead{font-size:1.25rem;font-weight:300}
@media(min-width:768px){.p-md-3{padding:1rem!important}.p-md-5{padding:3rem!important}}

/* ===== LOADER ===== */
.newLoader{display:flex;align-items:center;justify-content:center;min-height:100vh}
.loader2{
    animation:loader2 2s ease-in-out infinite alternate;
    border-radius:100%;
    border:5px solid;
    border-color:rgba(254,168,23,.65) rgba(137,188,79,.95) rgba(57,154,219,.65) rgba(188,84,93,.95);
    display:inline-block;height:25px;width:25px;
}
@keyframes loader2{0%{transform:rotate(0)}to{transform:rotate(2turn)}}

/* ===== LAYOUT ===== */
.bodyClass{margin:0 auto;max-width:100rem!important}
.topboxnew{background:#000}
.nopadding{padding:0!important}
.table-extra{overflow-x:scroll!important}

/* ===== NAV ===== */
.newnav ul{list-style:none;margin:0;padding:0}
.newnav ul li{float:left;padding:0 50px;width:25%}
.newnav ul li a{
    background:#ffb327;border:1px solid #000;border-radius:30px;
    box-shadow:2px 2px hsla(0,0%,100%,.9);display:block;
    font-size:14px;font-weight:700;letter-spacing:.5px;
    padding:12px 30px;text-align:center;text-transform:uppercase;
    color:#000;text-decoration:none;
}
.newnav ul li a:hover{background:#fff;box-shadow:2px 2px rgba(255,216,100,.9);color:#000}

/* ===== LOGO ===== */
.sattalogo{background:#ffae00;}
.sattalogo a{color:#000;font-size:27px;font-weight:900;text-decoration:none;text-transform:uppercase}
.sattalogo h1{margin:0;padding:0}
.sattalogo img{margin:30px auto 0;width: auto;
    height: auto;}

/* ===== CIRCLEBOX ===== */
.circlebox{background:#000;border:1px solid #000;}
.circlebox2{background:#000;margin:0;min-width:3rem;text-align:center;height:auto}

/* ===== RESULT DISPLAY ===== */
.blur{
    color:transparent;display:block;font-size:17px;font-weight:700;
    margin-bottom:2px;text-align:center;text-shadow:0 0 8px #ffb327;
    -webkit-user-select:none;user-select:none;
}
.sattaname p{color:#fff;font-size:33px;font-weight:600;margin:10px;text-transform:uppercase}
.sattaresult{padding:1rem 0}
.sattaresult span{color:#fff;display:inline-block;font-size:39px;font-weight:600;text-align:center}
#clockbox{color:#ffb327;display:block;font-size:20px;font-weight:700;margin-bottom:10px;min-height:2rem;text-align:center}
.hintext{color:#ffd900;font-size:24px;font-weight:700;margin:0!important}
.hintext2{color:#ffd900;font-size:16px;font-weight:400;line-height:1.8rem;margin:0!important}

/* ===== WRAPPER / DIVIDER ===== */
.wrapper-yellow{background:linear-gradient(to bottom,#ffb327,#ffae00);padding:10px 5px}
.sattadividerr{padding:0;margin:0}
.sattadividerr h4{color:#000;font-weight:700;margin:0;text-transform:uppercase}
.sattadividerr p{color:#000;margin:8px 0}

/* ===== TABLES ===== */
.tablebox1 .table>:not(caption)>*>*{color:#fff!important;background-color:transparent!important;box-shadow:none!important}
.tablebox1 .table td{color:white!important;font-size:22px;font-weight:700;text-align:center;vertical-align:middle}
.tablebox1 .table td *{color:#fff!important}
.tablebox1 .table{margin-bottom:0}
.tablebox1 .table .forblack{background:#1a1a1a!important;color:#fff!important}
.tablebox1 .table .foryellow{background:#ffb005!important;color:#000!important}
.tablebox1 .table .foryellow *{color:#000!important}
.tablebox1 .table-bordered>:not(caption)>*>*{border:1px solid #333!important}

.newtable .table{margin:0}
.newtable .table-bordered>:not(caption)>*>*{border:1px solid #333;width:min-content}
.forfirtcolor{background:#ffb327!important;color:#000;font-size:13px;font-weight:700;min-width:120px;width:max-content}
.date{width:100px!important}
.table_chart_section a{color:#000;display:block;font-weight:700;text-align:center}
.table_chart_section_02{color:#000;display:block;font-weight:600!important;letter-spacing:2px;text-align:center}

/* ===== CHART SECTION ===== */
.octoberresultchart{
    background:linear-gradient(180deg,#ff9000,#ffe400);
    border-top:2px solid #000;border-bottom:1px solid #000;
    color:#000;padding:20px 0;
}
.octoberresultchart h1{color:#000;font-weight:700;margin:0;padding:0}

.Select_selectMainDiv__QD2cf{display:flex;align-items:center;gap:.5rem;justify-content:center;margin:auto;padding:.8rem 0;width:50%}
.Select_selectTag__IzyVd{border:2px solid #ffb327;border-radius:5px;padding:.8rem;text-transform:uppercase;width:100%;font-weight:700;outline:none}
.Select_button__PIOQS{background:#ffb327;border:1px solid #ffb327;border-radius:5px;padding:12px 20px;font-weight:700;outline:none}

/* ===== PILLS ===== */
.pills-for-chart{display:grid;grid-auto-flow:row;grid-template-columns:1fr 1fr 1fr;gap:5px;padding:10px}
.single-pill{background:#ffb327;border-radius:5px;color:#000;font-weight:500;padding:10px;text-align:center;text-transform:uppercase}
.single-pill:hover{background:#000;color:#ffb327;cursor:pointer}

/* ===== FOOTER LINKS ===== */
.somelinks{background:#000;padding:2rem .5rem;text-align:center}
.somelinks ul{display:inline-block;list-style:none;margin:0;padding:0}
.somelinks ul li{float:left;padding:0 20px;position:relative;text-align:center}
.somelinks ul li a{color:#ffb327;display:block;font-weight:700;text-align:justify}
.somelinks ul li a:hover{color:#fff;text-decoration:none}
.somelinks2{background:#ffb327;padding:10px 0}
.somelinks2 strong{color:#000;display:block;font-weight:700;text-align:center}
.yellow-link{color:#ffb327;font-weight:700;text-decoration:underline}
.slug{background:#000;color:#fff;padding:2rem}


/* ===== MISC ===== */
.yellow-one{background:#000;color:#fff;font-weight:700;margin:0;text-align:center;text-transform:uppercase;padding:40px 0 20px}
.faq{background:#4b4b4b;color:#fff;font-weight:700;margin:0;text-align:center;text-transform:uppercase;padding:20px 0}
.button-50{
    -webkit-appearance:button;appearance:button;background:#000;border:1px solid #000;
    border-radius:4px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 1px #000;
    color:#fff;cursor:pointer;display:inline-block;font-size:14px;
    line-height:20px;margin:0 5px 10px 0;padding:12px 40px;
    text-align:center;-webkit-user-select:none;user-select:none;
}
.button-50:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.button-50:not([disabled]):active{box-shadow:2px 2px 0 0 #fff,2px 2px 0 1px #000;transform:translate(2px,2px)}
.active{background:#fff!important;box-shadow:2px 2px rgba(255,216,100,.9);color:#000;text-decoration:none}
.gamenameeach{color:#000;text-decoration:none;text-transform:uppercase}
.gamenameeach:hover{color:#000;cursor:pointer}

/* ===== SCROLLING TEXT ===== */
.scrolling-container{width:100%;overflow:hidden;background:#f0f0f0;padding:10px 0;border:1px solid #ddd;position:relative}
.scrolling-text{display:inline-block;white-space:nowrap;animation:scrollText 20s linear infinite;font-weight:700;font-size:18px;color:#333}
@keyframes scrollText{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

/* ===== ANIMATIONS ===== */
.fade-out{opacity:0;transition:opacity .3s ease}
@keyframes blinker{0%{opacity:1}to{opacity:0}}
.blink {
    animation: blinker .6s ease-in-out infinite alternate;
    animation-delay: 5s;
    animation-direction: alternate;
    font-size: 3rem;
    font-weight: 700;
    display: inline-block; /* ADD THIS */
    width: auto; /* ADD THIS */
    min-width: 200px; /* ADD THIS - jitna text ka approximate width hai */
}
@keyframes zoomPulse {
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.04)}
}
/* ADD THIS - zoom pulse se shift na ho */
img[style*="zoomPulse"] {
    will-change: transform;
}
@keyframes marquee{0%{transform:translateX(100%)}20%{transform:translateX(0)}to{transform:translateX(-100%)}}

/* ===== NOTIFICATION ===== */
.notification h3{font-size:.9rem}

/* ===== DELETE MODAL ===== */
.deleteModal{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:50}
.deleteModalA{background:#fff;border-radius:.375rem;bottom:25%;left:34%;position:absolute;right:34%;top:25%!important}
.deleteModalB{align-items:center;border-bottom-width:1px;display:flex;justify-content:space-between;padding:1rem 1rem .25rem}
.deleteModalText{color:#4b5563;font-size:.875rem;font-weight:600;line-height:1.25rem}
.deleteMessage{color:#4b5563;font-size:1rem;font-weight:600;line-height:1.5rem;text-align:center}
.flex-padding{align-items:center;display:flex;justify-content:center;padding-top:1.5rem}
.deleteMessageF{align-items:center;display:flex;justify-content:space-between;width:66.6667%}
.deleteButtonModal{background:#dc2626;border-radius:.375rem;color:#fff;outline:0;padding:.25rem 1.5rem}
.deleteButtonCancel{background:#6b7280;border-radius:.375rem;color:#fff;padding:.25rem 1rem}
.closeIcon{color:#6366f1;cursor:pointer;font-size:1.5rem;line-height:2rem}
.closeIcon:hover{color:#ef4444}

/* ===== RESPONSIVE ===== */
@media only screen and (max-width:991px){
    .newnav ul li{padding:0 2px}
    .newnav ul li a{box-shadow:none;font-size:.7rem;padding:8px 10px;text-decoration:none;width:-webkit-fill-available}
    .foryellow{background:linear-gradient(to bottom,#ffb327,#ffae00);color:#000;font-size:15px!important;vertical-align:middle}
}
@media only screen and (max-width:768px){
    .newnav ul li a{border:none;font-size:12px!important;padding:7px 4px;box-shadow:none}
    .pills-for-chart{grid-template-columns:1fr}
    .octoberresultchart h1{font-size:15px}
    .hintext,.hintext2{line-height:2rem;font-size:19px}
    .tablebox1 .table td{font-size:14px;padding:5px}
    .sattalogo a{font-size:28px;font-weight:900}
    .ads-container{flex-direction:column}
    .marginBottom{margin-bottom:20px}
    .button-50{margin-top:10px}
    .deleteModalA{background:#ffb327;border:3px solid #efefef;left:5%;right:5%}
    .Select_selectMainDiv__QD2cf{width:96%}
    .Select_selectTag__IzyVd,.Select_secondTag__Q9uV_{font-weight:400;padding:.2rem}
    .Select_secondTag__Q9uV_{width:40%}
    .Select_button__PIOQS{padding:4px 10px}
    a,button,.btn,.newnav ul li a{min-height:35px;display:inline-flex;align-items:center;justify-content:center}
}
@media(min-width:768px){.button-50{padding:12px 50px}}

/* ===== PRINT ===== */
@media print{
    body{background:#fff;color:#000}
    .navbar,.somelinks,.somelinks2,.ads-container{display:none}
}