/*
 * matkaresult.css: the ONE stylesheet of the whole website.
 * The home page is the standard design; every other page uses the same boxes and colours.
 *
 * 1. Base styles of the old website (was style/style.css)
 * 2. Home page design (was the <style> inside the home page): boxes .div-1 ... .div-21,
 *    cards (.my-card / .each-card), buttons (.btn), headings (.h4 / .h5), widths 90% / 95%
 * 3. Website name bar at the top of every page
 * 4. Home page fixes
 * 5. Chart pages (jodi / panel)
 * 6. Chart table
 * 7. Old static pages
 * 8. Special game zone pages (220 card list, jodi family chart, free fix game ...)
 */


/* ======================================================================
   1. Base styles of the old website
   body colours, #wraper, #banner ...
   ====================================================================== */
/* CSS Document */

body{
	background-color:#000000;
	margin-top:0px;
	margin-bottom:0px;
	
	}
	

#wraper{
	width:100%;
	margin:auto;
	}

#banner{
	width:100%;
	
	
	text-align:center;
	font-size:18px;
	color:#9ADDED;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	margin-top:5px;
	}

#guessing{
	width:100%;
	background-color:#ff6600;
	border:4px #000000 dotted;
	text-align:center;
	font-size:20px;
	color:#0033FF;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	margin-top:20px;
	}
#img_area{
	width:100%;
	}

#img{
	height:33px;
/*	background-image:url(../images/hed.png); */
	width:200px;
	margin:auto;
	}

#guessing_res{
	width:100%;
	background-color:#ff6600;
	border:4px #000000 dotted;
	text-align:center;
	font-size:20px;
	color:#000000;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	margin-top:10px;
	}

#chart_res{
	width:100%;
	background-color:#FFFFFF;
	border:4px #0000FF dotted;
	text-align:center;
	font-size:20px;
	color:#000000;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;

	}
#forum{
	width:100%;
	background-color:#000000;
	border:3px #FF0000 solid;
	text-align:center;
	font-size:20px;
	color:#FFFFFF;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;

	}



#top_one{
	width:100%;
	background-color:#FF0000;
	border:2px #808080 solid;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	margin-top:10px;
	
	}
	
#top_heding{
	width:100%;
	background-color:#FF0000;
	border:2px #0000FF double;
	text-align:center;
	font-size:18px;
	font-style:normal;
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	line-height:1.3em;
	margin-top:15px;
	
	}
#dt_tm{
	width:100%;
	font-size:20px;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.7em;
	text-align:center;
	margin-top:10px;
	color:#FF0000;
	letter-spacing:3px;
	}
#login{
	width:100%;
	background-color:#FFFFFF;
	text-align:center;
	font-family:Calibri;
	font-weight:bold;
	color:#0033FF;
	line-height:1.3em;
	margin-top:10px;
	font-style:italic;
	border:3px #0033FF double;
	}

#register{
	width:100%;
	background-color:#FFFFFF;
	font-family:Calibri;
	font-weight:bold;
	color:#990000;
	line-height:1.3em;
	margin-top:10px;
	border:3px #00CC00 solid;
	font-size:18px;
	}

	
#top_two{
	width:100%;
	text-align:center;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	margin-top:10px;
	color:#FF6600;
	font-size:26px;
	}	

#result{
	width:100%;
	background-color:#CCCC99;
	text-align:center;

	border-top: 5px ridge #ff0000;
	border-left: 5px ridge #ff0000;
	border-right:5px ridge #ff0000;
	border-bottom:5px ridge #ff0000;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	line-height:1.3em;
	margin-top:10px;
	color:#000000;
	font-size:22px;
	}	

#top_three{
	width:100%;
	text-align:center;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	margin-top:10px;
	color:#FFFFFF;
	font-size:20px;
	}

#gessing_heading{
	background-color: #e6e6e6; color: black; border: 4px groove brown; margin-top: 4px; margin-bottom: 4px; margin-left: 2px; margin-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; font-style: bold; }

	
#gessing_line{
	background-color: #ffffff; color: black; border-top: 3px ridge#ff00ff; border-left: 3px ridge #ff00ff; border-right: 3px ridge #ff00ff; border-bottom: 3px ridge #ff00ff; margin-top: 7px; margin-bottom: 7px; padding-top: 7px; padding-bottom: 7px; font-size:22px; font-style: italic; font-family:"Times New Roman", Times, serif;

	}


#weekly_chart{
	width:100%;
	text-align:center;
	background-color:#FFFFFF;
	font-family:Calibri;
	font-weight:normal;
	font-style:italic;
	line-height:1.3em;
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:1px;
	border:2px #FF0000 solid;
	}
#open_close{
	width:100%;
	text-align:center;
	background-color:#FFFFFF;
	font-family:Calibri;
	font-weight:bold;
	font-style:normal;
	line-height:1.3em;
	font-size:30px;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:1px;
	border:1px #000000 solid;
	}

#chart{
	background-color: #ffffff; color: black; border-top: 3px ridge#00ff00; border-left: 3px ridge #00ff00; border-right: 3px ridge #00ff00; border-bottom: 3px ridge #00ff00; margin-top: 7px; margin-bottom: 7px; padding-top: 7px; padding-bottom: 7px; font-size:18px; font-style: italic; font-family:"Times New Roman", Times, serif;  
	}


#visit_user_count{
	background-color: pink; color: black; font-size: large; border-width: 3px; border-color: #ff00ff; border-style: groove; font-weight: bold; margin-top: 7px; margin-bottom: 7px; font-style: italic;  

	}
td{
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	font-size:16px;
	letter-spacing:1px;

}


a{
	color:#0000FF;
	}

#alert{
	width:100%;
	text-align:center;
	background-color:#000000;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	margin-top:10px;
	color:#FF0000;
	font-size:20px;
	border:3px #FFCC00 solid;
	}
#pic{
	width:100%;
	text-align:center;
	margin-top:5px;	
	}

#top_five{
	
	text-align:center;
	background-color:#FFFF00;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	line-height:1.3em;
	margin-top:10px;
	color:#000000;
	font-size:22px;
	border-left:3px solid #00008D;
	border-right:3px solid #00008D;
	border-bottom:3px solid #00008D;
	border-top:3px solid #00008D;
	}
#counter{
	width:100%;
	text-align:left;
	background-color:#181818;
	color:#FF3300;
	margin-top:5px;
	margin-bottom:5px;
	border:3px #009900 solid;
	
}

#top_six{
	width:100%;
	text-align:center;
	background-color:#d5c136;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	margin-top:10px;
	color:#000000;
	font-size:22px;
	border:3px #FFFF00 double;
	}
#top_seven{
	width:100%;
	text-align:center;
	background-color:#8ccc51;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	margin-top:10px;
	color:#000000;
	font-size:22px;
	border:3px #FFFF00 double;
	}
#last{
	width:100%;
	text-align:center;
	font-family:Calibri;
	font-weight:bold;
	line-height:1.3em;
	margin-top:20px;

	}

#fix { background-color: #ffffff; color: black; border-top-width: 2px; border-top-color: red; border-top-style: solid; border-bottom-width: 2px; border-bottom-color: red; border-bottom-style: solid; border-left-width: 2px; border-left-color: red; border-left-style: solid; border-right-width: 2px; border-right-color: red; border-right-style: solid;  margin-top: 4px; margin-bottom: 4px; margin-left: 4px; margin-right: 4px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; font-weight: bold; text-decoration: none; font-size: large; font-style: italic; }


#chats { background-color: red; color: white; border-top-width: 4px; border-top-color: red; border-top-style: solid; border-bottom-width: 4px; border-bottom-color: red; border-bottom-style: solid; border-left-width: 4px; border-left-color: red; border-left-style: solid; border-right-width: 4px; border-right-color: red; border-right-style: solid;  margin-top: 4px; margin-bottom: 4px; margin-left: 4px; margin-right: 4px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; font-weight: bold; text-decoration: none; font-size: large; font-style: italic; }


#ttt{
 background-color: #000000; color: red; border-width: 4px; border-color: yellow; border-style: double; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-weight: bold; font-style: italic; font-size: large; text-decoration: blink; }

.tttt{ background-color: #000000; color: red; border-width: 4px; border-color: yellow; border-style: double; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-weight: bold; font-style: italic; font-size: large; text-decoration: blink; }
.CHARTS { background-color: #ffffff; color: black; border-top: 3px ridge#00ff00; border-left: 3px ridge #00ff00; border-right: 3px ridge #00ff00; border-bottom: 3px ridge #00ff00; margin-top: 7px; margin-bottom: 7px; padding-top: 7px; padding-bottom: 7px; font-size: large; }

.panel{
	background-color: #ffffff; color: black; border:3px ridge red; margin-top: 7px; margin-bottom: 7px; padding-top: 7px; padding-bottom: 7px; font-size:18px; font-style: italic; font-family:"Times New Roman", Times, serif;   
	}

.fixx { background-color: #ccffcc; color: #003366; border-width: 2px; border-color: #0099ff; border-style: groove; font-weight: bold; font-size: large; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }

.quote { background-color: #66FFFF; font-size:12px; width:100%; color:#FF0000; margin-top:-10px; }


#diwali {background: gold;margin-bottom: 7px;margin-top: 7px;border-width: 4px;border-color: red;border-style: solid;}

#diwalibox {background: #FFFF33;margin-bottom: 7px;margin-top: 7px;border-width: 4px;border-color: RED;border-style: solid;}

#callbox .callus {
	color: #000;
	border: none;
	outline: none;
	font-size: 22px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 15px;
	margin: auto;
	background-color: #FDFD02;
	border-color: #FAFA10;
	width: 177px; }

	
/*@media all and (max-width: 1024px) {
#wraper{
width:1000px;

}
}	
	
@media all and (max-width: 950px) {
#wraper{
width:900px;

}
}	
	
@media all and (max-width: 900px) {
#wraper{
width:640px;

}
}	
	
@media all and (max-width: 640px) {
#wraper{
width:480px;

}
}	

	
@media all and (max-width: 480px) {
#wraper{
width:320px;

}
}	
	
@media all and (max-width: 320px) {
#wraper{
width:240px;

}
}	
*/

/* ======================================================================
   2. Home page design (the standard for every page)
   copied from the home page, one rule per line
   ====================================================================== */
.bigrow p span,.cm-patti,.div-11 .h5,.div-12 a,.div-13 a,.div-16 .p,.div-19 .b,.div-19 .h4,.div-6 .card-info span,.form-group,.lfr span,.mama,.ulo {
    display:block;
}
.btn,.btn_starline,.div-14,.div-5 a {
    transform:scale(1);
}
*,.containerfull,.div-11 .each-card,.div-11 .my-card,.div-3+.cm-patti,.divthird,.divthird>div,.my-table1,.rowdiv,.tr0,.tr0 .tableclassdiv {
    box-sizing:border-box;
}
.div-16+.div-12.sp-list,.div-19+.div-12.sp-list {
    width:90%;
}
.div-12.sp-list,.ex1,.my-table.mr-sl table,.rowdiv,.tr0 {
    width:100%;
}
.matka-3,.my-table1 {
    width:90%;
    margin:auto;
}
.btn_starline {
    float:right;
    margin-right:10px;
}
.div-4 .pp-2,.div-5 .h5,.div-6 .h5,.div-9 .h5 {
    text-transform:uppercase;
}
.div-11 .h4,.div-5 .h4,.div-6 .h4 {
    letter-spacing:2px;
}
.div-15 .h4,.div-16 .h4 {
    text-decoration:underline;
}
.btn,.div-11 .h6,body {
    text-align:center;
}
body,html {
    scroll-behavior:smooth;
    overflow-x:hidden;
}
.btn,summary {
    cursor:pointer;
}
summary,summary h6 {
    text-align:left;
    line-height:10px;
}
:root {
    --blue:#052f5f;
    --red:#f64740;
    --green:#9850ff;
    --cray:#c5d1eb;
    --yellow:#ffc107;
    --white:#fff;
    --dark:#111;
}
.fixed-top {
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1030;
}
.btn,.div-5 a {
    padding:2px 6px 2px 9px;
    background-image:linear-gradient(45deg,#ff5722,#ff9800);
    margin:7px 0 0;
}
.btn,.div-2 .h5,.div-4 .p,.div-5 .h4,.div-5 .h5 {
    color:#fff;
    font-weight:700;
}
.btn {
    display:inline-block;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:transparent;
    line-height:1.5;
    border-radius:10px;
    transition:.1s,_ .1s,_ .1s,_ .1s;
    font-size:14px;
    text-shadow:1px 1px 2px #000;
    box-shadow:0 0 10px -5px #111;
}
.advertise-btn,.phone-call-btn {
    left:10px;
    background-image:linear-gradient(45deg,#8122ff,#ff0052);
}
.myrow,.row {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.row>.col-row {
    position:relative;
    width:100%;
    padding-right:15px;
    padding-left:15px;
}
.div-1,.div-10,.div-11,.div-12,.div-13,.div-14,.div-15,.div-16,.div-17,.div-18,.div-19,.div-2,.div-20,.div-21,.div-3,.div-4,.div-5,.div-6,.div-7,.div-8,.div-9,.result-noti {
    width:90%;
    margin-left:auto!important;
    margin-right:auto!important;
}
@media only screen and (max-width:500px) {
    .col-8 {
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%;
    }
    .col-5 {
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%;
    }
    .div-1,.div-10,.div-11,.div-12,.div-13,.div-14,.div-15,.div-16,.div-17,.div-18,.div-19,.div-2,.div-20,.div-21,.div-3,.div-4,.div-5,.div-6,.div-7,.div-8,.div-9,.result-noti {
        width:95%;
        margin-left:auto!important;
        margin-right:auto!important;
    }
}
.div-2,.div-4 {
    box-shadow:0 7px 20px 0 rgb(73 6 167 / .3);
    margin:10px 0;
}
.div-2 {
    border:2px solid #fff;
    padding:0;
    border-radius:16px;
    background-color:var(--green);
    border-width:5px 0;
}
.div-2 .h5 {
    margin:0;
    padding:8px 15px;
    border-radius:14px;
    font-size:11px;
    text-shadow:1px 1px 2px #111;
}
.div-10,.div-11 .h4,.div-11 .h6,.div-12 a,.div-13 a,.div-5 .h4,.div-5 .h5 {
    text-shadow:1px 1px 2px #000;
}
.div-2 .h4 {
    padding:2px;
    border-radius:7px;
    box-shadow:0 10px 25px 0 rgb(255 255 255 / .3);
    background-color:rgb(255 255 255);
    color:#111;
    font-size:15px;
    font-weight:700;
    border:solid #111;
    border-width:5px 0;
}
.div-2 .p {
    margin:3px 0;
    border:2px solid var(--dark);
    color:#222;
    padding:8px 15px;
    background-color:#fff;
    border-radius:14px;
    font-weight:700;
    font-size:11px;
    line-height:1.6;
    box-shadow:0 0 10px -8px #000;
    border-width:5px 0;
}
.div-3,.div-5 .my-card {
    background-color:var(--green);
    font-weight:700;
}
.div-3,.div-4 .pp-1,.div-4 .pp-3,.div-5 a {
    font-size:14px;
}
.div-3 {
    color:var(--white);
    border-style:solid;
    border-color:#fff;
    padding:10px 15px;
    border-radius:14px;
    border-width:5px 0;
    text-shadow:1px 1px 2px #0000007a;
}
*,.div-4,body {
    padding:0;
}
.div-4 {
    border:2px solid #fff;
    border-radius:16px;
    border-width:5px 0;
    background-color:#6517d2;
    text-shadow:1px 0 0 #333;
}
.div-4 .p {
    margin:0;
    line-height:1.6;
}
.div-4 .pp-2 {
    font-size:22px;
}
.div-5 .h4 {
    padding:10px;
    border-radius:30px;
    box-shadow:0 10px 25px 0 rgb(0 150 136 / .3);
    font-size:28px;
    border:solid #fff;
    border-width:5px 0;
    background-image:linear-gradient(45deg,#f44336,#e91e63);
}
.div-5 .my-card {
    margin:10px 0;
    border:2px solid #fff;
    padding:0 3px;
    border-radius:14px;
    font-size:13px;
    line-height:1.6;
    border-width:5px 0;
}
.div-5 .each-card,.div-6 .each-card {
    margin:0;
    padding:4px 10px 9px;
    border-bottom:1px solid #fff;
    border-radius:25px;
}
.div-5 .my-card .each-card:last-child,.div-6 .my-card .each-card:last-child {
    border-bottom-width:0;
}
.div-5 .h5 {
    font-size:28px;
}
.div-11 .b,.div-14,.div-5 .p {
    margin:0;
    font-size:22px;
    display:inline-block;
    background-color:var(--yellow);
    color:var(--dark);
    padding:4px 20px;
    border-radius:14px;
    box-shadow:0 0 10px -5px #111;
    border:2px solid #fff;
    text-shadow:1px 1px 2px #fff;
}
.div-10,.div-16,.div-7,.div-8,.div-9,.result-noti {
    box-shadow:0 7px 20px 0 rgb(73 6 167 / .3);
    padding:10px 15px;
}
.div-5 a,.div-6 .h4 {
    text-shadow:1px 1px 2px #000;
    color:#fff;
    font-weight:700;
}
.div-5 a {
    border-radius:10px;
    border:2px solid #fff;
    box-shadow:0 0 10px -5px #111;
    transition:.1s;
}
.div-5 a:hover,.refresh-btn.btn:hover {
    transform:scale(1.05);
}
.result-noti {
    color:#fff;
    font-size:18px;
    line-height:24px;
    display:block;
    font-weight:550;
    border:2px solid #fff;
    margin:10px 0;
    border-radius:16px;
    border-width:5px 0;
    background-color:var(--green);
    text-shadow:1px 1px 2px #333;
}
.div-6 .h4 {
    padding:10px;
    border-radius:30px;
    box-shadow:0 10px 25px 0 rgb(0 150 136 / .3);
    background-color:#009688;
    font-size:28px;
    border:solid #fff;
    border-width:5px 0;
    background-image:linear-gradient(45deg,#e91e63,#ff5722);
}
.div-6 .my-card,.div-7 {
    border:2px solid #fff;
    margin:10px 0;
    background-color:var(--green);
}
.div-6 .my-card {
    color:#fff;
    padding:0 3px;
    border-radius:14px;
    font-weight:700;
    font-size:13px;
    line-height:1.6;
    border-width:5px 0;
}
.div-6 .h5 {
    font-size:28px;
    font-weight:700;
    color:#fff;
    text-shadow:1px 1px 2px #111;
}
.div-6 .p {
    background-color:#f5fff0;
    display:block;
    color:var(--dark);
    padding:5px 0;
    border:4px solid #000;
    font-size:24px;
    border-radius:10px;
    width:30%;
    margin:7px auto 11px;
    border-width:4px 0;
    box-shadow:0 0 10px -6px #000;
}
.div-10 a,.div-11 .para,.div-19 span,.div-6 .time-div,.div-6 .time-div a,.div-6 .time-div span,.div-9 .p,.matka-6 a.btn,.tr0,input,select {
    display:inline-block;
}
.div-6 .time-div,.div-7 button,.div-7 input {
    box-shadow:0 0 10px -4px #000;
}
.div-6 .time-div {
    background-image:linear-gradient(-45deg,#111 35%,#fff 35%,#fff 65%,#ec255a 65%);
    border-radius:10px;
    padding:0 10px 3px;
}
.div-6 .time-div span {
    padding:0 10px;
}
.div-6 .time-div a {
    padding:0 30px;
    font-size:20px;
    font-weight:700;
}
.div-6 .card-info {
    font-size:20px;
    color:var(--white);
    margin:0 0 10px;
}
.div-6 .bg-yellow {
    background-color:#ffc107;
}
.div-6 .bg-yellow h5,.div-6 .card-info span {
    color:#111;
    text-shadow:1px 1px 2px #fff;
}
.div-7 {
    border-radius:16px;
    border-width:5px 0;
}
.div-7 .h4 {
    margin:0 0 10px;
    font-weight:700;
    color:#fff;
    font-size:24px;
    text-shadow:1px 1px 2px #000000d9;
}
.div-10 a,.div-8 .h4 {
    font-size:20px;
    font-weight:700;
}
.div-10 a,.div-8 .btn11 {
    text-shadow:1px 1px 2px #fff;
}
.div-7 .form-group {
    justify-content:center;
    margin:15px 0 10px;
}
.div-7 input {
    width:20%;
    margin:0 20px 0 0;
}
.div-10,.div-16,.div-8,.div-9 {
    border:2px solid #fff;
    margin:10px 0;
    border-radius:16px;
    background-color:var(--green);
    border-width:5px 0;
}
.div-8 .h4 {
    padding:10px;
    border-radius:7px;
    box-shadow:0 10px 25px 0 rgb(252 53 73 / .3);
    background-color:rgb(255 255 255);
    color:#111;
    border:solid #111;
    border-width:5px 0;
    margin:0 0 10px;
}
.div-8 .btn11,.div-8 .btn22 {
    width:50%;
    border:none;
    outline:0;
    background-color:var(--white);
    color:#000;
    font-weight:700;
    font-size:12px;
}
.div-8 .btn11:hover,.div-8 .btn22:hover {
    cursor:pointer;
    box-shadow:0 0 10px -2px #121111;
}
.div-8 .btn11 {
    margin-bottom:10px;
    background-color:#87ceeb;
}
.div-8 .btn22 {
    background-color:#ffc107;
    color:#fff;
    text-shadow:1px 1px 2px #000000bf;
}
.div-9 .h4 {
    margin:0 0 10px;
    font-weight:700;
    color:#fff;
    font-size:24px;
}
.div-11 .my-card,.div-9 .my-card {
    display:flex;
    flex-wrap:wrap;
}
.div-9 .each-card {
    width:25%;
}
.div-9 .h5 {
    font-size:22px;
    font-weight:700;
    color:#fff;
}
.div-9 .p {
    background-color:#f5fff0;
    color:#002d29;
    padding:3px 25px;
    border:4px solid #000;
    font-size:18px;
    border-radius:10px;
    margin:7px auto 11px;
    border-width:4px 0;
    font-weight:700;
}
.div-9 .h6 {
    background-color:#faebd7;
    width:40%;
    margin:0 auto;
    padding:4px 0 9px;
    outline:#000 auto 4px;
    outline-offset:-4px;
    font-size:22px;
    color:#000;
    border-radius:8px;
}
.div-10 .call-btn,.div-10 .chat-btn {
    background-color:var(--white);
}
.div-10 .h4,.matka-6 .para1,.matka-6 .para2 {
    margin:0 0 10px;
    font-weight:500;
    color:#fff;
    font-size:22px;
}
.div-10 .call-btn,.div-10 a {
    color:#000;
}
.div-10 a {
    padding:7px 10px;
    border-radius:5px;
    letter-spacing:3px;
}
.div-12 a,.div-13 a {
    background-color:var(--green);
    padding:4px 20px;
    box-shadow:0 0 10px -5px #111;
    transform:translateY(0);
    transition:.3s;
}
.div-10 ul {
    list-style:none;
    margin:11px 0 0;
}
.div-10 li {
    margin:0 0 10px;
    font-weight:500;
    color:#fff;
    font-size:18px;
}
.div-11 .h4,.div-11 .h6,.div-12 .h4,.div-13 .h4,.div-14,.div-15 .h4,.div-15>div,.matka-2,.matka-6 a.btn,footer,footer .h4,footer a.btn,header,summary:after {
    font-weight:700;
}
.div-11 .h4 {
    padding:6px 10px;
    border-radius:30px;
    box-shadow:0 10px 25px 0 rgb(0 150 136 / .3);
    background-color:#009688;
    color:#fff;
    font-size:25px;
    border:solid #fff;
    border-width:5px 0;
    background-image:linear-gradient(45deg,#ff9800,#ff5722);
}
.div-11 .h5 {
    border-radius:10px;
    box-shadow:0 0 10px -5px #000;
    padding:5px 10px;
    font-size:24px;
    margin:8px 0;
    color:#000;
    text-shadow:1px 1px 2px #fff;
    background-color:var(--cray);
}
.div-12 .h4,.div-13 .h4,footer .btn.btn-1,header {
    text-shadow:1px 1px 2px #111;
}
.div-11 .each-card {
    box-shadow:0 7px 20px 0 rgb(73 6 167 / .3);
    border:2px solid #fff;
    background-color:#64375d;
    border-width:5px 0;
}
.div-11 .h6 {
    margin:0 0 10px;
    color:#fff;
    font-size:18px;
    letter-spacing:0;
}
.div-11 .para,.div-12 a,.div-13 a {
    font-size:22px;
    font-weight:700;
}
.div-11 .b {
    background-color:var(--yellow);
}
.div-11 .para {
    background-color:#f5fff0;
    border:1px solid #000;
    width:100%;
    padding:7px 0 10px;
    color:#000;
}
.div-12 .h4,.div-13 .h4 {
    padding:3px 10px;
    box-shadow:0 10px 25px 0 rgb(0 150 136 / .3);
    background-color:#009688;
    font-size:24px;
    letter-spacing:2px;
}
.div-12 .h4 {
    border-radius:30px;
    color:#fff;
    border:solid #fff;
    border-width:5px 0;
    background-image:linear-gradient(45deg,#ff5722,#e91e63);
    margin:10px 0 0;
}
.div-12 a {
    margin:7px 0 0;
    color:#fff;
    border-radius:14px;
    border:2px solid #fff;
}
.div-12 a:hover,.div-13 a:hover {
    transform:translateY(-5px);
}
.div-13 .h4 {
    border-radius:10px;
    border:solid #fff;
    border-width:5px 0;
    background-image:linear-gradient(45deg,#03a9f4,#9c27b0);
    margin:10px 0;
    color:#fff;
}
.div-13 a {
    margin:-2px 0 0;
    color:#fff;
    border-radius:14px;
    border:2px solid #fff;
}
.div-15>div,footer {
    margin:10px 0;
    background-color:var(--green);
    line-height:1.6;
}
*,body {
    margin:0;
}
.div-14 {
    background-color:#3f51b5;
    margin:10px 0 0;
    animation:1s ease-in-out infinite pop-up;
    opacity:1;
    text-shadow:1px 1px 2px #000c;
    color:#fff;
}
.div-15 .h4,.div-15 .p,.div-16 .h4,.div-16 .p,.mama,footer .h4 {
    text-shadow:1px 1px 2px #000000b8;
}
@keyframes pop-up {
    0% {
        opacity:0;
        transform:scale(.9);
    }
    100% {
        opacity:1;
        transform:scale(1);
    }
}
.div-15>div {
    border:2px solid #fff;
    color:#fff;
    padding:5px 10px;
    border-radius:14px;
    font-size:13px;
    border-width:5px 0;
}
.div-15 .h4 {
    margin:0 0 10px;
    color:#fff;
    font-size:26px;
    animation:.9s ease-in-out infinite underL;
}
@keyframes underL {
    0% {
        text-decoration:underline;
    }
    100% {
        text-decoration:none;
    }
}
.div-15 .p {
    font-size:14px;
    font-weight:500;
    color:#fff;
    margin-bottom:10px;
}
.div-16 .h4 {
    margin:0 0 10px;
    font-weight:700;
    color:#fff;
    font-size:26px;
}
.div-16 .p,.mama {
    font-size:10px;
    font-weight:500;
    color:#fff;
    margin-bottom:0;
    line-height:12px;
}
.ex1,.matka-1 p {
    line-height:22px;
}
@media only screen and (max-width:770px) {
    .div-11 .para {
        width:70%;
        font-size:20px;
    }
}
@media only screen and (max-width:500px) {
    .div-11 .para,.div-12 a {
        font-size:16px;
    }
    .div-6 .p {
        width:55%;
    }
    .div-6 .time-div span {
        font-size:10px;
    }
    .div-7 input {
        text-align:center;
        margin-bottom:20px;
    }
    .div-9 .each-card {
        width:100%;
        border:4px solid #ffff;
        padding-bottom:10px;
        border-radius:10px;
        border-width:4px 0 0;
    }
    .div-11 .para {
        width:100%;
        border:0;
    }
    .div-12 .h4 {
        font-size:18px;
        margin-top:10px;
    }
    body {
        padding:0;
    }
}
.advertise-btn,.phone-call-btn,.refresh-btn.btn {
    background-color:var(--yellow);
    padding:2px 6px 2px 9px;
    box-shadow:0 0 10px -5px #111;
    transition:.1s;
    position:fixed;
    font-weight:700;
    text-shadow:1px 1px 2px #000;
    transform:scale(1);
}
*,.div-12 p,.div-19 .b {
    transition:.3s;
}
@media only screen and (max-width:376px) {
    .div-11 .para {
        font-size:14px;
    }
}
@media only screen and (max-width:322px) {
    .div-11 .para {
        font-size:12px;
    }
}
body {
    background-color:var(--dark);
    font-size:16px;
    color:rgba(49,50,58,.7);
    font-family:'Open Sans',sans-serif;
}
a,a:active,a:focus,a:hover {
    text-decoration:none;
    outline:0;
}
header {
    background-color:#9c27b0;
    color:#fff;
    padding:7px 38px;
    box-shadow:0 7px 20px 0 rgb(0 0 0 / .3);
    font-size:34px;
}
footer {
    border:2px solid #fff;
    color:#fff;
    padding:10px 10px 20px;
    border-radius:14px;
    font-size:13px;
    border-width:5px 0;
    width:90%;
    margin-left:auto!important;
    margin-right:auto!important;
}
.phone-call-btn,.refresh-btn.btn {
    bottom:10px;
    border-radius:10px;
}
footer .h4,h2 {
    font-size:26px;
}
footer .h4 {
    margin:0 0 20px;
    color:#fff;
    text-decoration:underline;
}
footer a.btn {
    background-color:#f0f8ff;
    padding:5px 10px;
}
footer .btn.btn-1 {
    background-color:#ec255a;
    color:#fff;
}
footer .btn.btn-2 {
    margin:0 10px;
}
footer .btn.btn-3 {
    background-color:#f1a208;
}
.refresh-btn.btn {
    right:10px;
    border:2px solid #fff;
    font-size:14px;
    color:#fff;
    background-image:linear-gradient(45deg,#ff5722,#ff9800);
}
summary,summary h6 {
    font-weight:800;
    color:#fff;
}
.phone-call-btn {
    border:2px solid #fff;
    font-size:16px;
    color:#fff;
}
.advertise-btn {
    bottom:50px;
    border-radius:10px;
    border:2px solid #fff;
    font-size:16px;
    color:#fff;
}
.bg-purple,.matka-1,.matka-6 {
    margin:10px 0;
    padding:10px 15px;
}
.div-6 .each-card,summary {
    position:relative;
}
.matka-1,.matka-6 {
    border:2px solid #fff;
    border-radius:16px;
    border-width:5px 0;
}
.matka-6.bg-purple.div-8 img {
    margin:auto;
    display:block;
    float:none;
    width:300px!important;
}
.bg-purple {
    box-shadow:0 7px 20px 0 rgb(73 6 167 / 30%);
    background-color:#9850ff;
    border:2px solid #fff;
    border-radius:16px;
    border-width:5px 0;
}
.matka-6 .h5 {
    font-size:21px;
    color:#fff;
}
.matka-6 h6 {
    font-size:15px;
    margin:8px 0 5px;
    color:#fff;
}
.matka-6 a.btn {
    padding:4px 10px;
    border-radius:5px;
    color:#000;
    font-size:20px;
    letter-spacing:1px;
    background-color:#7fff00;
    margin:7px 0 0;
    text-shadow:1px 1px 2px #ddd;
}
.keyword_top2 a {
    color:#fff;
}
.keyword_top2 {
    background:#2b0245;
    color:#fff;
    margin:5px 0;
    padding:10px;
    border:solid #f50057;
}
.ex1 {
    overflow-y:scroll;
    max-height:200px;
    padding:0;
    text-align:justify;
    font-size:14px;
    font-weight:500;
    color:#fff;
    text-shadow:1px 1px 2px #000000b8;
    margin-bottom:10px;
}
.rowdiv,details {
    overflow:hidden;
}
.matka-2 {
    font-size:13px;
    line-height:1.6;
}
.matka-2,.matka-3 .p {
    color:#222;
    background-color:#fff;
    box-shadow:0 0 10px -8px #000;
    text-shadow:1px 1px 2px #fff;
}
.matka-1 h4 {
    font-size:24px;
    font-style:italic;
}
.matka-1 p,.matka-3 .matka-3 .matka-3 h1 {
    font-size:16px;
}
.matka-1 p {
    margin:10px 0 0;
}
.matka-2 {
    margin:10px 0;
    border:2px solid #111;
    padding:8px 15px;
    border-radius:14px;
    border-width:5px 0;
}
.cm-patti,summary,summary h6 {
    font-size:20px;
}
.cm-patti,.my-table.mr-sl {
    width:90%;
    margin:30px auto;
    text-align:center;
}
.form-group {
    margin-bottom:20px;
}
.my-table tr td:nth-child(2),.my-table tr td:nth-child(4) {
    color:#340734;
    text-shadow:1px 0 1px #fff;
}
.my-table.mr-sl table thead th {
    padding:15px 5px;
    background:#9c27b0;
    border:0;
    color:#fff;
}
.my-table.mr-sl table td {
    background:#6900ff;
    color:#fff;
    padding:10px 0;
    font-weight:600;
}
.my-table.mr-sl table,.my-table.mr-sl table td {
    border:0 solid #ddd;
    text-align:center;
}
.cm-patti h3,.my-table.mr-sl h4 {
    background:linear-gradient(45deg,#f44336,#e91e63);
    padding:5px 0;
    color:#fff;
    font-size:18px;
    border-radius:60px;
    border:10px solid #fff;
    border-left:0;
    border-right:0;
    text-align:center;
}
.cm-patti h3 {
    margin-top:0;
    margin-bottom:0;
}
.cm-patti h4 {
    font-size:15px;
    color:#001699;
    text-shadow:1px 1px 2px #fff;
}
.cm-patti .row>div {
    width:50%;
}
.cm-patti .aa55 {
    border-right:1px solid #ff0016;
}
.cm-patti .row {
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
}
.cm-patti {
    color:#000;
    text-align:center;
    outline:#fff 4px;
    outline-offset:-9px;
    border:2px solid #ff182c!important;
    border-radius:10px;
    box-shadow:0 0 20px 0 rgb(0 0 0 / 40%);
}
input,select {
    padding:0 15px;
    height:35px;
    width:100%;
    background:#fff;
    color:#333;
    border:1px solid #ddd;
    border-radius:6px;
}
details,section.listtypes {
    border-radius:10px;
}
.row {
    margin:0 -15px;
    width:100%;
}
.div-4.font-22pd p {
    font-size:22px!important;
}
.div-4.font-22pd {
    padding:10px 0 0;
}
section.listtypes {
    margin-top:20px;
    background:0 0;
}
.containerfull {
    padding:0;
    width:90%;
    margin:auto;
}
summary {
    padding:10px;
    background:#ac19ad;
}
::marker {
    display:none;
    font-size:0;
}
summary h6 {
    margin:0;
    padding:0 0 10px;
    text-shadow:1px 1px 2px #000;
}
summary:after {
    border-radius:15px;
    content:">";
    color:#fff;
    float:right;
    font-size:1em;
    margin:-2px 10px 0 0;
    padding:1px 0 3px;
    text-align:center;
    width:30px;
    transform:rotate(90deg);
    text-shadow:none;
    position:absolute;
    left:auto;
    right:10px;
    top:20px;
}
details[open] summary:after {
    content:">";
    transform:rotate(-90deg);
}
.completedata {
    border:1px solid #ddd;
    background:#fff;
    border-radius:0 0 20px 20px;
    box-shadow:0 0 30px #ddd;
    padding:20px 0;
}
.completedata .listitems {
    border-bottom:1px solid #ddd;
    padding:10px 0;
    font-weight:800;
}
.listitems,.listitems a {
    color:#2a2c51;
}
.div-11 .each-card {
    width:50%;
    float:left;
    margin:0;
    border-top:2px solid #190f25;
    padding:10px;
    overflow:hidden;
    border-radius:0;
    border-bottom:2px solid #190f25;
}
.div-11 h4 {
    font-size:15px;
    margin:5px auto;
}
.div-11 .p {
    font-size:12px;
}
footer .div-btn {
    display:flex;
    justify-content:center;
    align-items:center;
}
footer .div-btn a {
    margin:0 3px!important;
}
.cm-patti {
    background:#fff;
    margin:5px auto;
}
.cm-patti .aa55:nth-child(2n) {
    border-right:0;
}
.div-3+.cm-patti {
    border:0!important;
    padding:0 15px;
}
.btn_starline,.div-12 p {
    font-weight:700;
    text-shadow:1px 1px 2px #000;
}
.div-12 p {
    display:block;
    background-color:var(--green);
    margin:7px 0 0;
    font-size:14px;
    color:#fff;
    padding:4px 20px;
    border-radius:14px;
    box-shadow:0 0 10px -5px #111;
    border:2px solid #fff;
    transform:translateY(0);
}
a.absolutpos,a.panels,button.absolutpos,button.panels {
    position:absolute;
    top:0;
    bottom:0;
    height:30px;
    background:#ffbe00;
    padding:0 20px;
    line-height:30px;
    color:#000;
    margin:auto;
    border:0;
}
.btn_starline,.div-19 span {
    box-shadow:0 0 10px -5px #111;
    transition:.1s;
}
a.panels,button.panels {
    left:auto;
    border-radius:20px 0 0 20px;
    right:-3px;
}
a.absolutpos,button.absolutpos {
    left:-3px;
    right:auto;
    border-radius:0 20px 20px 0;
}
.each-card.bg-yellow a.absolutpos,.each-card.bg-yellow a.panels {
    background:#000;
    color:#fff;
}
.matka-3 .p {
    line-height:32px;
    margin:10px 0;
    border:2px solid #111;
    padding:6px 15px;
    border-radius:14px;
    font-weight:700;
    font-size:20px;
    border-width:5px 0;
}
.tr0 {
    background:#9c27b0;
    padding:10px;
    color:#fff;
}
.btn_starline {
    background-color:var(--yellow);
    padding:2px 6px 2px 9px;
    border-radius:10px;
    border:2px solid #fff;
    font-size:16px;
    color:#fff;
    background-image:linear-gradient(45deg,#8122ff,#ff0052);
}
.divthird .lfr:first-child,.divthird .lfr:last-child,.midc {
    border-right:1px solid #ddd;
}
.midc>.lfr,.rowdiv,.rowdiv .rslt {
    border-left:1px solid #ddd;
}
.midc,.tym {
    font-size:18px;
    font-weight:800;
}
.rowdiv {
    display:block;
    border-bottom:1px solid #ddd;
    margin:0;
    padding:0;
    height:auto;
}
.divthird,.midc,.tym {
    display:flex;
}
.bigrow,.tr0 .tableclassdiv {
    float:left;
    text-align:center;
    padding:10px 0;
}
.lfr,.midc,.tym {
    height:70px;
}
.rowdiv .rslt {
    float:left;
    text-align:center;
    background:#6900ff;
    color:#fff;
    text-shadow:none;
}
.tr0 .tableclassdiv {
    width:16.66%;
    font-size:14px;
    text-shadow:none;
    border-right:1px solid #ffffff70;
}
.rslt,.tym {
    width:16.66%;
    float:left;
}
.divthird {
    width:100%;
    float:left;
    align-items:center;
}
.lfr {
    width:20%;
    float:left;
}
.midc {
    width:60%;
    float:left;
    align-items:center;
    justify-content:center;
}
.tym {
    justify-content:center;
    line-height:70px;
    color:#8a088b;
}
.bigrow {
    width:66.6%;
    background:#840a85;
    border-right:1px solid #7000fd;
    color:#fff;
}
.bigrow p {
    margin:0;
    padding:3px 0;
    font-size:20px;
    text-shadow:none;
    line-height:23px;
}
.div-19 .h4,.h6 {
    background-color:#009688;
}
.tr0 .tableclassdiv:last-child {
    border:0;
}
@media only screen and (max-width:770px) {
    .lfr,.midc,.tym {
        height:50px;
    }
    .midc,.tym {
        font-size:12px;
    }
    .div-11 h4 {
        font-size:11px;
        margin:5px auto;
    }
    .bigrow p,summary {
        font-size:14px;
    }
    .containerfull {
        width:95%;
    }
    .tym {
        padding:10px 0 0;
        line-height:20px;
        font-weight:700;
    }
    .tr0 {
        padding:0;
        display:block;
        height:auto;
        overflow:hidden;
    }
    .lfr {
        width:33%;
        float:left;
        line-height:15px;
        font-size:11px;
    }
    .tr0 .tableclassdiv {
        width:16.66%;
        text-align:center;
        float:left;
        text-shadow:none;
    }
    .tym {
        width:12.66%;
    }
    .rslt {
        width:20.66%;
    }
    .bigrow p {
        margin:0;
        padding:2px 0;
    }
    td.bottom h3 {
        padding:6px 40px;
    }
    .my-table1 table td:nth-child(odd) {
        color:red;
        font-size:11px;
    }
}
.div-19 .h4,.div-19 span {
    font-weight:700;
    color:#fff;
    text-shadow:1px 1px 2px #000;
}
.my-table.mr-sl h4 {
    margin:0 0 10px;
}
.my-table.mr-sl {
    margin:10px auto;
}
.div-11 .each-card:nth-child(odd) {
    border-right:2px solid #190f25;
}
.div-11 .each-card:nth-child(2n) {
    border-left:2px solid #190f25;
}
.div-19 .h4 {
    clear:both;
    padding:5px 10px;
    border-radius:30px;
    box-shadow:0 10px 25px 0 rgb(0 150 136 / .3);
    font-size:22px;
    border:solid #fff;
    border-width:5px 0;
    letter-spacing:2px;
    background-image:linear-gradient(45deg,#e91e63,#ff5722);
}
.div-19 .my-card {
    box-shadow:0 7px 20px 0 rgb(73 6 167 / .3);
    border:2px solid #fff;
    margin:10px 0;
    padding:0 0 5px;
    border-radius:16px;
    background-color:#9850ff;
    border-width:5px 0;
}
.div-19 .b {
    margin:10px;
    font-size:22px;
    padding:5px 10px;
    font-weight:700;
    background-color:#f5fff0;
    color:#111;
    border:4px solid #000;
    border-radius:10px;
    border-width:4px 0;
    box-shadow:0 0 10px -6px #000;
    text-shadow:1px 1px 2px #fff;
}
.div-19 span {
    background-color:#ffc107;
    padding:1px 12px 2px;
    border-radius:10px;
    border:2px solid #fff;
    font-size:20px;
    background-image:linear-gradient(45deg,#ff5722,#ff9800);
}
.btn {
    box-shadow:0 0 10px -5px #000;
    border:2px solid;
}
.h6,.red-header {
    box-shadow:0 10px 25px 0 rgb(0 150 136 / .3);
    color:#fff;
    letter-spacing:2px;
}
.btn:hover {
    box-shadow:0 0 10px -2px #000;
    border-color:#fff;
}
@media only screen and (max-width:500px) {
    header {
        font-size:26px;
    }
    footer {
        width:95%;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .div-19 .b {
        padding-left:5px;
        padding-right:5px;
    }
}
.h6 {
    padding:3px 10px;
    border-radius:30px;
    font-size:15px;
    font-weight:600;
    border:solid #fff;
    border-width:2px 0;
    background-image:linear-gradient(45deg,#ff5722,#e91e63);
    margin:5px 0 0;
    text-shadow:1px 1px 2px #111;
    text-align:left;
}
.ulo {
    list-style-type:disc;
    margin-top:1em;
    margin-bottom:1 em;
    margin-left:0;
    margin-right:0;
    padding-left:40px;
}
.arjun,.karan {
    padding:5px;
    font-weight:700;
}
.karan {
    background-color:#fff;
    border-radius:15px;
}
.arjun {
    background-color:#fff6f7;
    border-radius:20px;
}
.border-dark {
    border-color:#343a40!important;
}
.border {
    border:1px solid #dee2e6!important;
}
.col-6 {
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%;
}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9 {
    position:relative;
    width:100%;
}
.matka-3 .h4 {
    font-size:18px;
}
.red-header {
    text-shadow:1px 1px 2px #000;
    padding:10px 12px;
    border-radius:30px;
    background-color:#009688;
    font-size:28px;
    font-weight:700;
    border:solid #fff;
    border-width:5px 0;
    background-image:linear-gradient(45deg,#e91e63,#ff5722);
}
@media only screen and (max-width:600px) {
    form {
        width:100%;
    }
    footer .div-btn a {
        font-size:11px!important;
        margin:3px!important;
    }
    .row {
        margin:0;
    }
    .div-11 .h6 {
        font-size:15px!important;
    }
    footer .div-btn {
        display:block;
        justify-content:center;
        align-items:center;
    }
}
.rslt .lfr:first-child {
    border-right:1px solid #fff;
}
.my-table1.matka-2 {
    margin:auto;
}
.each-card {
    background:#9850ff;
}
.time-div {
    font-weight:600;
    color:#fff;
}
.div-6 .p {
    font-weight:700;
}
.div-6 .time-div {
    font-size:11px;
    font-weight:700;
}
.div-6 {
    background:#a24cfd;
    border-radius:30px;
}
.div-6 .h4+.each-card {
    margin-top:10px;
    border-top:#fff 7px solid;
}
a.absolutpos,a.panels,button.absolutpos,button.panels {
    font-size:14px!important;
    font-weight:700;
    padding:0 10px;
}
a.telilink {
    position:fixed;
    top:auto;
    bottom:60px;
    right:20px;
    background:#fff;
    border-radius:50%;
    height:40px;
}
body {
    position:relative;
}
.whatsapp-ico {
    fill: white;
    width: 38px;
    height: 38px;
    padding: 3px;
    background-color: #4dc247;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    position: fixed;
    bottom: 110px;
    right : 20px;
    z-index: 10;
}
.whatsapp-ico:hover {
    box-shadow: 2px 2px 11px rgba(0,0,0,0.7);
}

/* ======================================================================
   3. Website name bar (same on every page)
   
   ====================================================================== */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    display: block;
    width: 100%;
    height: 58px;
    margin: 0;
    padding: 7px 12px;
    background-color: #9c27b0;
    border: 0;
    border-radius: 0;
    box-shadow: 0 7px 20px 0 rgb(0 0 0 / 30%);
    box-sizing: border-box;
    color: #fff;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0;
    text-align: center;
    text-shadow: 1px 1px 2px #111;
    white-space: nowrap;
    overflow: hidden;
}
.site-header a,
.site-header a:hover,
.site-header a:visited {
    color: #fff !important;
    text-decoration: none;
}
.site-header-space {
    display: block;
    height: 66px;
}
/* Jumps to #top / #bottom stop below the bar. */
html { scroll-padding-top: 66px; }

@media only screen and (max-width: 500px) {
    .site-header { height: 48px; font-size: 26px; line-height: 34px; }
    .site-header-space { height: 56px; }
    html { scroll-padding-top: 56px; }
}

/* ======================================================================
   4. Home page fixes
   
   ====================================================================== */
/* Market card times: red | black, no white middle part (that was behind the removed PLAY link).
   The empty .time-gap between the two times sits where the colours change. */
.div-6 .time-div {
    padding: 3px 14px;
    background-image: linear-gradient(-45deg, #111 50%, #ec255a 50%);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
/* The weekly guessing box (.matka-3) follows the other home page boxes: 90%, and 95% on phones. */
@media only screen and (max-width: 500px) {
    .matka-3 { width: 95%; }
}
.div-6 .time-div .time-gap {
    display: inline-block;
    width: 28px;
    padding: 0;
}

/* ======================================================================
   5. Chart pages
   
   ====================================================================== */
/* ---- Chart page boxes (app/views/chart_page_view.php), on top of the home page boxes ---- */
.chart-page .div-2 .h4 { margin: 0; font-size: 18px; line-height: 1.35; }
.chart-page .div-2 .p { font-size: 12px; }
.chart-result .my-card { margin: 10px 0; }
.chart-result .each-card { border-bottom-width: 0; }
.chart-result .h5 { margin: 6px 0; }
.chart-result-time { margin: 6px 0 2px; color: #fff; font-size: 14px; font-weight: 700; text-shadow: 1px 1px 2px #000; }
.chart-result-time span { margin-left: 10px; font-weight: 400; }
.chart-buttons, .chart-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 10px auto; }
.chart-buttons .btn, .chart-footer .btn { margin: 0; padding: 6px 16px; border: 2px solid #fff; font-size: 15px; }
.chart-section .h4 { margin: 10px 0; }
.chart-box { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 2px solid #fff; border-radius: 10px; background: #fff; }
.chart-footer { flex-direction: row; padding: 10px; border: 2px solid #fff; border-width: 5px 0; border-radius: 16px; background-color: var(--green); }
.chart-footer p { width: 100%; margin: 4px 0 0; color: #fff; font-size: 13px; }

/* The old page text under the chart (Information Center, Disclaimer): home page purple boxes,
   exactly as wide as the chart above (the article is a .div-15: 90% / 95% like every home page box). */
.chart-page-text { margin: 10px auto; text-align: center; }
.chart-page-text .keyword_top2,
.chart-page-text .disclamer {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0;
    padding: 10px 14px;
    border: 2px solid #fff;
    border-width: 5px 0;
    border-radius: 16px;
    background-color: var(--green);
    box-shadow: 0 7px 20px 0 rgb(73 6 167 / 30%);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    text-shadow: 1px 1px 2px #000000b8;
}
.chart-page-text h2, .chart-page-text h3, .chart-page-text h4, .chart-page-text .h4 {
    margin: 4px 0 8px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-decoration: underline;
}
.chart-page-text p { margin: 0 0 8px; }
.chart-page-text a { color: #ffc107; }
.chart-page-text .btn-div, .chart-page-text .div-btn { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 10px 0; }
.chart-page-text .btn-div a, .chart-page-text .div-btn a, .chart-page-text .btn {
    display: inline-block; margin: 0; padding: 6px 14px; border: 2px solid #fff; border-radius: 10px;
    background-image: linear-gradient(45deg, #ff5722, #ff9800); color: #fff; font-weight: 700; text-decoration: none;
    text-shadow: 1px 1px 2px #000;
}

/* ======================================================================
   6. Chart table
   mobile first: the whole week fits the phone width
   ====================================================================== */
/* ---- Chart table (jodi and panel charts) ---- */
.chart-table {
    color: #000; /* the home page body text is grey; chart numbers stay black */
    width: 100%;
    min-width: 300px;
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
    font-family: "Times New Roman", Times, serif;
    font-weight: 700;
}
.chart-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 6px 0;
    background: #ff9800;
    border: 1px solid #8f8f8f;
    color: #000;
    font-size: clamp(10px, 3.2vw, 16px);
}
.chart-table td {
    padding: 3px 0;
    border: 1px solid #b5b5b5;
    line-height: 1.1;
    vertical-align: middle;
}
.chart-table tbody tr:nth-child(even) td { background: #fbfbf2; }
.chart-table .date-cell {
    width: 15%;
    font-size: clamp(8px, 2.5vw, 13px);
    color: #333;
}
.chart-table td.date-cell span { display: block; white-space: nowrap; }
.chart-table td.date-cell .date-to { color: #888; font-size: 0.85em; }

/* One day = open pana | jodi | close pana with no lines inside it; lines only between days.
   "hidden" wins over the neighbouring cells' borders in a collapsed table. */
.panel-chart td.jodi { border-left-style: hidden; border-right-style: hidden; }
.panel-chart .pana { font-size: clamp(9px, 2.9vw, 16px); }
.panel-chart .jodi { font-size: clamp(11px, 3.6vw, 22px); }
.panel-chart.days-7 .date-cell { width: 14%; }
.panel-chart.days-7 .pana { font-size: clamp(8px, 2.6vw, 15px); }
.panel-chart.days-7 .jodi { font-size: clamp(10px, 3.1vw, 20px); }

.jodi-chart .date-cell { width: 23%; }
.jodi-chart .jodi { padding: 5px 0; font-size: clamp(14px, 4.2vw, 20px); }

.chart-table .red { color: #e10000; }


/* Bigger screens: the table is wider, so the numbers grow (the home page uses 90% of the width). */
@media (min-width: 900px) {
    .chart-table th { font-size: 18px; }
    .chart-table .date-cell { font-size: 14px; }
    .panel-chart .pana, .panel-chart.days-7 .pana { font-size: 18px; }
    .panel-chart .jodi, .panel-chart.days-7 .jodi { font-size: 24px; }
    .jodi-chart .jodi { font-size: 24px; padding: 8px 0; }
}

/* ======================================================================
   7. Old static pages
   
   ====================================================================== */
/* ---- Old static pages (starline, gali, satta king ...) that use the old chart page classes.
        Only inside <body class="old-page"> (set by tools/fix_seo_issues.php), so chart pages and
        the home page are never touched. Same home page look: purple boxes, white borders, gradient bars. ---- */
.old-page .matka-1, .old-page .matka-3, .old-page .my-table, .old-page .reponisvietbl,
.old-page .disclamer, .old-page .keyword_top2 { width: 90%; margin-left: auto; margin-right: auto; }
.old-page .reponisvietbl { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 10px; }
.old-page .matka-1, .old-page .disclamer, .old-page .keyword_top2 {
    margin-top: 10px; margin-bottom: 10px; padding: 8px 12px;
    border: 2px solid #fff; border-width: 5px 0; border-radius: 16px;
    background-color: var(--green); color: #fff; font-weight: 700; text-shadow: 1px 1px 2px #111;
}
.old-page .matka-1 h1, .old-page .matka-1 h2 { margin: 4px 0; font-size: 22px; }
.old-page .red-header {
    border-radius: 30px; background-image: linear-gradient(45deg, #e91e63, #ff5722); font-size: 24px;
}
.old-page .matka-3 { margin-top: 8px; margin-bottom: 8px; text-align: center; }
.old-page .my-table { overflow-x: auto; }
.old-page .page-banner { width: 90%; margin: 0 auto 10px; text-align: center; font-size: 24px; font-weight: 700; color: #fff; }
.old-page .internal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 10px auto; }
/* Tables of the old pages sit on the dark background: white panel, black text, orange header row. */
.old-page table:not(.chart-table) { width: 100%; border-collapse: collapse; background: #fff; color: #000; }
.old-page table:not(.chart-table) th,
.old-page table:not(.chart-table) td { padding: 4px 2px; border: 1px solid #b5b5b5; color: #000; text-align: center; }
.old-page table:not(.chart-table) th,
.old-page table:not(.chart-table) thead td { background: #ff9800; }
@media only screen and (max-width: 500px) {   /* same switch point as the home page boxes */
    .old-page .matka-1, .old-page .matka-3, .old-page .my-table, .old-page .reponisvietbl,
    .old-page .disclamer, .old-page .keyword_top2, .old-page .page-banner { width: 95%; }
}


/* ======================================================================
   8. Special game zone pages (app/views/special_page_view.php)
   the home page boxes, with white number boxes inside
   ====================================================================== */
.special-section .h4 { margin: 10px 0; }
.special-box { padding: 12px 10px; border: 2px solid #fff; border-radius: 10px; background: #fff; color: #000; }
.special-subheading { margin: 10px 0 6px; color: #522f92; font-size: 16px; font-weight: 700; text-align: center; }
.special-subheading:first-child { margin-top: 0; }
.special-note { margin: 0; color: #111; font-size: 15px; font-weight: 600; line-height: 1.6; text-align: center; }
.number-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.number-chip {
    min-width: 46px;
    padding: 5px 6px;
    border: 2px solid #111;
    border-width: 2px 2px 4px;
    border-radius: 10px;
    background: #fff;
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.number-chip.red { color: #e10000; }
.owner-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.owner-card {
    padding: 10px;
    border: 2px solid #fff;
    border-width: 4px 0;
    border-radius: 14px;
    background: var(--green);
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
}
.owner-card-title { margin: 0 0 6px; font-size: 20px; }
.owner-card-line { margin: 2px 0; font-size: 17px; font-weight: 700; }
.owner-text-line { margin: 4px 0; color: #111; font-weight: 600; text-align: center; }
.special-more { margin: 10px auto; }
@media (min-width: 900px) {
    .number-chip { min-width: 56px; font-size: 22px; }
}