@charset "utf-8";

@import
	url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
	;

@import
	url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap')
	;

.google-auto-placed {
	display:none!important;
}

a, button{
	-web-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none;
}

body {
	margin: auto;
	width: 100%;
	max-width: 1600px;
	display: block;
	background-image: url('https://quiz.sattamatkaguide.com/webappbdg.jpg');
	height: 100vh;
	background-size: cover;
	overflow-x: hidden
}

.yellow {
	color: yellow !important;
}

.userslivepred1 {
	position: relative !important;
	top: 3px !important;
	right: 5px !important
}

.form2 {
	width: 100%
}

.modal-dialog1 {
	width: 334px;
	margin: 10% auto
}

.winline {
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center !important
}

.sq_ad_1 {
	width: 350px;
	height: 350px;
	text-align: center;
	margin: 0 auto
}

.if_ad_1 {
	width: 320px;
	height: 100px;
	text-align: center;
	margin: 0 auto
}

.sq_ad_2 {
	width: 300px;
	height: 300px;
	text-align: center;
	margin: 0 auto;
	display: block
}

.sq_ad_3 {
	width: 300px;
	height: 300px;
	text-align: center;
	margin: 0 auto
}

.dh_ad_1 {
	width: 320px;
	height: 100px;
	text-align: center;
	margin: 0 auto
}

.dh_ad_2 {
	width: 310px;
	height: 100px;
	text-align: center;
	margin: 0 auto
}

.dh_ad_3 {
	width: 300px;
	height: 100px;
	text-align: center;
	margin: 0 auto;
	display: block
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	background: #fff;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 360px;
	height: 50px;
	z-index: 998;
	text-align: center
}

.sticky2 {
	width: 100%;
	max-width: 360px;
	height: 50px !important;
	display: block;
	margin: 0 auto;
	text-align: center
}

.st_ad_1 {
	width: 360px;
	height: 50px;
	text-align: center;
	margin: 0 auto
}

.mobile {
	margin: auto;
	width: 100%;
	max-width: 360px;
	background-image: url('https://quiz.sattamatkaguide.com/bg.png');
	height: 100vh;
	background-size: cover;
	overflow-x: hidden;
	position: relative
}

.controlls {
	position: absolute;
	left: 297px !important;
	top: 11px !important;
	text-align: center
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	padding-top: 60px;
	transition: .5s
}

#wra {
	position: fixed;
	height: 100%;
	background: #fff;
	top: 0;
	display: none;
	transition: .5s
}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	color: #000;
	display: block;
	transition: .3s
}

.sidenav a:hover {
	color: #000
}

.sidenav .closebtn {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 32px;
	color: #ffffff;
	z-index: 9;
	padding: 0;
	line-height: 20px;
}

.sidenav .closebtn1 {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 32px;
	color: #000000;
	z-index: 9;
	padding: 0;
	line-height: 20px;
}

.sidenav .closebtn:hover {
	color: #fff;
}

#main {
	transition: margin-left .5s
}

.sidebar-nav {
	position: absolute;
	top: 40px;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none
}

.sidebar-nav li {
	line-height: 40px;
	border-bottom: solid 1px #ccc
}

.sidebar-nav li a {
	display: block;
	text-decoration: none;
	color: #000
}

.sidebar-nav li a:hover {
	text-decoration: none;
	color: #000;
	background: rgba(255, 255, 255, .2)
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
	text-decoration: none
}

.sidebar-nav>.sidebar-brand {
	height: 65px;
	font-size: 18px;
	line-height: 60px
}

.sidebar-nav>.sidebar-brand a {
	color: #000
}

.sidebar-nav>.sidebar-brand a:hover {
	color: #fff;
	background: 0 0
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px
	}
	.sidenav a {
		font-size: 18px
	}
}

::-webkit-scrollbar {
	width: 5px
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px
}

::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
	background: #fff
}

.coins {
	width: 100%;
	max-width: 360px;
	display: block
}

.leftimage {
	width: 100%;
	max-width: 400px;
	display: block;
	float: left;
	margin-left: 0px;
	position: relative;
	top: 14px;
}

.rightimage {
	width: 100%;
	max-width: 265px;
	display: block;
	margin-top: 34px;
	margin-left: -31px
}

.homebg {
	background: #000058;
	width: 100%;
	margin: 0;
	margin-top: 36px;
}

.hometext {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	padding: 2px 5px 2px 20px
}

.hometext1 {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	text-decoration: underline;
	text-align: right;
	padding: 2px 20px 2px 5px;
}

.ad {
	width: 100%;
	max-width: 360px;
	display: block;
	margin: 0 auto;
	text-align: center
}

.textbtm {
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 5px 8px;
	width: 100%;
}

.sign-i {
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}

.sign-l {
	color: #fff;
	margin-top: 60px;
	padding-left: 38px;
}

.sign-l li {
	color: #fcff07;
	text-align: left;
}

.sign-l li span {
	color: #fff;
	line-height: 25px;
}

.st_ad_1 {
	margin: 0 auto 10px !important;
}

.sign-img {
	width: 80px !important;
	height: 80px;
	margin-left: 15px;
	margin-top: 10px;
}

.sign-flag {
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size: 14px;
	margin-top: 100px;
}

.sign-flag ul Li:nth-child(2) {
	margin-left: 10px;
}

.sign-flag ul {
	display: flex;
}

.textbtm1 {
	font-size: 13px;
	color: #fff;
	text-align: center;
	text-decoration: underline;
	width: 100%
}

.text1 {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	text-align: left;
	margin: 25px 0 0 30px
}

.text2 {
	font-size: 21px;
	color: #fcff07;
	font-weight: 700;
	text-align: left;
	margin: -10px 0 0 30px
}

.text3 {
	font-size: 12px;
	color: #fff;
	font-weight: 500;
	text-align: left;
	margin: 0 0 0 30px;
}

.sign-q {
	color: #fff;
}

.otptext1 {
	font-size: 15px;
	color: #afafaf;
	font-weight: 600;
	text-align: left;
	margin: 25px 0 0 30px
}

.otptext2 {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	text-align: left;
	margin: -5px 0 0 30px
}

.otptext3, .otptext3:hover {
	color: #999;
	font-size: 12px;
	margin-top: 31px;
	margin-left: 0;
	margin-right: -1px
}

.dialog {
	margin-top: 50px;
	margin-bottom: 37px;
	width: 100%;
	margin-left: 28px
}

.details {
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 22px;
	border: solid 1px #999;
	box-shadow: none;
	outline: 0;
	width: 12%;
	transition: all .2s ease-in-out;
	border-radius: 3px;
	padding: 0
}

.wincash {
	width: 100%;
	max-width: 123px;
	display: block;
	float: right;
	margin-top: 20px;
	margin-left: 51px
}

.intropage .loginbtn-parent {
	margin: 0 -15px;
	width: auto;
}

.loginbtn-parent {
	width: 100%;
}

.loginbtn {
	color: #fff;
	background: #9015c5;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 24px;
	margin: 10px 0;
	line-height: 55px;
	outline: 0 !important;
	border: none !important;
}


button[disabled] {
	background: #191641;
	color: #41405f;
}

.loginbtn:hover {
	color: #fff;
	background: #9015c5;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 24px;
	margin: 10px 0;
	text-decoration: none;
	outline: 0 !important;
	border: none !important
}

.score-loginbtn .loginbtn, .score-loginbtn .loginbtn:hover {
	color: #fff;
	font-size: 22px;
} 

input {
	color: #999;
	background: 0 0;
	border: none;
	border-bottom: 1px solid #999;
	outline: 0;
	margin-left: 5px;
	font-size: 17px
}

label {
	color: #fff;
	font-size: 17px;
	display: inline
}

.fnametop {
	margin-bottom: 12px
}

.fnametop1 {
	margin-left: 15px
}

.fnametop label, .fnametop1 label {
	font-size: 15px;
}

.fnametop input, .fnametop1 input {
	line-height: 38px;
	padding: 0 0;
	font-size: 16px;
	margin: 0 0 0 15px;
	color: #fff;
}

.fnametop input::-webkit-input-placeholder, .fnametop1 input::-webkit-input-placeholder
	{
	color: #fff;
	font-size: 14px;
}

.fnametop input::-moz-placeholder, .fnametop1 input::-moz-placeholder {
	color: #fff;
	font-size: 14px;
}

.fnametop input:-ms-input-placeholder, .fnametop1 input:-ms-input-placeholder
	{
	color: #fff;
	font-size: 14px;
}

.fnametop input:-moz-placeholder, .fnametop1 input:-moz-placeholder {
	color: #fff;
	font-size: 14px;
}

.form1 {
	margin: 20px 0 10px 30px
}

.language1 {
	font-size: 15px;
	color: #afafaf;
	font-weight: 600;
	text-align: left;
	margin: 25px 0 0 20px
}

.language2 {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	text-align: left;
	margin: -5px 0 0 20px
}

.language3 {
	font-size: 15px;
	color: #afafaf;
	font-weight: 400;
	text-align: right;
	margin: 25px 20px 0 0
}

.language4 {
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	text-align: right;
	margin: -5px 20px 0 0
}

.languagerighht {
	float: right;
	margin-left: 70px
}

.languagebtn {
	margin: 80px 0 40px 28px
}

.languagebtneng {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background: 0 0;
	display: block;
	width: 100px;
	display: inline;
	padding: 13px 35px;
	border: 1px solid transparent;
	border-image: linear-gradient(90deg, #000053, #fff, #000053);
	border-image-slice: 1
}

.languagebtneng:hover {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background: #9015c5;
	display: block;
	width: 100px;
	display: inline;
	padding: 13px 35px;
	border: 1px solid #9015c5;
	text-decoration: none
}

.languagebtnhin {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background: 0 0;
	display: block;
	width: 100px;
	display: inline;
	padding: 13px 40px;
	border: 1px solid transparent;
	border-image: linear-gradient(90deg, #000053, #fff, #000053);
	border-image-slice: 1
}

.languagebtnhin:hover {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background: #9015c5;
	display: block;
	width: 100px;
	display: inline;
	padding: 13px 40px;
	border: 1px solid #9015c5;
	text-decoration: none
}

.dashhead {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
	margin-top: -6px
}

.leftmg {
	margin-right: 10px
}

.dash-anchor{
	text-transform: capitalize;
        color: #000;
        padding: 2px 13px;
        border-radius: 19px;
        font-size: 13px;
        display: inline-block;
        font-weight: 600;
        background-image: linear-gradient(#d8def9,#8b91ed);
        text-decoration: none;
        float:right;
}
.dash-anchor:hover {
        color: #000;
                text-decoration: none;

}

.headrow {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 100%
}

.earningtab {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 20px;
	width: 100%;
	margin-bottom: 10px
}

.sequence {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 40px;
	width: 100%;
	margin-bottom: 30px
}

.pointsysrow1 {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
	background: #efefef
}

.pointsysrow2 {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
	background: #fff
}

.pointsysrow1left {
	text-align: left;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	padding: 5px
}

.pointsysrow1right {
	text-align: right;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	padding: 5px
}

.pointsysrow1left1 {
	text-align: left;
	color: #000;
	font-size: 12px;
	font-weight: 600;
	padding: 5px
}

.pointsysrow1right2 {
	text-align: right;
	color: #9015c5;
	font-size: 12px;
	font-weight: 600;
	padding: 5px
}

.pointsysrow1right2wr {
	text-align: right;
	color: red;
	font-size: 12px;
	font-weight: 700;
	padding: 5px
}

.pointsysrow1right2ri {
	text-align: right;
	color: #093;
	font-size: 12px;
	font-weight: 700;
	padding: 5px
}

.sequencehead {
	text-align: left;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-left: 22px;
	margin-bottom: 44px;
	margin-top: -69px
}

.hatrow1 {
	margin-top: -108px;
	margin-bottom: 22px
}

.sequencehead1 {
	text-align: right;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-right: 12px;
	margin-top: 1px !important
}

.earnbalhead {
	text-align: left;
	color: #000;
	font-size: 25px;
	font-weight: 600;
	margin-left: 3px;
	margin-top: 1px !important
}

.earnheadwal {
	width: 100%;
	max-width: 33px;
	margin-top: -7px
}

.earnbalhead2, .earnbalhead2:hover {
	text-align: center;
	color: #000;
	font-size: 17px;
	font-weight: 600;
	margin-right: 0;
	background: #fdb225;
	border-radius: 15px;
	padding: 3px 15px;
	margin-top: 7px;
	text-decoration: none;
	float: right
}

.earncoinswal, .earncoinswal:hover {
	text-align: center;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	margin-right: 0;
	border-radius: 5px;
	padding: 3px 15px;
	margin-top: 10px;
	text-decoration: none;
	float: right;
	border: 1px solid #666
}

.earnbalseq {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0;
	width: 100%;
	margin-bottom: 10px
}

.sequencehead01 {
	width: 100%;
	max-width: 55px;
	margin-top: -10px
}

.timeup {
	width: 100%;
	max-width: 55px;
	margin-top: -10px
}

.questionhead {
	width: 100%;
	font-size: 26px;
	color: #fff;
	text-align: left;
	font-weight: 600;
	padding: 0 36px;
	line-height: 33px
}

.options {
	width: 100%;
	padding: 20px 36px
}

.option1, .option1:hover {
	color: #000;
	display: inline-block;
	text-align: left;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 8px;
	padding: 11px 35px;
	background: #fff;
	text-decoration: none;
	width: 100%;
	margin: 13px 0
}

.option2, .option2:hover {
	color: #000;
	display: inline-block;
	text-align: left;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 8px;
	padding: 11px 35px;
	background: #fff;
	text-decoration: none;
	width: 100%;
	margin: 0 0 13px 0
}

.option3, .option3:hover {
	color: #000;
	display: inline-block;
	text-align: left;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 8px;
	padding: 11px 35px;
	background: #fff;
	text-decoration: none;
	width: 100%;
	margin: 0 0 20px 0
}

.correctanswer, .correctanswer:hover {
	color: #000;
	display: inline-block;
	text-align: left;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 8px;
	padding: 11px 35px;
	background: #47be06;
	text-decoration: none;
	width: 100%;
	margin: 0 0 13px 0
}

.wronganswer, .wronganswer:hover {
	color: #000;
	display: inline-block;
	text-align: left;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 8px;
	padding: 11px 35px;
	background: #f33;
	text-decoration: none;
	width: 100%;
	margin: 0 0 13px 0
}

.smile {
	width: 100%;
	max-width: 38px;
	float: right;
	margin-top: -57px;
	z-index: 999 !important;
	position: relative;
	margin-right: 6px;
}

.sad {
	width: 100%;
	max-width: 38px;
	float: right;
	margin-top: -57px;
	z-index: 999 !important;
	position: relative;
	margin-right: 6px;
}

.star {
	width: 100%;
	max-width: 74px;
	display: block;
	margin-top: -37px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%
}

.hat {
	color: #edb00c;
	text-align: center;
	font-size: 17px;
	font-weight: 600
}

.points {
	color: #6b7075;
	text-align: center;
	font-size: 12px;
	font-weight: 600
}

.earninghead {
	text-align: center;
	color: #fff;
	font-size: 20px
}

.coinstack {
	width: 100%;
	max-width: 35px
}

.coinstack1 {
	width: 100%;
	max-width: 25px
}

.earningtext, .earningtext:hover {
	color: #999;
	text-align: center;
	font-size: 14px;
	
}

.earningtext1{
        display: inline-block;
        margin-top: 10px;
}
.earningtext1 img {
      width: 50%;
      object-fit: contain;
}

.quizhead, .quizhead:hover {
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	text-align: left;
	margin-left: 11px;
	text-decoration: none;
    margin-top: -2px;
    margin-bottom: 9px;
}

.quizhead1 {
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	text-align: left;
	margin-left: 15px;
	margin-top: -6px;
	text-decoration: none
}

.gkimage {
	margin-left: 30px;
	width: 100%;
	margin-top: 0;
	max-width: 120px
}

.gkhead1 {
	text-align: left;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px
}

.gkhead2 {
	text-align: left;
	color: #fff;
	font-weight: 600;
	font-size: 32px;
	margin-top: -11px;
	margin-bottom: 5px
}

.gkhead3, .gkhead3:hover {
	color: #999;
	text-align: left;
	text-decoration: underline;
	font-size: 13px;
	margin-top: -10px;
	margin-left: 2px
}

.entrydetails {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 95%;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 15px;
	padding: 20px 0
}

.details1 {
	text-align: left;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 2px 10px 23px
}

.details2 {
	text-align: center;
	color: #9015c5;
	font-size: 17px;
	font-weight: 700;
	padding: 10px 10px 0 10px;
	width: 100%;
	margin-top: 5px
}

.details3 {
	text-align: center;
	color: #6b7075;
	font-size: 15px;
	font-weight: 400;
	padding: 10px 15px;
	width: 100%;
	margin-bottom: -43px
}

.startbtn1, .startbtn1:hover {
	color: #9015c5 !important;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 15px;
	padding: 10px 35px;
	border: 1px solid #9015c5;
	text-decoration: none;
	margin-top: 10px;
	margin-left: 82px
}

.details0 {
	opacity: .3;
	margin-right: 7px
}

.startbtn, .startbtn:hover {
	color: #9015c5;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 15px;
	padding: 10px 35px;
	border: 1px solid #9015c5;
	text-decoration: none;
}

.startbtn2, .startbtn2:hover {
	color: #9015c5;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 15px;
	padding: 10px 35px;
	border: 1px solid #9015c5;
	text-decoration: none;
	/*margin-top: 61px;*/
	margin-left: 75px
}

.entryad {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 15px;
	padding: 20px 5px
}

.rules {
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	width: 100%;
	text-decoration: underline
}

.score {
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	width: 100%
}

.quizicon {
	width: 100%;
	max-width: 70px
}

.quizheadnew, .quizheadnew:hover {
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	text-align: left;
	margin-left: 22px;
	margin-top: 1px;
	text-decoration: none
}

.quizheadnew1 {
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	text-align: left;
	margin-left: 15px;
	margin-top: -6px;
	text-decoration: none
}

.quizover {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0;
	width: 100%;
	margin-bottom: 10px
}

.quizimg {
	margin-left: auto;
	margin-right: auto
}

.quizimg1 {
	width: 100%;
	margin-top: 10px;
	max-width: 120px;
	display: block
}

.gkquizh {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 17px;
	font-weight: 600
}

.gkquizh1 {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: 700
}

.gkquizh2 {
	width: 100%;
	text-align: center;
	color: #6b7075;
	font-size: 14px;
	font-weight: 600
}

.newbox {
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important
}

.leftbox {
	width: 100%;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 10px;
	padding: 15px 5px;
	margin: 0 8px 8px 8px
}

.rightbox {
	width: 100%;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 10px;
	padding: 15px 5px;
	margin: 0 8px 8px 8px
}

.scorehead {
	color: #000;
	text-align: center;
	font-size: 18px;
	font-weight: 600
}

.scorehead1 {
	color: #9015c5;
	text-align: center;
	font-size: 31px;
	font-weight: 600;
	padding: 5px 0 0 0
}

.scorehead2 {
	color: #b3b3b3;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	text-decoration: underline;
	padding: 10px 0 5px 0
}

.bottomhead {
	background: #f5f5f5;
	color: #000;
	text-align: center;
	width: 100%;
	font-weight: 600;
	font-size: 18px;
	padding: 5px 0
}

.bottomheadbg {
	background: #fff;
	width: 100%;
	padding: 10px 7px
}

.rulesbgnew {
	background: #fff;
	width: 100%;
	padding: 10px 22px;
	margin: 10px 0 0 0
}

.rulesnewhead {
	text-align: left;
	font-size: 22px;
	font-weight: 600
}

.rulesnewsub {
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px
}

.bottomoutline {
	width: 100%;
	border-radius: 10px;
	padding: 10px 4px;
	border: 1px solid #ccc;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 15px
}

.winnerbtmbg {
	width: 100%;
	border-radius: 10px;
	padding: 10px 4px;
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	margin-top: 10px
}

.winnerbtmbgpre {
	width: 100%;
	border-radius: 10px;
	padding: 6px 0;
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	margin-top: 10px
}

.quizim1 {
	width: 100%;
	max-width: 70px;
	padding: 20px 0 0 0
}

.quizim1win {
	width: 100%;
	max-width: 70px;
	padding: 20px 0 0 0
}

.quizlive {
	text-align: left;
	color: #6dc658;
	font-size: 11px;
	padding: 20px 0 2px 6px;
	font-weight: 600
}

.userslive {
	color: #6dc658;
	text-align: right;
	font-size: 10px
}

.userslivee {
	color: #6dc658;
	text-align: right;
	font-size: 10px
}

.ueserlive1 {
	text-align: left;
	color: #000;
	font-size: 13px;
	font-weight: 600;
	margin-top: 0
}

.ueserlive2 {
	text-align: left;
	color: #000;
	font-weight: 700;
	font-size: 18px;
	margin-top: -2px
}

.ueserlive3 {
	color: #999;
	text-align: left;
	font-size: 12px;
	margin-top: 0
}

.userliveentry {
	text-align: left;
	color: #333;
	font-size: 12px;
	font-weight: 600;
	padding: 10px 2px 10px 0
}

.userlivebtn, .userlivebtn:hover {
	color: #000;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	border-radius: 7px;
	padding: 7px 18px;
	border: 1px solid #9015c5;
	text-decoration: none;
	margin-top: 5px;
	margin-left: -20px;
	float: right
}

.userlivebtnwin, .userlivebtnwin:hover {
	color: #000;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 9px;
	text-transform: uppercase;
	border-radius: 7px;
	padding: 8px 19px 7px 19px;
	border: 1px solid #9015c5;
	text-decoration: none;
	margin-top: 5px;
	margin-left: -27px;
	float: right
}

.userlivebtnwin1, .userlivebtnwin1:hover {
	color: #000;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 9px;
	text-transform: uppercase;
	border-radius: 7px;
	padding: 7px 16px;
	border: 1px solid #9015c5;
	text-decoration: none;
	margin-top: 5px;
	margin-left: -31px;
	float: right
}

.userslivepredwin {
	color: #000;
	text-align: left;
	font-size: 9px;
	margin-top: 12px;
	display: flex !important
}

.userliveentrypredwin {
	text-align: left;
	color: #333;
	font-size: 12px;
	font-weight: 600;
	padding: 10px 2px 10px 0;
	margin-left: 0
}

.userlivebtn00, .userlivebtn00:hover {
	color: #000;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	border-radius: 7px;
	padding: 7px 18px;
	border: 1px solid #9015c5;
	text-decoration: none;
	margin-top: 5px;
	margin-left: -20px;
	float: right
}

.vs {
	color: #fff;
	text-align: center;
	font-size: 37px;
	font-weight: 600;
	margin-top: -24px
}

.name1 {
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 13px
}

.sequencerow {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 50px;
	width: 90%;
	margin-bottom: 5px
}

.predictbtn, .predictbtn:hover {
	color: #9015c5;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 15px;
	padding: 10px 35px;
	border: 1px solid #9015c5;
	text-decoration: none;
	margin-top: 61px;
	margin-left: -109px
}

.predictbtn1, .predictbtn1:hover {
	color: #9015c5;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 15px;
	padding: 10px 35px;
	border: 1px solid #9015c5;
	text-decoration: none;
	margin-top: 30px;
	margin-left: 53px
}

.predh {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0;
	width: 100%;
	margin-bottom: 20px
}

.prednum {
	text-align: left;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	margin-left: 0
}

.prednum1 {
	text-align: right;
	color: #000;
	font-size: 10px;
	font-weight: 600;
	margin-left: 0;
	margin-top: 2px
}

.predqhe {
	width: 100%;
	font-size: 18px;
	color: #9015c5;
	text-align: left;
	font-weight: 600;
	padding: 0 30px;
	line-height: 25px
}

.preddetails {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 95%;
	margin-bottom: 10px;
	background: #f5f5f5;
	border-radius: 15px;
	padding: 20px 0
}

.poption1, .poption1:hover {
	color: #000;
	display: inline-block;
	text-align: left;
	font-weight: 600;
	font-size: 17px;
	border-radius: 8px;
	padding: 11px 35px;
	background: #fff;
	text-decoration: none;
	width: 100%;
	margin: 13px 0;
	box-shadow: 2px 2px 4px #c3c3c3
}

.poption2, .poption2:hover {
	color: #000;
	display: inline-block;
	text-align: left;
	font-weight: 600;
	font-size: 17px;
	border-radius: 8px;
	padding: 11px 35px;
	background: #fff;
	text-decoration: none;
	width: 100%;
	margin: 13px 0 13px 0;
	box-shadow: 2px 2px 4px #c3c3c3
}

.poptions {
	width: 100%;
	padding: 14px 32px
}

.livcont {
	font-size: 13px;
	color: #6cc658;
	text-align: center;
	padding: 10px 0;
	width: 100%
}

.livcont1 {
	font-size: 13px;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	width: 100%
}

.btmfun {
	background: #fff;
	color: #9015c5;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	padding: 5px 20px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 86px;
	margin-top: 24px;
	margin-bottom: -13px;
	z-index: 998;
	width: 35%
}

.factbtm {
	width: 100%;
	padding: 10px 15px;
	margin-left: auto;
	margin-right: auto;
	color: #6b7075;
	font-size: 12px;
	text-align: center;
	margin-bottom: 0;
	background: #fff
}

#popup1 {
	z-index: 999
}

#popup2 {
	z-index: 999;
	position: fixed;
	width: 100%;
	max-width: 360px;
	margin: 0 auto
}

#rankbrk {
	z-index: 999;
	position: fixed;
	width: 100%;
	max-width: 360px;
	margin: 0 auto
}

.button {
	font-size: 13px;
	padding: 5px 10px;
	border: 1px solid #aaa;
	background-color: #eee;
	background-image: linear-gradient(top, #fff, #f0f0f0);
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
	color: #666;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	cursor: pointer;
	transition: all .2s ease-out
}

.button:hover {
	border-color: #999;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
}

.button:active {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25) inset
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	transition: opacity .2s;
	display: none;
    z-index: 999;

}
#timeupModal .oopshead {
	text-align: center;
    font-size: 23px;
    font-weight: 700;
    color: #9015c5;
    margin: 0 0 12px;
padding:0;
}
#timeupModal .popup {
padding: 20px 12px;
    text-align: center;
    min-height: 120px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
#timeupModal .content h5 {
margin: 0 0 5px;
    font-weight: 600;
    color: #000;
    font-size: 17px;
}
#timeupModal .content p {
	color: #332f2f;
    font-size: 14px;
    font-weight: 500;
}
#timeupModal .content a {
	color: #9015c5;
    border: 1px solid #9015c5;
   color: #fff;
    border-radius: 10px;
    padding: 0 15px;
    line-height: 36px;
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    background: #9015c5;
    text-transform: capitalize;
    margin: 15px auto 0;
}
.overlay.light {
	background: rgba(255, 255, 255, .5)
}

.overlay .cancel {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default
}

/*.overlay.hide {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default
}*/

.overlay.show {
	display: block
}

.overlay:target {
	display: block
}

.balanceoverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	transition: opacity .2s;
	display: none
}

.balanceoverlay.light {
	background: rgba(255, 255, 255, .5)
}

.balanceoverlay .cancel {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default
}

.balanceoverlay.hide {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default
}

.balanceoverlay.show {
	display: block
}

.balanceoverlay:target {
	display: block
}

.ad2 {
	width: 100%;
	max-width: 340px;
	display: block;
	margin: 0 auto;
	text-align: center
}

.popup {
	margin: 75px auto;
	padding: 20px 0;
	background: #fff;
	border: 1px solid #666;
	width: 340px;
	box-shadow: 0 0 50px rgba(0, 0, 0, .5);
	position: relative;
	border-radius: 10px
}

.light .popup {
	border-color: #aaa;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .25)
}

.popup h2 {
	margin-top: 0;
	color: #666
}

.popup .close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	right: 9px;
	opacity: .8;
	transition: all .2s;
	font-size: 24px;
	font-weight: 700;
	text-decoration: none;
	color: #666
}

.popup .close:hover {
	opacity: 1
}

.popup .content {
	height: auto;
	overflow: auto
}

.popup p {
	margin: 0 0 1em
}

.popup p:last-child {
	margin: 0
}

.popsmall {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #000
}

.oopshead {
	text-align: center;
	font-size: 23px;
	font-weight: 700;
	color: #9015c5;
	padding: 16px 0 5px
}

.balancehead {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #9015c5;
	padding: 40px 0 0 0
}

.balancetext {
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	color: #9015c5;
	padding: 0 0 5px 0
}

.redeemtxt {
	text-align: left;
	font-size: 14px;
	width: 80%;
	font-weight: 600;
	color: #000;
	padding: 5px 15px 30px 15px;
	line-height: 22px
}

.pointsys, .pointsys:hover {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	text-decoration: underline;
	padding: 20px 0
}

.popup2 {
	margin: 150px auto;
	padding: 20px 0;
	background: #fff;
	border: 1px solid #666;
	width: 340px;
	box-shadow: 0 0 50px rgba(0, 0, 0, .5);
	position: relative;
	border-radius: 10px
}

.light .popup2 {
	border-color: #aaa;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .25)
}

.popup2 h2 {
	margin-top: 0;
	color: #666
}

.popup2 .close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	right: 9px;
	opacity: .8;
	transition: all .2s;
	font-size: 24px;
	font-weight: 700;
	text-decoration: none;
	color: #666
}

.popup2 .close:hover {
	opacity: 1
}

.popup2 .content {
	height: auto;
	overflow: auto
}

.popup2 p {
	margin: 0 0 1em
}

.popup2 p:last-child {
	margin: 0
}

.oopstext {
	text-align: center;
	font-size: 17px;
	font-weight: 400;
	color: #000;
	padding: 5px 15px 30px 15px;
	line-height: 25px
}

.balancesubtext {
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	color: #000;
	padding: 5px 15px 30px 15px;
	line-height: 25px
}

.qproc {
	color: #fff;
	background: #9015c5;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 19px;
	margin: 10px 0
}

.qproc:hover {
	color: #fff;
	background: #9015c5;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 19px;
	margin: 10px 0;
	text-decoration: none
}

.ppoption {
	padding: 0 20px;
	margin-left: auto;
	margin-right: auto
}

.ppoption1, .ppoption1:hover {
	color: #000;
	display: inline-block;
	text-align: left;
	font-weight: 600;
	font-size: 17px;
	border-radius: 8px;
	padding: 11px 21px;
	background: #39af15;
	text-decoration: none;
	width: 100%;
	margin: 13px 0;
	box-shadow: 2px 2px 4px #c3c3c3
}

.ppoption2, .ppoption2:hover {
	color: #000;
	display: inline-block;
	text-align: left;
	font-weight: 600;
	font-size: 17px;
	border-radius: 8px;
	padding: 11px 21px;
	background: #e1e1e1;
	text-decoration: none;
	width: 100%;
	margin: 13px 0 13px 0;
	box-shadow: 2px 2px 4px #c3c3c3
}

.progress {
	background: #fff;
	justify-content: flex-start;
	border-radius: 8px;
	align-items: center;
	position: relative;
	display: flex;
	height: 40px;
	width: 300px;
	box-shadow: 2px 2px 4px #c3c3c3;
	margin: 13px auto
}

.progress-value {
	animation: load 3s normal forwards;
	border-radius: 8px;
	background: #39af15;
	height: 40px;
	width: 0;
	font-size: 17px;
	font-weight: 500;
	color: #000;
	padding: 5px 0 5px 21px
}

@
keyframes load { 0% {
	width: 100%
}

100%
{
width
:
 
60%
}
}
.progressnew {
	background: #fff;
	justify-content: flex-start;
	border-radius: 8px;
	align-items: center;
	position: relative;
	display: flex;
	height: 40px;
	width: 300px;
	box-shadow: 2px 2px 4px #c3c3c3;
	margin: 13px auto
}

.progress-valuenew {
	animation: load 3s normal forwards;
	border-radius: 8px;
	background: #e1e1e1;
	height: 40px;
	width: 0;
	font-size: 17px;
	font-weight: 500;
	color: #000;
	padding: 5px 0 5px 21px
}

.provalue1new {
	font-size: 17px;
	font-weight: 600;
	padding: 2% 0 2% 6%;
	color: #000
}

.presubc {
	text-align: left;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	margin-top: -35px;
	margin-left: 62px;
	line-height: 19px
}

.presubc0 {
	color: #40dc1b;
	font-size: 35px;
	margin-left: 10px
}

.checkrowpr {
	width: 100%;
	margin: 15px auto
}

.predseqbtm, .predseqbtm:hover {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 10px;
	text-decoration: none
}

.earnbalbg {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 0;
	margin-top: 15px;
	padding-bottom: 12px
}

.vs2 {
	color: #9015c5;
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	margin-top: 0
}

.vsrecent {
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	margin-top: -25px;
	line-height: 17px
}

.name01 {
	color: #000;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 6px
}

.predmomat {
	color: #fff;
	text-align: left;
	width: 100%;
	font-weight: 600;
	font-size: 18px;
	padding: 0 14px 5px
}

.predad1 {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 10px;
	padding: 7px 5px
}

.predad1win {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 10px;
	padding: 7px 5px;
	margin-top: 10px
}

.predtimer {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.predtimerlef {
	color: #6b6b6b;
	text-align: left;
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 5px 0;
	height: 43px
}

.predtimerrig {
	color: #000;
	text-align: right;
	font-size: 13px;
	font-weight: 600;
	padding: 5px 0 5px 0;
	margin-top: 0
}

.predtimerimg {
	margin-top: -8px;
	width: 100%;
	max-width: 23px;
	display: inline-block
}

.predmidline {
	width: 100%;
	margin: 0 auto
}

.predmidline1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	margin-bottom: 3px;
	float: left;
	display: inline-block
}

.star2 {
	width: 100% !important;
	max-width: 35px;
	display: block;
	margin-top: -36px;
	margin-left: auto;
	margin-right: auto
}

.name011 {
	color: #000;
	text-align: center;
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 6px;
	height: 18px;
	word-break: break-word;
	width: 57px
}

.vs3 {
	color: #000;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	margin-top: 0;
	margin-left: -13px
}

.predmidlinehead1 {
	text-align: center;
	color: #000;
	font-weight: 600;
	font-size: 15px
}

.predmidlinehead2 {
	text-align: center;
	color: #9015c5;
	font-weight: 700;
	font-size: 26px;
	margin-top: -5px
}

.predmidlinehead3, .predmidlinehead3:hover {
	text-align: center;
	color: #000;
	font-weight: 600;
	font-size: 12px;
	text-decoration: underline;
	margin-top: -4px
}

.predmidlineheadmain {
	margin-top: -7px;
	margin-bottom: 11px
}

.predmidlineheadmainflag {
	margin-top: 5px
}

.sequencerowpred {
	margin-left: -5px;
	margin-right: auto !important;
	margin-top: 35px;
	width: 100%;
	margin-bottom: 5px
}

.sequencerowpredflag {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0;
	width: 100%;
	margin-bottom: 5px
}

.name011 {
	color: #000;
	text-align: center;
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 6px;
	height: 18px;
	word-break: break-word;
	width: 57px
}

.predstar1 {
	margin-left: -21px
}

.predstar2 {
	margin-top: -32px;
	margin-right: 33px
}

.predstar3 {
	margin-top: -23px !important;
	margin-left: 116px
}

.userslivepred1 {
	color: #6dc658;
	text-align: left;
	font-size: 10px
}

.userslivepred {
	color: #000;
	text-align: left;
	font-size: 10px
}

.userliveentrypred {
	text-align: left;
	color: #333;
	font-size: 12px;
	font-weight: 600;
	padding: 10px 2px 10px 0
}

.tabswitch {
	width: 100%;
	margin: 10px auto;
	display: block
}

.nav-tabs {
	border-bottom: 1px solid #4d4e7c
}

.nav-tabs .active {
	border-bottom: 4px solid #fff
}

.tabhead1 .active, .tabhead1:hover {
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	font-weight: 600;
	text-decoration: none
}

.tabhead1 {
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 0 solid #4d4e7c;
	width: 50%
}

.tabwinnew {
	color: #ffd949;
	font-size: 11px;
	text-align: center
}

.tabhead1earn {
	color: #ffaf26;
	font-size: 15px;
	text-align: center;
	margin: 0 auto;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 0 solid #4d4e7c;
	width: 50%;
	padding: 10px 0
}

.tabhead1earn .active, .tabhead1earn:hover {
	color: #ffaf26;
	font-size: 15px;
	text-align: center;
	margin: 0 auto;
	font-weight: 600;
	text-decoration: none;
	padding: 10px 0
}

.nav-tabs1 {
	border-bottom: 0 solid #4d4e7c
}

.nav-tabs1 .active {
	border-bottom: 3px solid #ffaf26
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #8a24a1;
	max-width: 360px;
	z-index: 999
}

.footimg {
	width: 100%;
	margin: 10px 0 10px 10px;
	display: inline-block;
	z-index: 999;
	max-width: 70px
}

.winrowpic {
	width: 100%;
	margin: 10px 0;
	display: inline-block;
	z-index: 999;
	max-width: 70px;
	border-radius: 50%
}

.winrowamnt {
	color: #8a24a1;
	font-size: 19px;
	font-weight: 700;
	text-align: center;
	margin: 19px 0
}

.winrownamedet {
	margin: 10px 0
}

.winrownameh {
	text-align: left;
	color: #000;
	font-size: 16px;
	font-weight: 600
}

.winrownameh1 {
	text-align: left;
	color: #8a24a1;
	font-size: 18px;
	font-weight: 700
}

.foothead {
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	margin-top: 21px;
	z-index: 999
}

.foothead1 {
	color: #ffeb40;
	font-size: 23px;
	font-weight: 700;
	z-index: 999
}

.sequencerowwindet {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 50px;
	width: 75%;
	margin-bottom: 11px
}

.vswindet {
	color: #000;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	margin-top: -27px
}

.wineverydeth {
	text-align: center;
	margin: 6px auto -9px auto;
	color: #6b6b6b;
	font-size: 15px;
	font-weight: 500;
	padding: 0 10px
}

.wineverydeth1 {
	text-align: center;
	margin: -3px auto 8px auto;
	color: #000;
	font-size: 12px;
	font-weight: 400
}

.wineverydeth2 {
	text-align: center;
	color: #6cc658;
	font-size: 12px;
	font-weight: 600
}

.winrow1de {
	color: #000;
	opacity: .5;
	font-size: 15px;
	text-align: center;
	margin: auto 10px auto 0;
	font-weight: 600
}

.scrollheight {
	height: 100%;
	margin: 0 auto 80px auto;
	margin-bottom: 80px
}

.earnbal {
	text-align: left;
	color: #6b6b6b;
	font-size: 19px;
	font-weight: 500;
	margin: 5px 0 0 20px
}

.qwinheadnew {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 20px;
	width: 100%;
	margin-bottom: 10px
}

.qwinhead1 {
	text-align: left;
	color: #000;
	font-size: 14px;
	font-weight: 600
}

.qwinhead1sub {
	text-align: left;
	color: #666;
	font-size: 11px;
	font-weight: 600
}

.qwinhead2 {
	text-align: right;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	margin-right: 0
}

.qwinhead1tra {
	text-align: left;
	color: #000;
	font-size: 16px;
	font-weight: 600
}

.qwinhead1subtra {
	text-align: left;
	color: #666;
	font-size: 11px;
	font-weight: 600
}

.qwinhead2tra {
	text-align: right;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	margin-right: 0
}

.quizrankb {
	margin-top: 20px
}

.pointsysbtm {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	padding: 20px
}

.pointsyshead1 {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #9015c5;
	padding-top: 30px
}

.pointsyshead2 {
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	padding: 0 15px 6px 15px;
	line-height: 25px
}

.logouthead {
	width: 100%;
	margin: 0 auto
}

.logoutheadtext1 {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin: 30px auto 10px auto;
	width: 100%
}

.logoutheadtext2 {
	font-size: 16px;
	color: #afafaf;
	font-weight: 600;
	text-align: center;
	margin: 0 auto
}

.transferhead {
	text-align: left;
	color: #6b6b6b;
	font-size: 14px;
	font-weight: 500;
	margin: 5px 0 5px 20px
}

.transferheadsub {
	text-align: left;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	margin: 10px 0 0 20px
}

.transferheadnum {
	text-align: left;
	color: #000;
	font-size: 18px;
	font-weight: 600;
	margin-left: 6px
}

.transimg {
	width: 100%;
	max-width: 33px;
	margin-top: -3px;
	margin-left: -10px
}

.transferfxdamnt {
	text-align: center;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	margin-right: 0;
	border-radius: 15px;
	margin-top: 0;
	text-decoration: none;
	float: right
}

.transferrowseq {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 5px;
	width: 100%;
	margin-bottom: 0
}

.successbg {
	background: #fff;
	display: block;
	margin: 0 auto;
	background-size: contain;
	width: 100%;
	height: 100vh;
	margin-top: 10px;
}

.greencheck {
	text-align: center
}

.greencheck1 {
	width: 100%;
	max-width: 120px;
	margin: 80px auto 10px auto;
	display: block
}

.amntsuchead {
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 32px
}

.amntsuchead1 {
	text-align: center;
	color: #333;
	font-weight: 400;
	font-size: 20px
}

.amntsuchead2 {
	text-align: center;
	color: #000;
	font-weight: 600;
	font-size: 26px
}

.amntsuchead3 {
	text-align: center;
	color: #333;
	font-weight: 500;
	font-size: 20px;
	margin-top: 110px;
	padding: 0 10px
}

.amntsuchead4 {
	text-align: center;
	color: #333;
	font-weight: 400;
	font-size: 16px;
	padding: 0 20px
}

.redhead {
	text-align: left;
	font-size: 17px;
	font-weight: 600;
	color: #000
}

.redsub {
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	color: #333
}

.locked {
	margin: 10px auto 10px auto
}

.locked2 {
	margin: 10px auto 10px auto
}

.lockimg {
	display: block;
	width: 40px;
	margin-left: 13px
}

.redeemradio {
	margin: 20px auto 0 auto;
	float: left;
	text-align: left
}

.redeemradio2 {
	margin: 20px 34px 0 34px !important
}

.radio-button {
	cursor: pointer;
	padding-right: 25px;
	margin-left: -14px
}

.radio-button__label {
	color: #000;
	font-weight: 600
}

.radio-button__input {
	opacity: 0;
	position: absolute
}

.radio-button__control {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 0;
	vertical-align: middle;
	background-color: inherit;
	color: #017b5f;
	border: 2px solid #666;
	border-radius: 24px;
	margin-bottom: 3px
}

.radio-button__input:checked+.radio-button__control:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	background-color: #01a982;
	border-radius: 12px
}

.radio-button__input:checked+.radio-button__control {
	border-color: #999;
	padding: 10px
}

.radio-button__control {
	transform: scale(.75)
}

.linepartition {
	border-bottom: 1px solid #999;
	width: 80%;
	margin: -3px auto 4px auto;
	opacity: .5
}

.unlocked {
	margin: 10px auto 10px auto;
	opacity: .5;
	pointer-events: none
}

.unlocked2 {
	margin: 10px auto 10px auto;
	pointer-events: none;
	opacity: .5
}

.unlocked3 {
	margin: 10px auto 10px auto;
	pointer-events: none;
	opacity: .5
}

.unlocked4 {
	margin: 10px auto 10px auto;
	pointer-events: none;
	opacity: .5
}

.unlocked5 {
	margin: 10px auto 10px auto;
	pointer-events: none;
	opacity: .5
}

.amntprorow {
	margin: 0 auto 10px auto;
	width: 100%;
	text-align: center;
	outline: 0 !important
}

.amntpro, .amntpro:hover {
	text-align: center;
	font-size: 18px;
	color: #000;
	border-radius: 15px;
	font-weight: 600;
	padding: 5px 15px;
	text-decoration: none;
	background: #e0dedf;
	display: inline-block
}

.flagimg {
	width: 100%;
	display: block
}

.errmsg {
	text-align: center;
	font-size: 14px;
	margin: 0 auto 10px auto !important;
	color: red;
	font-weight: 600;
	padding: 0 15px
}

.errmsg1 {
	text-align: center;
	font-size: 14px;
	margin: 0 auto 10px auto !important;
	color: red;
	font-weight: 600;
	padding: 0 15px
}

.errmsg2 {
	text-align: center;
	font-size: 14px;
	margin: 0 auto 10px auto !important;
	color: red;
	font-weight: 600;
	padding: 0 15px
}

@media only screen and (max-width: 480px) {
	.mobile {
		margin: auto;
		width: 100%;
		max-width: 480px;
		background-image: url(https://quiz.sattamatkaguide.com/bg.png);
		height: 100vh;
		background-size: cover;
		overflow-x: hidden;
		position: relative
	}
	.modal-dialog1 {
		width: 450px;
		margin: 140px auto auto 432px
	}
	.if_ad_1 {
		width: 440px;
		height: auto;
		text-align: center;
		margin: 0 auto
	}
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 480px;
		height: 50px;
		z-index: 998;
		text-align: center
	}
	.sticky2 {
		width: 100%;
		max-width: 480px;
		height: 50px !important;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.st_ad_1 {
		width: 480px;
		height: 50px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_1 {
		width: 470px;
		height: 470px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_3 {
		width: 440px;
		height: 440px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_2 {
		width: 440px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_1 {
		width: 460px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.coins {-
		width: 100%;
		max-width: 480px;
		display: block
	}
	.leftimage {
		width: 100%;
		max-width: 220px;
		display: block;
		float: left
	}
	.rightimage {
		width: 100%;
		max-width: 169px;
		display: block;
		margin-top: -331px;
		margin-left: 242px
	}
	.hometext {
		font-size: 19px;
		color: #fff;
		font-weight: 600;
		padding: 2px 5px 2px 17px
	}
	.hometext1 {
		font-size: 17px;
		color: #fff;
		font-weight: 500;
		padding: 2px 10px 2px 5px;
		text-decoration: underline;
		text-align: right;
		margin-top: -31px
	}
	.ad {
		width: 100%;
		max-width: 480px;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	/*.textbtm {
		font-size: 16px;
		color: #fff;
		text-align: center;
		width: 100%
	}*/
	.textbtm1 {
		font-size: 16px;
		color: #fff;
		text-align: center;
		text-decoration: underline;
		width: 100%
	}
	.text1 {
		font-size: 21px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: 33px 0 0 38px
	}
	.text2 {
		font-size: 25px;
		color: #fcff07;
		font-weight: 700;
		text-align: left;
		margin: -10px 0 0 34px
	}
	.text3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 0 0 0 35px
	}
	.otptext1 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 30px
	}
	.otptext2 {
		font-size: 30px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 30px
	}
	.otptext3, .otptext3:hover {
		color: #999;
		font-size: 13px;
		margin-top: -47px;
		margin-left: 163px
	}
	.dialog {
		margin-top: 50px;
		margin-bottom: 37px;
		width: 100%;
		margin-left: 28px
	}
	.details {
		text-align: center;
		line-height: 60px;
		font-size: 24px;
		border: solid 1px #999;
		box-shadow: none;
		outline: 0;
		width: 11%;
		transition: all .2s ease-in-out;
		border-radius: 3px;
		padding: 0
	}
	/*.wincash {
		width: 100%;
		max-width: 123px;
		display: block;
		float: right;
		margin-top: -84px;
		margin-left: 158px
	}*/
	input {
		color: #999;
		background: 0 0;
		border: none;
		border-bottom: 1px solid #999;
		outline: 0;
		margin-left: 5px;
		font-size: 23px
	}
	label {
		color: #fff;
		font-size: 23px;
		display: inline
	}
	.form1 {
		margin: 35px 0 10px 30px
	}
	.language1 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 36px
	}
	.language2 {
		font-size: 24px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 36px
	}
	.language3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 400;
		text-align: right;
		margin: 25px 20px 0 0
	}
	.language4 {
		font-size: 24px;
		color: #fff;
		font-weight: 600;
		text-align: right;
		margin: -5px 20px 0 0
	}
	.languagerighht {
		float: right;
		margin-left: 160px
	}
	.languagebtn {
		margin: 80px 0 40px 89px
	}
	.languagebtneng {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 35px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtneng:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 35px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.languagebtnhin {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 40px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtnhin:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 40px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.gkimage {
		margin-left: 74px;
		width: 100%;
		margin-top: 10px;
		max-width: 120px
	}
	.gkhead1 {
		text-align: left;
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		margin-top: 10px
	}
	.gkhead2 {
		text-align: left;
		color: #fff;
		font-weight: 700;
		font-size: 32px;
		margin-top: -11px
	}
	.gkhead3, .gkhead3:hover {
		color: #999;
		text-align: left;
		text-decoration: underline;
		font-size: 15px;
		margin-top: -8px;
		margin-left: 2px
	}
	.details1 {
		text-align: left;
		color: #333;
		font-size: 17px;
		font-weight: 600;
		padding: 10px 50px
	}
	.startbtn, .startbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 13px 42px;
		border: 1px solid #9015c5;
		text-decoration: none;
	}
	.startbtn1, .startbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: 142px
	}
	.questionhead {
		width: 100%;
		font-size: 31px;
		color: #fff;
		text-align: left;
		font-weight: 600;
		padding: 0 36px;
		line-height: 42px
	}
	.userslive {
		color: #6dc658;
		text-align: right;
		font-size: 10px;
		display: block;
		margin-top: -78px
	}
	.userslivee {
		color: #6dc658;
		text-align: right;
		font-size: 10px;
		display: block;
		margin-top: -122px
	}
	.ueserlive1 {
		text-align: left;
		color: #000;
		font-size: 13px;
		font-weight: 600;
		margin-top: 0;
		margin-left: 126px
	}
	.ueserlive2 {
		text-align: left;
		color: #000;
		font-weight: 700;
		font-size: 20px;
		margin-top: -2px;
		margin-left: 125px
	}
	.ueserlive3 {
		color: #999;
		text-align: left;
		font-size: 12px;
		margin-top: 0;
		margin-left: 125px
	}
	.userliveentry {
		text-align: right;
		color: #333;
		font-size: 12px;
		font-weight: 600;
		padding: 10px 0;
		float: right
	}
	.quizlive {
		text-align: left;
		color: #6dc658;
		font-size: 11px;
		padding: 20px 0 2px;
		font-weight: 600;
		margin-left: 18px
	}
	.userlivebtn, .userlivebtn:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 33px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 5px;
		margin-left: -20px;
		float: right
	}
	.predictbtn, .predictbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 22px;
		margin-left: 134px
	}
	.predictbtn1, .predictbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 26px;
		margin-left: 106px
	}
	.brow1 {
		width: 100%
	}
	.presubc {
		text-align: left;
		color: #fff;
		font-size: 15px;
		font-weight: 400;
		margin-top: -26px;
		margin-left: 62px;
		line-height: 19px
	}
	.predtimerlef {
		color: #6b6b6b;
		text-align: left;
		font-size: 13px;
		font-weight: 500;
		padding: 5px 115px 5px 0;
		height: 47px
	}
	.predtimerrig {
		color: #000;
		text-align: right;
		font-size: 14px;
		font-weight: 600;
		padding: 5px 0 5px 131px;
		margin-top: -29px
	}
	.predmidlineheadmain {
		margin-top: -81px;
		margin-left: 274px
	}
	.sequencerowpred {
		margin-left: 35px;
		margin-right: auto !important;
		margin-top: 35px;
		width: 39%;
		margin-bottom: 20px
	}
	.sequencerowpredflag {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 6px;
		width: 39%;
		margin-bottom: 5px
	}
	.userliveentrypred {
		text-align: left;
		color: #333;
		font-size: 12px;
		font-weight: 600;
		padding: 10px 2px 10px 14px
	}
	.predmidline1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border-radius: 10px;
		margin-bottom: 3px;
		float: left;
		display: inline-block
	}
	.userslivepred {
		color: #000;
		text-align: left;
		font-size: 10px;
		margin-top: 12px
	}
	.userlivebtn00, .userlivebtn00:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 33px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 5px;
		margin-left: -20px;
		float: right
	}
	.winnerbtmbg {
		width: 100%;
		border-radius: 10px;
		padding: 7px 0 10px 0;
		border: 1px solid #ccc;
		margin-left: auto;
		margin-right: auto;
		background: #fff;
		margin-top: 10px
	}
	.winnerbtmbgpre {
		width: 100%;
		border-radius: 10px;
		padding: 0 0 10px 0;
		border: 1px solid #ccc;
		margin-left: auto;
		margin-right: auto;
		background: #fff;
		margin-top: 10px
	}
	.quizim1win {
		width: 100%;
		max-width: 70px;
		padding: 0 0 28px 0
	}
	.userlivebtnwin1, .userlivebtnwin1:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 9px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 8px 31px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 5px;
		margin-left: -31px;
		float: right
	}
	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #8a24a1;
		max-width: 480px;
		z-index: 999
	}
	.foothead {
		color: #fff;
		font-size: 21px;
		font-weight: 600;
		margin-top: -56px;
		z-index: 999;
		margin-left: 98px
	}
	.scrollheight {
		height: 100%;
		margin: 0 auto 80px auto;
		width: 100%
	}
	.winrow1de {
		color: #000;
		opacity: .5;
		font-size: 15px;
		text-align: left;
		margin: 29px 0 21px -7px;
		font-weight: 600
	}
	.winrowpic {
		width: 100%;
		margin: -65px 0 10px 28px;
		display: inline-block;
		z-index: 999;
		max-width: 70px
	}
	.winrownamedet {
		margin: -67px 0 10px 123px
	}
	.winrowamnt {
		color: #8a24a1;
		font-size: 22px;
		font-weight: 700;
		text-align: right;
		margin: -60px 10px 12px 0
	}
	.qwinhead2tra {
		text-align: right;
		color: #000;
		font-size: 20px;
		font-weight: 600;
		margin-right: 0;
		margin-top: -38px
	}
	.qwinhead1tra {
		text-align: left;
		color: #000;
		font-size: 17px;
		font-weight: 600
	}
	#popup2 {
		z-index: 999;
		position: fixed;
		width: 100%;
		max-width: 480px;
		margin: 0 auto
	}
	#rankbrk {
		z-index: 999;
		position: fixed;
		width: 100%;
		max-width: 480px;
		margin: 0 auto
	}
	.popup2 {
		margin: 150px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 380px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.pointsysrow1right2wr {
		text-align: right;
		color: red;
		font-size: 12px;
		font-weight: 700;
		padding: 5px;
		margin-top: -28px
	}
	.pointsysrow1right2ri {
		text-align: right;
		color: #093;
		font-size: 12px;
		font-weight: 700;
		padding: 5px;
		margin-top: -27px
	}
	.redeemrght {
		margin-top: -41px;
		margin-left: 64px
	}
	.fnametop1 {
		margin-left: 18px
	}
	.predmidlineheadmainflag {
		margin-top: -78px;
		margin-left: 292px
	}
	.controlls {
		position: absolute;
		left: 412px !important;
		top: 11px !important;
		text-align: center
	}
	.sequencerow {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 50px;
		width: 90%;
		margin-bottom: 5px
	}
	/*	.modal-content {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: .3rem;
		outline: 0;
		margin-left: -418px!important;
		margin-top: 86px
	}*/
}

@media only screen and (max-width: 440px) {
	.mobile {
		margin: auto;
		width: 100%;
		max-width: 440px;
		background-image: url(https://quiz.sattamatkaguide.com/bg.png);
		height: 100vh;
		background-size: cover;
		overflow-x: hidden;
		position: relative
	}
	.modal-dialog1 {
		width: 420px;
		margin: 140px auto auto 445px
	}
	.if_ad_1 {
		width: 400px;
		height: auto;
		text-align: center;
		margin: 0 auto
	}
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 440px;
		height: 50px;
		z-index: 998;
		text-align: center
	}
	.sticky2 {
		width: 100%;
		max-width: 440px;
		height: 50px !important;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.st_ad_1 {
		width: 440px;
		height: 50px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_1 {
		width: 420px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_1 {
		width: 430px;
		height: 430px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_3 {
		width: 400px;
		height: 400px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_2 {
		width: 400px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.coins {
		width: 100%;
		max-width: 440px;
		display: block
	}
	.leftimage {
		width: 100%;
		max-width: 220px;
		display: block;
		float: left
	}
	.rightimage {
		width: 100%;
		max-width: 169px;
		display: block;
		margin-top: -331px;
		margin-left: 222px
	}
	.hometext {
		font-size: 19px;
		color: #fff;
		font-weight: 600;
		padding: 2px 5px 2px 17px
	}
	.hometext1 {
		font-size: 17px;
		color: #fff;
		font-weight: 500;
		padding: 2px 10px 2px 5px;
		text-decoration: underline;
		text-align: right;
		margin-top: -31px
	}
	.ad {
		width: 100%;
		max-width: 440px;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.textbtm {
		font-size: 12px;
		color: #fff;
		text-align: center;
		padding: 5px 8px;
		width: 100%;
	}
	.textbtm1 {
		font-size: 12px;
		color: #fff;
		text-align: center;
		text-decoration: underline;
		width: 100%;
	}
	.text1 {
		font-size: 21px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: 33px 0 0 38px
	}
	.text2 {
		font-size: 25px;
		color: #fcff07;
		font-weight: 700;
		text-align: left;
		margin: -10px 0 0 34px
	}
	.text3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 0 0 0 35px
	}
	.otptext1 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 30px
	}
	.otptext2 {
		font-size: 28px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 30px
	}
	.otptext3, .otptext3:hover {
		color: #999;
		font-size: 12px;
		margin-top: -42px;
		margin-left: 140px
	}
	.dialog {
		margin-top: 50px;
		margin-bottom: 37px;
		width: 100%;
		margin-left: 28px
	}
	.gkimage {
		margin-left: 58px;
		width: 100%;
		margin-top: 4px;
		max-width: 120px
	}
	.details {
		text-align: center;
		line-height: 60px;
		font-size: 24px;
		border: solid 1px #999;
		box-shadow: none;
		outline: 0;
		width: 11%;
		transition: all .2s ease-in-out;
		border-radius: 3px;
		padding: 0
	}
	/*.wincash {
		width: 100%;
		max-width: 123px;
		display: block;
		float: right;
		margin-top: -84px;
		margin-left: 158px
	}*/
	input {
		color: #999;
		background: 0 0;
		border: none;
		border-bottom: 1px solid #999;
		outline: 0;
		margin-left: 5px;
		font-size: 23px
	}
	label {
		color: #fff;
		font-size: 23px;
		display: inline
	}
	.form1 {
		margin: 35px 0 10px 30px
	}
	.language1 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 36px
	}
	.language2 {
		font-size: 24px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 36px
	}
	.language3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 400;
		text-align: right;
		margin: 25px 20px 0 0
	}
	.language4 {
		font-size: 24px;
		color: #fff;
		font-weight: 600;
		text-align: right;
		margin: -5px 20px 0 0
	}
	.languagerighht {
		float: right;
		margin-left: 116px
	}
	.languagebtn {
		margin: 80px 0 40px 59px
	}
	.languagebtneng {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 35px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtneng:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 35px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.languagebtnhin {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 40px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtnhin:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 40px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.startbtn, .startbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 13px 42px;
		border: 1px solid #9015c5;
		text-decoration: none;
	}
	.startbtn1, .startbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: 121px
	}
	.ueserlive1 {
		text-align: left;
		color: #000;
		font-size: 13px;
		font-weight: 600;
		margin-top: 0;QLDI-164+stable
		margin-left: 100px
	}
	.ueserlive2 {
		text-align: left;
		color: #000;
		font-weight: 700;
		font-size: 20px;
		margin-top: -2px;
		margin-left: 99px
	}
	.ueserlive3 {
		color: #999;
		text-align: left;
		font-size: 12px;
		margin-top: 0;
		margin-left: 99px
	}
	.userliveentry {
		text-align: left;
		color: #333;
		font-size: 12px;
		font-weight: 600;
		padding: 13px 2px 10px 0
	}
	.userlivebtn, .userlivebtn:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 33px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 3px;
		margin-left: -20px;
		float: right
	}
	.predictbtn, .predictbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: -133px
	}
	.predictbtn1, .predictbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 26px;
		margin-left: 86px
	}
	.presubc {
		text-align: left;
		color: #fff;
		font-size: 15px;
		font-weight: 400;
		margin-top: -35px;
		margin-left: 62px;
		line-height: 19px
	}
	.predstar1 {
		margin-left: -39px
	}
	.predstar2 {
		margin-top: -32px;
		margin-right: 33px
	}
	.predstar3 {
		margin-top: -23px !important;
		margin-left: 116px
	}
	.name011 {
		color: #000;
		text-align: center;
		font-size: 11px;
		font-weight: 400;
		line-height: 16px;
		margin-top: 6px;
		height: 18px;
		word-break: break-word;
		width: 57px
	}
	.userlivebtn00, .userlivebtn00:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 33px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 3px;
		margin-left: -20px;
		float: right
	}
	.userlivebtnwin1, .userlivebtnwin1:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 9px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 8px 28px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 5px;
		margin-left: -31px;
		float: right
	}
	.predtimerrig {
		color: #000;
		text-align: right;
		font-size: 14px;
		font-weight: 600;
		padding: 5px 0 5px 95px;
		margin-top: -28px
	}
	.predmidlinehead2 {
		text-align: center;
		color: #9015c5;
		font-weight: 700;
		font-size: 26px;
		margin-top: -5px
	}
	.predmidlineheadmainflag {
		margin-top: -78px;
		margin-left: 256px
	}
	.details1 {
		text-align: left;
		color: #333;
		font-size: 17px;
		font-weight: 600;
		padding: 10px 39px
	}
	.controlls {
		position: absolute;
		left: 373px !important;
		top: 11px !important;
		text-align: center
	}
	.sequencerow {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 50px;
		width: 90%;
		margin-bottom: 5px
	}
	/*	.modal-content {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: .3rem;
		outline: 0;
		margin-left: -435px!important;
		margin-top: 86px
	}*/
}

@media only screen and (max-width: 420px) {
	.predmidlineheadmain {
		margin-top: -81px;
		margin-left: 231px
	}
	.if_ad_1 {
		width: 320px;
		height: auto;
		text-align: center;
		margin: 0 auto
	}
	.modal-dialog1 {
		width: 400px;
		margin: 140px auto auto 455px
	}
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 360px;
		height: 50px;
		z-index: 998;
		text-align: center
	}
	.sticky2 {
		width: 100%;
		max-width: 360px;
		height: 50px !important;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.st_ad_1 {
		width: 360px;
		height: 50px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_1 {
		width: 340px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_1 {
		width: 350px;
		height: 350px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_3 {
		width: 330px;
		height: 330px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_2 {
		width: 330px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	/*.fnametop {
		margin-bottom: 23px
	}*/
	.predtimerrig {
		color: #000;
		text-align: right;
		font-size: 14px;
		font-weight: 600;
		padding: 5px 0 5px 70px;
		margin-top: -45px
	}
	.userlivebtn00, .userlivebtn00:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 29px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 3px;
		margin-left: -20px;
		float: right
	}
	.userlivebtnwin1, .userlivebtnwin1:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 9px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 8px 26px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 5px;
		margin-left: -31px;
		float: right
	}
	.predmidlineheadmainflag {
		margin-top: -75px;
		margin-left: 249px
	}
	input {
		color: #999;
		background: 0 0;
		border: none;
		border-bottom: 1px solid #999;
		outline: 0;
		margin-left: 5px;
		font-size: 19px
	}
	label {
		color: #fff;
		font-size: 19px;
		display: inline
	}
	.form1 {
		margin: 35px 0 10px 30px
	}
	.userliveentry {
		text-align: right;
		color: #333;
		font-size: 12px;
		font-weight: 600;
		padding: 13px 0 10px 0;
		margin-right: -13px;
		float: right
	}
	.controlls {
		position: absolute;
		left: 352px !important;
		top: 11px !important;
		text-align: center
	}
	.sequencerow {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 50px;
		width: 90%;
		margin-bottom: 5px
	}
	/*	.modal-content {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: .3rem;
		outline: 0;
		margin-left: -445px!important;
		margin-top: 86px
	}*/
	.predstar1 {
		margin-left: -51px
	}
	.predstar2 {
		margin-top: -32px;
		margin-right: 33px
	}
	.predstar3 {
		margin-top: -23px !important;
		margin-left: 90px
	}
	.name011 {
		color: #000;
		text-align: center;
		font-size: 11px;
		font-weight: 400;
		line-height: 16px;
		margin-top: 6px;
		height: 18px;
		word-break: break-word;
		width: 57px
	}
}

@media only screen and (max-width: 400px) {
	.mobile {
		margin: auto;
		width: 100%;
		max-width: 400px;
		background-image: url(https://quiz.sattamatkaguide.com/bg.png);
		height: 100vh;
		background-size: cover;
		overflow-x: hidden;
		position: relative
	}
	.modal-dialog1 {
		width: 380px;
		margin: 140px auto auto 470px
	}
	.if_ad_1 {
		width: 320px;
		height: auto;
		text-align: center;
		margin: 0 auto
	}
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 360px;
		height: 50px;
		z-index: 998;
		text-align: center
	}
	.sticky2 {
		width: 100%;
		max-width: 360px;
		height: 50px !important;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.st_ad_1 {
		width: 360px;
		height: 50px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_1 {
		width: 340px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_1 {
		width: 350px;
		height: 350px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_3 {
		width: 330px;
		height: 330px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_2 {
		width: 330px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.gkimage {
		margin-left: 43px;
		width: 100%;
		margin-top: 4px;
		max-width: 120px
	}
	.coins {
		width: 100%;
		max-width: 400px;
		display: block
	}
	.rightimage {
		width: 100%;
		max-width: 169px;
		display: block;
		margin-top: -331px;
		margin-left: 210px
	}
	.ad {
		width: 100%;
		max-width: 400px;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	/*.textbtm {
		font-size: 15px;
		color: #fff;
		text-align: center;
		width: 100%
	}*/
	.textbtm1 {
		font-size: 12px;
		color: #fff;
		text-align: center;
		text-decoration: underline;
		width: 100%
	}
	.text1 {
		font-size: 21px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: 33px 0 0 38px
	}
	.text2 {
		font-size: 25px;
		color: #fcff07;
		font-weight: 700;
		text-align: left;
		margin: -10px 0 0 34px
	}
	.text3 {
		font-size: 12px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 0 0 0 35px
	}
	.otptext1 {
		font-size: 14px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 30px
	}
	.otptext2 {
		font-size: 27px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 30px
	}
	.otptext3, .otptext3:hover {
		color: #999;
		font-size: 12px;
		margin-top: -41px;
		margin-left: 126px;
		margin-right: 11px;
		text-align: right
	}
	.dialog {
		margin-top: 50px;
		margin-bottom: 37px;
		width: 100%;
		margin-left: 28px
	}
	.details {
		text-align: center;
		line-height: 60px;
		font-size: 24px;
		border: solid 1px #999;
		box-shadow: none;
		outline: 0;
		width: 11%;
		transition: all .2s ease-in-out;
		border-radius: 3px;
		padding: 0
	}
	/*.wincash {
		width: 100%;
		max-width: 119px;
		display: block;
		float: right;
		margin-top: -84px;
		margin-left: 145px
	}*/
	input {
		color: #999;
		background: 0 0;
		border: none;
		border-bottom: 1px solid #999;
		outline: 0;
		margin-left: 5px;
		font-size: 19px
	}
	label {
		color: #fff;
		font-size: 21px;
		display: inline
	}
	.form1 {
		margin: 35px 0 10px 30px
	}
	.language1 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 36px
	}
	.language2 {
		font-size: 24px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 36px
	}
	.language3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 400;
		text-align: right;
		margin: 25px 20px 0 0
	}
	.language4 {
		font-size: 24px;
		color: #fff;
		font-weight: 600;
		text-align: right;
		margin: -5px 20px 0 0
	}
	.languagerighht {
		float: right;
		margin-left: 81px
	}
	.languagebtn {
		margin: 80px 0 40px 44px
	}
	.languagebtneng {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 35px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtneng:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 35px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.languagebtnhin {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 40px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtnhin:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 40px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.startbtn, .startbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 13px 42px;
		border: 1px solid #9015c5;
		text-decoration: none;
	}
	.startbtn1, .startbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: 106px
	}
	.questionhead {
		width: 100%;
		font-size: 27px;
		color: #fff;
		text-align: left;
		font-weight: 600;
		padding: 0 36px;
		line-height: 37px
	}
	.ueserlive1 {
		text-align: left;
		color: #000;
		font-size: 13px;
		font-weight: 600;
		margin-top: 0;
		margin-left: 83px
	}
	.ueserlive2 {
		text-align: left;
		color: #000;
		font-weight: 700;
		font-size: 20px;
		margin-top: -2px;
		margin-left: 82px
	}
	.ueserlive3 {
		color: #999;
		text-align: left;
		font-size: 12px;
		margin-top: 0;
		margin-left: 83px
	}
	.userliveentry {
		text-align: left;
		color: #333;
		font-size: 12px;
		font-weight: 600;
		padding: 18px 8px 10px 0
	}
	.userlivebtn, .userlivebtn:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 37px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 11px;
		margin-left: -20px;
		float: right
	}
	.predictbtn, .predictbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: -133px
	}
	.predictbtn1, .predictbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 19px;
		margin-left: 69px
	}
	.predtimerrig {
		color: #000;
		text-align: right;
		font-size: 12px;
		font-weight: 600;
		padding: 5px 0 5px 58px;
		margin-top: -28px
	}
	.predtimerlef {
		color: #6b6b6b;
		text-align: left;
		font-size: 12px;
		font-weight: 500;
		padding: 5px 99px 5px 0
	}
	.predstar1 {
		margin-left: -51px
	}
	.predstar2 {
		margin-top: -32px;
		margin-right: 33px
	}
	.predstar3 {
		margin-top: -21px;
		margin-left: 84px
	}
	.name011 {
		color: #000;
		text-align: center;
		font-size: 11px;
		font-weight: 400;
		line-height: 16px;
		margin-top: 6px;
		height: 18px;
		word-break: break-word;
		width: 57px
	}
	.predmidlineheadmain {
		margin-top: -81px;
		margin-left: 223px
	}
	.userliveentrypred {
		text-align: left;
		color: #333;
		font-size: 12px;
		font-weight: 600;
		padding: 12px 2px 10px 0
	}
	.userlivebtn00, .userlivebtn00:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 28px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 5px;
		margin-left: -20px;
		float: right;
		margin-bottom: 8px
	}
	.userlivebtnwin, .userlivebtnwin:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 9px;
		text-transform: uppercase;
		border-radius: 7px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 17px;
		margin-left: -27px;
		float: right
	}
	.userlivebtnwin1, .userlivebtnwin1:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 9px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 8px 23px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 5px;
		margin-left: -31px;
		float: right
	}
	.qwinhead1tra {
		text-align: left;
		color: #000;
		font-size: 16px;
		font-weight: 600
	}
	.predmidlineheadmainflag {
		margin-top: -75px;
		margin-left: 223px
	}
	.details1 {
		text-align: left;
		color: #333;
		font-size: 16px;
		font-weight: 600;
		padding: 10px 33px
	}
	.controlls {
		position: absolute;
		left: 332px !important;
		top: 11px !important;
		text-align: center
	}
	.sequencerow {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 50px;
		width: 90%;
		margin-bottom: 5px
	}
	/*	.modal-content {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: .3rem;
		outline: 0;
		margin-left: -460px!important;
		margin-top: 86px
	}*/
	.winrownameh {
		text-align: left;
		color: #000;
		font-size: 16px;
		font-weight: 600;
		padding-right: 30%
	}
	.userslivepredwin {
		color: #000;
		text-align: left;
		font-size: 10px;
		margin-top: 11px;
		display: flex !important
	}
	.popup2 {
		margin: 150px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 380px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
}

@media only screen and (max-width: 414px) {
	.if_ad_1 {
		width: 320px;
		height: auto;
		text-align: center;
		margin: 0 auto
	}
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 360px;
		height: 50px;
		z-index: 998;
		text-align: center
	}
	.sticky2 {
		width: 100%;
		max-width: 360px;
		height: 50px !important;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.st_ad_1 {
		width: 360px;
		height: 50px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_1 {
		width: 340px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_1 {
		width: 350px;
		height: 350px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_3 {
		width: 330px;
		height: 330px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_2 {
		width: 330px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
}

@media only screen and (max-width: 375px) {
	.if_ad_1 {
		width: 320px !important;
		height: auto !important;
		text-align: center;
		margin: 0 auto
	}
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 360px;
		height: 50px !important;
		z-index: 998;
		text-align: center
	}
	.sticky2 {
		width: 100%;
		max-width: 360px;
		height: 50px !important;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.st_ad_1 {
		width: 360px !important;
		height: 50px !important;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_1 {
		width: 340px !important;
		height: 100px !important;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_1 {
		width: 350px;
		height: 350px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_3 {
		width: 330px !important;
		height: 330px !important;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_2 {
		width: 330px !important;
		height: 100px !important;
		text-align: center;
		margin: 0 auto
	}
}

@media only screen and (max-width: 393px) {
	.popup2 {
		margin: 150px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 360px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.modal-dialog1 {
		width: 380px;
		margin: 140px auto auto 470px
	}
	.predtimerlef {
		color: #6b6b6b;
		text-align: left;
		font-size: 12px;
		font-weight: 500;
		padding: 5px 116px 5px 0
	}
	/*.modal-dialog {
		width: 340px;
		min-height: 500px;
		margin-left: 476px
	}*/
	.predstar1 {
		margin-left: -56px
	}
	.sequencerowpred {
		margin-left: 43px;
		margin-right: auto !important;
		margin-top: 50px;
		width: 39%;
		margin-bottom: 20px
	}
	.predmidlinehead2 {
		text-align: center;
		color: #9015c5;
		font-weight: 700;
		font-size: 22px;
		margin-top: -5px
	}
	.predictbtn, .predictbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: -147px
	}
	.predictbtn1, .predictbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 19px;
		margin-left: 63px
	}
	.startbtn1, .startbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: 97px
	}
	.startbtn, .startbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 13px 42px;
		border: 1px solid #9015c5;
		text-decoration: none;
	}
	.popup {
		margin: 75px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 360px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.controlls {
		position: absolute;
		left: 323px !important;
		top: 11px !important;
		text-align: center
	}
	label {
		color: #fff;
		font-size: 21px;
		display: inline
	}
	/*.fnametop {
		margin-bottom: 23px
	}*/
	.fnametop1 {
		margin-left: 18px
	}
	input {
		color: #999;
		background: 0 0;
		border: none;
		border-bottom: 1px solid #999;
		outline: 0;
		margin-left: 5px;
		font-size: 19px
	}
}

@media only screen and (max-width: 375px) {
	.predtimerrig {
		color: #000;
		text-align: right;
		font-size: 12px;
		font-weight: 600;
		padding: 5px 0 5px 45px;
		margin-top: -45px
	}
	.popup2 {
		margin: 150px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 360px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.modal-dialog1 {
		width: 365px;
		margin: 140px auto auto 464px
	}
	.predtimerlef {
		color: #6b6b6b;
		text-align: left;
		font-size: 12px;
		font-weight: 500;
		padding: 5px 110px 5px 0
	}
	/*.modal-dialog {
		width: 340px;
		min-height: 500px;
		margin-left: 476px
	}*/
	.predstar1 {
		margin-left: -56px
	}
	.predstar2 {
		margin-top: -32px;
		margin-right: 33px
	}
	.predstar3 {
		margin-top: -21px;
		margin-left: 75px
	}
	.name011 {
		color: #000;
		text-align: center;
		font-size: 11px;
		font-weight: 400;
		line-height: 16px;
		margin-top: 6px;
		height: 18px;
		word-break: break-word;
		width: 57px
	}
	.sequencerowpred {
		margin-left: 43px;
		margin-right: auto !important;
		margin-top: 35px;
		width: 39%;
		margin-bottom: 20px
	}
	.predmidlinehead2 {
		text-align: center;
		color: #9015c5;
		font-weight: 700;
		font-size: 22px;
		margin-top: -5px
	}
	.predictbtn, .predictbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: -147px
	}
	.predictbtn1, .predictbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 19px;
		margin-left: 63px
	}
	.startbtn1, .startbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: 97px
	}
	.startbtn, .startbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 13px 42px;
		border: 1px solid #9015c5;
		text-decoration: none;
	}
	.popup {
		margin: 75px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 360px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.controlls {
		position: absolute;
		left: 312px !important;
		top: 11px !important;
		text-align: center
	}
	label {
		color: #fff;
		font-size: 21px;
		display: inline
	}
	/*.fnametop {
		margin-bottom: 23px
	}*/
	.fnametop1 {
		margin-left: 18px
	}
	input {
		color: #999;
		background: 0 0;
		border: none;
		border-bottom: 1px solid #999;
		outline: 0;
		margin-left: 5px;
		font-size: 19px
	}
	.popup2 .content {
		height: auto;
		overflow: auto
	}
	/*	.modal-content {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: .3rem;
		outline: 0;
		margin-left: -472px!important;
		margin-top: 86px
	}*/
}

@media only screen and (max-width: 360px) {
	.mobile {
		margin: auto;
		width: 100%;
		max-width: 360px;
		background-image: url(https://quiz.sattamatkaguide.com/bg.png);
		height: 100vh;
		background-size: cover;
		overflow-x: hidden;
		position: relative
	}
	.modal-dialog1 {
		width: 345px;
		margin: 140px auto auto 491px
	}
	.if_ad_1 {
		width: 320px;
		height: auto;
		text-align: center;
		margin: 0 auto
	}
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 360px;
		height: 50px;
		z-index: 998;
		text-align: center
	}
	.sticky2 {
		width: 100%;
		max-width: 360px;
		height: 50px !important;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.st_ad_1 {
		width: 360px;
		height: 50px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_1 {
		width: 340px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_1 {
		width: 350px;
		height: 350px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_3 {
		width: 330px;
		height: 330px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_2 {
		width: 330px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.gkimage {
		margin-left: 43px;
		width: 100%;
		margin-top: 4px;
		max-width: 103px
	}
	.coins {
		width: 100%;
		max-width: 360px;
		display: block
	}
	.leftimage {
		width: 100%;
		max-width: 200px;
		display: block;
		float: left
	}
	.rightimage {
		width: 100%;
		max-width: 135px;
		display: block;
		margin-top: -281px;
		margin-left: 194px
	}
	.hometext {
		font-size: 19px;
		color: #fff;
		font-weight: 600;
		padding: 2px 5px 2px 17px
	}
	.hometext1 {
		font-size: 17px;
		color: #fff;
		font-weight: 500;
		padding: 2px 10px 2px 5px;
		text-decoration: underline;
		text-align: right;
		margin-top: -31px
	}
	.ad {
		width: 100%;
		max-width: 360px;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.textbtm {
		font-size: 11px;
		color: #fff;
		text-align: center;
		padding: 10px 10px;
		width: 100%
	}
	.textbtm1 {
		font-size: 10px;
		color: #fff;
		text-align: center;
		text-decoration: underline;
		width: 100%
	}
	.text1 {
		font-size: 18px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: 25px 0 0 30px
	}
	.text2 {
		font-size: 21px;
		color: #fcff07;
		font-weight: 700;
		text-align: left;
		margin: -10px 0 0 30px
	}
	.text3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 0 0 0 30px
	}
	.otptext1 {
		font-size: 14px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 30px
	}
	.otptext2 {
		font-size: 26px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 30px
	}
	.otptext3, .otptext3:hover {
		color: #999;
		font-size: 11px;
		margin-top: -47px;
		margin-left: 124px;
		margin-right: 11px;
		text-align: right
	}
	.dialog {
		margin-top: 50px;
		margin-bottom: 37px;
		width: 100%;
		margin-left: 28px
	}
	.details {
		text-align: center;
		line-height: 60px;
		font-size: 24px;
		border: solid 1px #999;
		box-shadow: none;
		outline: 0;
		width: 11%;
		transition: all .2s ease-in-out;
		border-radius: 3px;
		padding: 0
	}
	/*.wincash {
		width: 100%;
		max-width: 110px;
		display: block;
		float: right;
		margin-top: -74px;
		margin-left: 63px
	}*/
	input {
		color: #999;
		background: 0 0;
		border: none;
		border-bottom: 1px solid #999;
		outline: 0;
		margin-left: 5px;
		font-size: 17px
	}
	label {
		color: #fff;
		font-size: 16px;
		display: inline
	}
	.form1 {
		margin: 30px 0 10px 30px
	}
	.language1 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 24px
	}
	.language2 {
		font-size: 22px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 24px
	}
	.language3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 400;
		text-align: right;
		margin: 25px 20px 0 0
	}
	.language4 {
		font-size: 22px;
		color: #fff;
		font-weight: 600;
		text-align: right;
		margin: -5px 20px 0 0
	}
	.languagerighht {
		float: right;
		margin-left: 78px
	}
	.languagebtn {
		margin: 80px 0 40px 27px
	}
	.languagebtneng {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 35px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtneng:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 35px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.languagebtnhin {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 40px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtnhin:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 40px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.gkhead1 {
		text-align: left;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		margin-top: 10px
	}
	.gkhead2 {
		text-align: left;
		color: #fff;
		font-weight: 700;
		font-size: 32px;
		margin-top: -11px
	}
	.gkhead3, .gkhead3:hover {
		color: #999;
		text-align: left;
		text-decoration: underline;
		font-size: 13px;
		margin-top: -8px;
		margin-left: 2px
	}
	.details1 {
		text-align: left;
		color: #333;
		font-size: 15px;
		font-weight: 600;
		padding: 10px 26px
	}
	.startbtn, .startbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 13px 42px;
		border: 1px solid #9015c5;
		text-decoration: none;
	}
	.startbtn1, .startbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 10px;
		margin-left: 87px
	}
	.predictbtn1, .predictbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 10px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 0;
		margin-left: 51px
	}
	.presubc {
		text-align: left;
		color: #fff;
		font-size: 13px;
		font-weight: 400;
		margin-top: -35px;
		margin-left: 62px;
		line-height: 19px
	}
	.predtimerrig {
		color: #000;
		text-align: right;
		font-size: 11px;
		font-weight: 600;
		padding: 5px 0 5px 17px;
		margin-top: -45px
	}
	.predmidlinehead2 {
		text-align: center;
		color: #9015c5;
		font-weight: 700;
		font-size: 24px;
		margin-top: -8px
	}
	.predmidlineheadmain {
		margin-top: -80px;
		margin-left: 202px
	}
	.name011 {
		color: #000;
		text-align: center;
		font-size: 11px;
		font-weight: 400;
		line-height: 16px;
		margin-top: 6px;
		height: 18px;
		word-break: break-word;
		width: 57px
	}
	.sequencerowpred {
		margin-left: 32px;
		margin-right: auto !important;
		margin-top: 35px;
		width: 39%;
		margin-bottom: 20px
	}
	.predstar1 {
		margin-left: -49px
	}
	.predstar2 {
		margin-top: -32px;
		margin-right: 33px
	}
	.predstar3 {
		margin-top: -27px;
		margin-left: 81px
	}
	.vs3 {
		color: #000;
		text-align: center;
		font-size: 22px;
		font-weight: 600;
		margin-top: -19px;
		margin-left: 33px
	}
	.star2 {
		width: 100% !important;
		max-width: 35px;
		display: block;
		margin-top: -36px;
		margin-left: 9px;
		margin-right: auto
	}
	.userliveentrypred {
		text-align: left;
		color: #333;
		font-size: 12px;
		font-weight: 600;
		padding: 12px 2px 10px 0;
		margin-left: -12px
	}
	.userlivebtn00, .userlivebtn00:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 21px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 5px;
		margin-left: -20px;
		float: right;
		margin-bottom: 8px
	}
	.userlivebtnwin1, .userlivebtnwin1:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 9px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 8px 15px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 5px;
		margin-left: -31px;
		float: right
	}
	.predstar3 {
		margin-top: -27px;
		margin-left: 90px
	}
	.qwinhead2tra {
		text-align: right;
		color: #000;
		font-size: 20px;
		font-weight: 600;
		margin-right: 0;
		margin-top: -41px
	}
	.earnbalhead {
		text-align: left;
		color: #000;
		font-size: 28px;
		font-weight: 600;
		margin-left: 3px
	}
	.earnbalhead2, .earnbalhead2:hover {
		text-align: center;
		color: #000;
		font-size: 16px;
		font-weight: 600;
		margin-right: 0;
		background: #fdb225;
		border-radius: 15px;
		padding: 3px 15px;
		margin-top: 7px;
		text-decoration: none;
		float: right
	}
	.popup2 {
		margin: 150px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 320px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.fnametop1 {
		margin-left: 13px
	}
	.predmidlineheadmainflag {
		margin-top: -68px;
		margin-left: 204px
	}
	.userliveentry {
		text-align: left;
		color: #333;
		font-size: 12px;
		font-weight: 600;
		padding: 18px 2px 10px 0;
		margin-right: -24px
	}
	.controlls {
		position: absolute;
		left: 298px !important;
		top: 11px !important;
		text-align: center
	}
	.sequencerow {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 50px;
		width: 90%;
		margin-bottom: 5px
	}
	/*	.modal-content {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: .3rem;
		outline: 0;
		margin-left: -483px!important;
		margin-top: 86px
	}*/
	.ueserlive2 {
		text-align: left;
		color: #000;
		font-weight: 700;
		font-size: 18px;
		margin-top: -2px;
		margin-left: 82px
	}
	.winrownameh {
		text-align: left;
		color: #000;
		font-size: 16px;
		font-weight: 600;
		padding-right: 45%
	}
	.popup2 .content {
		height: auto;
		overflow: auto
	}
}

@media only screen and (max-width: 320px) {
	.mobile {
		margin: auto;
		width: 100%;
		max-width: 320px;
		background-image: url(https://quiz.sattamatkaguide.com/bg.png);
		height: 100vh;
		background-size: cover;
		overflow-x: hidden;
		position: relative
	}
	.if_ad_1 {
		width: 280px;
		height: auto;
		text-align: center;
		margin: 0 auto
	}
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 320px;
		height: 50px;
		z-index: 998;
		text-align: center
	}
	.sticky2 {
		width: 100%;
		max-width: 320px;
		height: 50px !important;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.st_ad_1 {
		width: 320px;
		height: 50px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_1 {
		width: 300px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_1 {
		width: 310px;
		height: 310px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_3 {
		width: 290px;
		height: 290px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_2 {
		width: 290px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.gkimage {
		margin-left: 28px;
		width: 100%;
		margin-top: 4px;
		max-width: 96px
	}
	.coins {
		width: 100%;
		max-width: 320px;
		display: block
	}
	.leftimage {
		width: 100%;
		max-width: 180px;
		display: block;
		float: left
	}
	.rightimage {
		width: 100%;
		max-width: 125px;
		display: block;
		margin-top: -249px;
		margin-left: 172px
	}
	.hometext {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		padding: 2px 5px 2px 17px
	}
	.hometext1 {
		font-size: 16px;
		color: #fff;
		font-weight: 500;
		padding: 2px 10px 2px 5px;
		text-decoration: underline;
		text-align: right;
		margin-top: -31px
	}
	.ad {
		width: 100%;
		max-width: 320px;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	/*.textbtm {
		font-size: 15px;
		color: #fff;
		text-align: center;
		padding: 30px 10px;
		width: 100%
	}*/
	/*.textbtm1 {
		font-size: 15px;
		color: #fff;
		text-align: center;
		text-decoration: underline;
		width: 100%
	}*/
	.text1 {
		font-size: 21px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: 33px 0 0 38px
	}
	.text2 {
		font-size: 25px;
		color: #fcff07;
		font-weight: 700;
		text-align: left;
		margin: -10px 0 0 34px
	}
	.text3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 0 0 0 35px
	}
	.otptext1 {
		font-size: 14px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 30px
	}
	.otptext2 {
		font-size: 26px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 30px
	}
	.otptext3, .otptext3:hover {
		color: #999;
		font-size: 11px;
		margin-top: -47px;
		margin-left: 124px;
		margin-right: 11px;
		text-align: right
	}
	.dialog {
		margin-top: 50px;
		margin-bottom: 37px;
		width: 100%;
		margin-left: 28px
	}
	.details {
		text-align: center;
		line-height: 60px;
		font-size: 24px;
		border: solid 1px #999;
		box-shadow: none;
		outline: 0;
		width: 11%;
		transition: all .2s ease-in-out;
		border-radius: 3px;
		padding: 0
	}
	.wincash {
		width: 100%;
		max-width: 119px;
		display: block;
		float: right;
		margin-top: -84px;
		margin-left: 145px
	}
	input {
		color: #999;
		background: 0 0;
		border: none;
		border-bottom: 1px solid #999;
		outline: 0;
		margin-left: 5px;
		font-size: 16px
	}
	label {
		color: #fff;
		font-size: 16px;
		display: inline
	}
	.form1 {
		margin: 35px 0 10px 30px
	}
	/*.language1 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 24px
	}
	.language2 {
		font-size: 22px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 24px
	}
	.language3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 400;
		text-align: right;
		margin: 25px 20px 0 0
	}
	.language4 {
		font-size: 22px;
		color: #fff;
		font-weight: 600;
		text-align: right;
		margin: -5px 20px 0 0
	}
	.languagerighht {
		float: right;
		margin-left: 40px
	}
	.languagebtn {
		margin: 80px 0 40px 4px
	}
	.languagebtneng {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 35px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtneng:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 35px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.languagebtnhin {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 40px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtnhin:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 40px;
		border: 1px solid #9015c5;
		text-decoration: none
	}*/
	.gkhead2 {
		text-align: left;
		color: #fff;
		font-weight: 700;
		font-size: 31px;
		margin-top: -11px
	}
	.details1 {
		text-align: left;
		color: #333;
		font-size: 14px;
		font-weight: 600;
		padding: 10px 16px
	}
	.startbtn, .startbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 14px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 36px;
		border: 1px solid #9015c5;
		text-decoration: none;
	}
	.startbtn1, .startbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: 69px
	}
	.points {
		color: #6b7075;
		text-align: center;
		font-size: 10px;
		font-weight: 600
	}
	.ueserlive1 {
		text-align: left;
		color: #000;
		font-size: 13px;
		font-weight: 600;
		margin-top: 0;
		margin-left: 78px
	}
	.ueserlive2 {
		text-align: left;
		color: #000;
		font-weight: 700;
		font-size: 15px;
		margin-top: -2px;
		margin-left: 77px
	}
	.ueserlive3 {
		color: #999;
		text-align: left;
		font-size: 10px;
		margin-top: 0;
		margin-left: 78px
	}
	.userlivebtn, .userlivebtn:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 17px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 15px;
		margin-left: -20px;
		float: right
	}
	.userlivebtn00, .userlivebtn00:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 11px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 17px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 15px;
		margin-left: -20px;
		float: right
	}
	.userliveentry {
		text-align: left;
		color: #333;
		font-size: 9px;
		font-weight: 600;
		padding: 10px 2px 10px 73px;
		margin-top: 17px
	}
	.gkquizh1 {
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 20px;
		font-weight: 700
	}
	.gkquizh2 {
		width: 100%;
		text-align: center;
		color: #6b7075;
		font-size: 12px;
		font-weight: 600
	}
	.predictbtn, .predictbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 16px;
		text-transform: uppercase;
		border-radius: 9px;
		padding: 10px 29px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 24px;
		margin-left: 73px
	}
	.predictbtn1, .predictbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 16px;
		text-transform: uppercase;
		border-radius: 8px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 18px;
		margin-left: 39px
	}
	.ad2 {
		width: 100%;
		max-width: 300px;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.popup {
		margin: 75px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 300px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.sq_ad_2 {
		width: 290px;
		height: 290px;
		text-align: center;
		margin: 0 auto;
		display: block
	}
	.dh_ad_3 {
		width: 290px;
		height: 100px;
		text-align: center;
		margin: 0 auto;
		display: block
	}
	.popsmall {
		text-align: center;
		font-size: 12px;
		font-weight: 600;
		color: #000
	}
	.progress {
		background: #fff;
		justify-content: flex-start;
		border-radius: 8px;
		align-items: center;
		position: relative;
		display: flex;
		height: 40px;
		width: 240px;
		box-shadow: 2px 2px 4px #c3c3c3;
		margin: 13px auto
	}
	.progress-value {
		animation: load 3s normal forwards;
		border-radius: 8px;
		background: #39af15;
		height: 40px;
		width: 0;
		font-size: 17px;
		font-weight: 500;
		color: #000;
		padding: 5px 0 5px 21px
	}
	@
	keyframes load { 0% {
		width: 100%
	}
	100%
	{
	width
	:
	 
	60%
}

}
.progressnew {
	background: #fff;
	justify-content: flex-start;
	border-radius: 8px;
	align-items: center;
	position: relative;
	display: flex;
	height: 40px;
	width: 240px;
	box-shadow: 2px 2px 4px #c3c3c3;
	margin: 13px auto
}

.progress-valuenew {
	animation: load 3s normal forwards;
	border-radius: 8px;
	background: #e1e1e1;
	height: 40px;
	width: 0;
	font-size: 17px;
	font-weight: 500;
	color: #000;
	padding: 5px 0 5px 21px
}

.provalue1new {
	font-size: 17px;
	font-weight: 600;
	padding: 2% 0 2% 6%;
	color: #000
}

.predmomat {
	color: #fff;
	text-align: left;
	width: 100%;
	font-weight: 600;
	font-size: 17px;
	padding: 0 14px 5px
}

.predmidlineheadmain {
	margin-top: -78px;
	margin-left: 164px
}

.vs3 {
	color: #000;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	margin-top: -19px;
	margin-left: 48px
}

.predstar2 {
	margin-top: -32px;
	margin-right: 33px
}

.predstar3 {
	margin-top: -24px;
	margin-left: 80px
}

.name011 {
	color: #000;
	text-align: center;
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 6px;
	height: 18px;
	word-break: break-word;
	width: 57px
}

.userliveentrypred {
	text-align: left;
	color: #333;
	font-size: 12px;
	font-weight: 600;
	padding: 12px 2px 10px 0;
	margin-left: -19px
}

.userlivebtn00, .userlivebtn00:hover {
	color: #000;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	border-radius: 7px;
	padding: 7px 17px;
	border: 1px solid #9015c5;
	text-decoration: none;
	margin-top: 8px;
	margin-left: -31px;
	float: right
}

.predstar1 {
	margin-left: -28px
}

.userlivebtnwin1, .userlivebtnwin1:hover {
	color: #000;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 9px;
	text-transform: uppercase;
	border-radius: 7px;
	padding: 8px 10px;
	border: 1px solid #9015c5;
	text-decoration: none;
	margin-top: 5px;
	margin-left: -31px;
	float: right
}

.winrowpic {
	width: 100%;
	margin: -64px 0 10px 28px;
	display: inline-block;
	z-index: 999;
	max-width: 67px
}

.winrownamedet {
	margin: -62px 0 10px 106px
}

.winrowamnt {
	color: #8a24a1;
	font-size: 26px;
	font-weight: 700;
	text-align: right;
	margin: -56px 0 12px 0
}

.earnbal {
	text-align: left;
	color: #6b6b6b;
	font-size: 17px;
	font-weight: 500;
	margin: 5px 0 0 20px
}

.earnbalhead {
	text-align: left;
	color: #000;
	font-size: 25px;
	font-weight: 600;
	margin-left: 3px
}

.earnbalhead2, .earnbalhead2:hover {
	text-align: center;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	margin-right: 0;
	background: #fdb225;
	border-radius: 15px;
	padding: 3px 15px;
	margin-top: 7px;
	text-decoration: none;
	float: right
}

.tabhead1earn {
	color: #ffaf26;
	font-size: 13px;
	text-align: center;
	margin: 0 auto;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 0 solid #4d4e7c;
	width: 50%
}

.tabhead1earn .active, .tabhead1earn:hover {
	color: #ffaf26;
	font-size: 13px;
	text-align: center;
	margin: 0 auto;
	font-weight: 600;
	text-decoration: none
}

.qwinhead1sub {
	text-align: left;
	color: #666;
	font-size: 10px;
	font-weight: 600
}

.qwinhead1 {
	text-align: left;
	color: #000;
	font-size: 13px;
	font-weight: 600
}

.qwinhead1tra {
	text-align: left;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	padding-right: 34px
}

.qwinhead1subtra {
	text-align: left;
	color: #666;
	font-size: 10px;
	font-weight: 600
}

.earncoinswal, .earncoinswal:hover {
	text-align: center;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	margin-right: 0;
	border-radius: 5px;
	padding: 3px 12px;
	margin-top: 7px;
	text-decoration: none;
	float: right;
	border: 1px solid #666
}

.popup2 {
	margin: 135px auto;
	padding: 20px 0;
	background: #fff;
	border: 1px solid #666;
	width: 300px;
	box-shadow: 0 0 50px rgba(0, 0, 0, .5);
	position: relative;
	border-radius: 10px
}

.oopstext {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	padding: 10px 15px 30px 15px;
	line-height: 22px
}

.balancesubtext {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	padding: 10px 15px 30px 15px;
	line-height: 22px
}

.transferheadnum {
	text-align: left;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	margin-left: 6px
}

.transferfxdamnt {
	text-align: center;
	color: #000;
	font-size: 19px;
	font-weight: 600;
	margin-right: 0;
	border-radius: 15px;
	margin-top: -4px;
	text-decoration: none;
	float: right
}

.transferheadsub {
	text-align: left;
	color: #000;
	font-size: 11px;
	font-weight: 500;
	margin: 10px 0 0 20px
}

.redhead {
	text-align: left;
	font-size: 15px;
	font-weight: 600;
	color: #000
}

.fnametop1 {
	margin-left: 12px
}

.form1 {
	margin: 25px 0 10px 30px
}

input {
	color: #999;
	background: 0 0;
	border: none;
	border-bottom: 1px solid #999;
	outline: 0;
	margin-left: 5px;
	font-size: 15px
}

.predmidlineheadmainflag {
	margin-top: -63px;
	margin-left: 161px
}

.controlls {
	position: absolute;
	left: 256px !important;
	top: 11px !important;
	text-align: center
}

.sequencerowpred {
	margin-left: 6px;
	margin-right: auto !important;
	margin-top: 50px;
	width: 39%;
	margin-bottom: 5px
}

.predtimerrig {
	color: #000;
	text-align: right;
	font-size: 11px;
	font-weight: 600;
	padding: 5px 0 5px 0;
	margin-top: -26px;
	margin-left: -22px
}

.predtimerrig1 {
	margin-left: -45px !important
}

.predmidlinehead2 {
	text-align: center;
	color: #9015c5;
	font-weight: 700;
	font-size: 23px;
	margin-top: -6px
}

.sequencerow {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 50px;
	width: 90%;
	margin-bottom: 5px
}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0;
	margin-left: -486px !important;
	margin-top: 86px;
	max-width: 310px !important
}

.logoutheadtext1 {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin: 8px auto 10px -13px;
	width: 100%
}

}
@media only screen and (max-width: 280px) {
	.mobile {
		margin: auto;
		width: 100%;
		max-width: 280px;
		background-image: url(https://quiz.sattamatkaguide.com/bg.png);
		height: 100vh;
		background-size: cover;
		overflow-x: hidden;
		position: relative
	}
	.modal-dialog1 {
		width: 260px;
		margin: 140px auto auto 11px
	}
	.if_ad_1 {
		width: 240px;
		height: auto;
		text-align: center;
		margin: 0 auto
	}
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 280px;
		height: 50px;
		z-index: 998;
		text-align: center
	}
	.sticky2 {
		width: 100%;
		max-width: 280px;
		height: 50px !important;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.st_ad_1 {
		width: 280px;
		height: 50px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_1 {
		width: 260px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_1 {
		width: 270px;
		height: 270px;
		text-align: center;
		margin: 0 auto
	}
	.sq_ad_3 {
		width: 250px;
		height: 250px;
		text-align: center;
		margin: 0 auto
	}
	.dh_ad_2 {
		width: 250px;
		height: 100px;
		text-align: center;
		margin: 0 auto
	}
	.coins {
		width: 100%;
		max-width: 280px;
		display: block
	}
	.leftimage {
		width: 100%;
		max-width: 150px;
		display: block;
		float: left
	}
	.rightimage {
		width: 100%;
		max-width: 103px;
		display: block;
		margin-top: -213px;
		margin-left: 147px
	}
	.hometext {
		font-size: 17px;
		color: #fff;
		font-weight: 600;
		padding: 2px 5px 2px 17px
	}
	.hometext1 {
		font-size: 15px;
		color: #fff;
		font-weight: 500;
		padding: 2px 10px 2px 5px;
		text-decoration: underline;
		text-align: right;
		margin-top: -28px
	}
	.ad {
		width: 100%;
		max-width: 280px;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.textbtm {
		font-size: 15px;
		color: #fff;
		text-align: center;
		padding: 30px 10px;
		width: 100%
	}
	.textbtm1 {
		font-size: 15px;
		color: #fff;
		text-align: center;
		text-decoration: underline;
		width: 100%
	}
	.text1 {
		font-size: 21px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: 33px 0 0 38px
	}
	.text2 {
		font-size: 25px;
		color: #fcff07;
		font-weight: 700;
		text-align: left;
		margin: -10px 0 0 34px
	}
	.text3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 0 0 0 35px
	}
	.otptext1 {
		font-size: 12px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 20px
	}
	.otptext2 {
		font-size: 22px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 20px
	}
	.otptext3, .otptext3:hover {
		color: #999;
		font-size: 11px;
		margin-top: -39px;
		margin-left: 103px;
		margin-right: 11px;
		text-align: right
	}
	.dialog {
		margin-top: 50px;
		margin-bottom: 37px;
		width: 100%;
		margin-left: 18px
	}
	.details {
		text-align: center;
		line-height: 44px;
		font-size: 24px;
		border: solid 1px #999;
		box-shadow: none;
		outline: 0;
		width: 11%;
		transition: all .2s ease-in-out;
		border-radius: 3px;
		padding: 0
	}
	.wincash {
		width: 100%;
		max-width: 119px;
		display: block;
		float: right;
		margin-top: -84px;
		margin-left: 145px
	}
	input {
		color: #999;
		background: 0 0;
		border: none;
		border-bottom: 1px solid #999;
		outline: 0;
		margin-left: 5px;
		font-size: 15px
	}
	label {
		color: #fff;
		font-size: 15px;
		display: inline
	}
	.form1 {
		margin: 35px 0 10px 18px
	}
	.language1 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 600;
		text-align: left;
		margin: 25px 0 0 24px
	}
	.language2 {
		font-size: 20px;
		color: #fff;
		font-weight: 700;
		text-align: left;
		margin: -5px 0 0 24px
	}
	.language3 {
		font-size: 15px;
		color: #afafaf;
		font-weight: 400;
		text-align: right;
		margin: 25px 20px 0 0
	}
	.language4 {
		font-size: 20px;
		color: #fff;
		font-weight: 600;
		text-align: right;
		margin: -5px 20px 0 0
	}
	.languagerighht {
		float: right;
		margin-left: 22px
	}
	.languagebtn {
		margin: 80px 0 40px 0
	}
	.languagebtneng {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 26px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtneng:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 26px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.languagebtnhin {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: 0 0;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 30px;
		border: 1px solid transparent;
		border-image: linear-gradient(90deg, #000053, #fff, #000053);
		border-image-slice: 1
	}
	.languagebtnhin:hover {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #9015c5;
		display: block;
		width: 100px;
		display: inline;
		padding: 13px 30px;
		border: 1px solid #9015c5;
		text-decoration: none
	}
	.gkhead1 {
		text-align: left;
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		margin-top: 10px
	}
	.gkhead2 {
		text-align: left;
		color: #fff;
		font-weight: 700;
		font-size: 26px;
		margin-top: -11px
	}
	.gkhead3, .gkhead3:hover {
		color: #999;
		text-align: left;
		text-decoration: underline;
		font-size: 12px;
		margin-top: -7px;
		margin-left: 2px
	}
	.details1 {
		text-align: left;
		color: #333;
		font-size: 14px;
		font-weight: 600;
		padding: 10px 2px 10px 15px
	}
	.startbtn, .startbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 17px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 36px;
		border: 1px solid #9015c5;
		text-decoration: none;
	}
	.rules {
		font-size: 14px;
		color: #fff;
		text-align: center;
		padding: 10px 0;
		width: 100%;
		text-decoration: underline
	}
	.details3 {
		text-align: center;
		color: #6b7075;
		font-size: 14px;
		font-weight: 400;
		padding: 10px 15px;
		width: 100%;
		margin-bottom: -43px
	}
	.startbtn1, .startbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: 48px
	}
	.questionhead {
		width: 100%;
		font-size: 25px;
		color: #fff;
		text-align: left;
		font-weight: 600;
		padding: 0 36px;
		line-height: 37px
	}
	.hat {
		color: #edb00c;
		text-align: center;
		font-size: 14px;
		font-weight: 600
	}
	.ueserlive1 {
		text-align: left;
		color: #000;
		font-size: 12px;
		font-weight: 600;
		margin-top: 4px;
		margin-left: 78px
	}
	.ueserlive2 {
		text-align: left;
		color: #000;
		font-weight: 700;
		font-size: 16px;
		margin-top: -2px;
		margin-left: 77px
	}
	.predictbtn, .predictbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 16px;
		text-transform: uppercase;
		border-radius: 9px;
		padding: 10px 29px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: -110px
	}
	.predictbtn1, .predictbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 15px;
		text-transform: uppercase;
		border-radius: 8px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: 28px
	}
	.sequencerow {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 50px;
		width: 90%;
		margin-bottom: 5px
	}
	.star {
		width: 100%;
		max-width: 50px;
		display: block;
		margin-top: -37px;
		margin-left: auto;
		margin-right: auto
	}
	.name1 {
		color: #fff;
		text-align: center;
		font-size: 13px;
		font-weight: 400;
		line-height: 16px;
		margin-top: 13px
	}
	.poption1, .poption1:hover {
		color: #000;
		display: inline-block;
		text-align: left;
		font-weight: 600;
		font-size: 16px;
		border-radius: 8px;
		padding: 11px 35px;
		background: #fff;
		text-decoration: none;
		width: 100%;
		margin: 13px 0;
		box-shadow: 2px 2px 4px #c3c3c3
	}
	.poption2, .poption2:hover {
		color: #000;
		display: inline-block;
		text-align: left;
		font-weight: 600;
		font-size: 16px;
		border-radius: 8px;
		padding: 11px 35px;
		background: #fff;
		text-decoration: none;
		width: 100%;
		margin: 13px 0 13px 0;
		box-shadow: 2px 2px 4px #c3c3c3
	}
	.ad2 {
		width: 100%;
		max-width: 270px;
		display: block;
		margin: 0 auto;
		text-align: center
	}
	.sq_ad_2 {
		width: 260px;
		height: 260px;
		text-align: center;
		margin: 0 auto;
		display: block
	}
	.dh_ad_3 {
		width: 260px;
		height: 100px;
		text-align: center;
		margin: 0 auto;
		display: block
	}
	.popup {
		margin: 75px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 270px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.progress-value {
		animation: load 3s normal forwards;
		border-radius: 8px;
		background: #39af15;
		height: 40px;
		width: 0;
		font-size: 14px;
		font-weight: 500;
		color: #000;
		padding: 9px 0 5px 21px
	}
	.progress-valuenew {
		animation: load 3s normal forwards;
		border-radius: 8px;
		background: #e1e1e1;
		height: 40px;
		width: 0;
		font-size: 14px;
		font-weight: 500;
		color: #000;
		padding: 9px 0 5px 21px
	}
	.presubc {
		text-align: left;
		color: #fff;
		font-size: 12px;
		font-weight: 400;
		margin-top: -35px;
		margin-left: 56px;
		line-height: 19px
	}
	.predseqbtm, .predseqbtm:hover {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background: #fff;
		border-radius: 10px;
		margin-bottom: 10px;
		text-decoration: none
	}
	.predmomat {
		color: #fff;
		text-align: left;
		width: 100%;
		font-weight: 600;
		font-size: 15px;
		padding: 0 14px 5px
	}
	.predmidlineheadmain {
		margin-top: -78px;
		margin-left: 146px
	}
	.predmidlinehead1 {
		text-align: center;
		color: #000;
		font-weight: 600;
		font-size: 12px
	}
	.predstar1 {
		margin-left: -23px
	}
	.userlivebtnwin, .userlivebtnwin:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 9px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 7px 15px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 17px;
		margin-left: -27px;
		float: right
	}
	.predmidlinehead2 {
		text-align: center;
		color: #9015c5;
		font-weight: 600;
		font-size: 23px;
		margin-top: -2px
	}
	.userlivebtnwin1, .userlivebtnwin1:hover {
		color: #000;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 9px;
		text-transform: uppercase;
		border-radius: 7px;
		padding: 8px 3px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 5px;
		margin-left: -31px;
		float: right
	}
	.sequencerowwindet {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 50px;
		width: 82%;
		margin-bottom: 11px
	}
	.winrowamnt {
		color: #8a24a1;
		font-size: 22px;
		font-weight: 700;
		text-align: right;
		margin: -52px 0 12px 0
	}
	.winrowpic {
		width: 100%;
		margin: -62px 0 10px 23px;
		display: inline-block;
		z-index: 999;
		max-width: 60px
	}
	.winrownamedet {
		margin: -59px 0 10px 90px
	}
	.winrownameh {
		text-align: left;
		color: #000;
		font-size: 15px;
		font-weight: 600
	}
	.earnbal {
		text-align: left;
		color: #6b6b6b;
		font-size: 15px;
		font-weight: 500;
		margin: 5px 0 0 20px
	}
	.earnbalhead {
		text-align: left;
		color: #000;
		font-size: 20px;
		font-weight: 600;
		margin-left: 3px
	}
	.earnheadwal {
		width: 100%;
		max-width: 33px;
		margin-top: -5px
	}
	.earnbalhead2, .earnbalhead2:hover {
		text-align: center;
		color: #000;
		font-size: 12px;
		font-weight: 600;
		margin-right: 0;
		background: #fdb225;
		border-radius: 15px;
		padding: 3px 15px;
		margin-top: 7px;
		text-decoration: none;
		float: right
	}
	.qwinhead1tra {
		text-align: left;
		color: #000;
		font-size: 14px;
		font-weight: 600
	}
	.qwinhead1 {
		text-align: left;
		color: #000;
		font-size: 13px;
		font-weight: 600
	}
	.tabhead1earn {
		color: #ffaf26;
		font-size: 12px;
		text-align: center;
		margin: 0 auto;
		font-weight: 600;
		text-decoration: none;
		border-bottom: 0 solid #4d4e7c;
		width: 50%
	}
	.tabhead1earn .active, .tabhead1earn:hover {
		color: #ffaf26;
		font-size: 12px;
		text-align: center;
		margin: 0 auto;
		font-weight: 600;
		text-decoration: none
	}
	.qwinhead2 {
		text-align: right;
		color: #000;
		font-size: 18px;
		font-weight: 600;
		margin-right: 0
	}
	.qwinhead2tra {
		text-align: right;
		color: #000;
		font-size: 18px;
		font-weight: 600;
		margin-right: 0;
		margin-top: -37px
	}
	.earncoinswal, .earncoinswal:hover {
		text-align: center;
		color: #000;
		font-size: 13px;
		font-weight: 600;
		margin-right: 0;
		border-radius: 5px;
		padding: 3px 5px;
		margin-top: 7px;
		text-decoration: none;
		float: right;
		border: 1px solid #666
	}
	.popup2 {
		margin: 135px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 260px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.amntsuchead3 {
		text-align: center;
		color: #333;
		font-weight: 500;
		font-size: 16px;
		margin-top: 80px;
		padding: 0 10px
	}
	.amntsuchead4 {
		text-align: center;
		color: #333;
		font-weight: 400;
		font-size: 14px;
		padding: 0 30px
	}
	.transferhead {
		text-align: left;
		color: #6b6b6b;
		font-size: 13px;
		font-weight: 500;
		margin: 5px 0 5px 20px
	}
	.transimg {
		width: 100%;
		max-width: 30px;
		margin-top: -3px
	}
	.transferheadnum {
		text-align: left;
		color: #000;
		font-size: 11px;
		font-weight: 600;
		margin-left: 6px
	}
	.transferfxdamnt {
		text-align: center;
		color: #000;
		font-size: 16px;
		font-weight: 600;
		margin-right: 0;
		border-radius: 15px;
		margin-top: 0;
		text-decoration: none;
		float: right
	}
	.radio-button {
		cursor: pointer;
		padding-right: 18px;
		padding-left: 18px;
		margin-left: -30px
	}
	.predmidlineheadmainflag {
		margin-top: -54px;
		margin-left: 123px
	}
	.controlls {
		position: absolute;
		left: 212px !important;
		top: 11px !important;
		text-align: center
	}
	.modal-content {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: .3rem;
		outline: 0;
		margin-left: 0 !important;
		margin-top: 70px;
		max-width: 310px !important
	}
	.foothead {
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		margin-top: -56px;
		z-index: 999;
		margin-left: 98px
	}
	.logoutheadtext1 {
		font-size: 16px;
		color: #fff;
		font-weight: 700;
		text-align: center;
		margin: 8px auto 10px -8px;
		width: 100%
	}
}

.tabhead1 a {
	border-bottom: solid 0 !important
}

.welcomebonusoverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	transition: opacity .2s;
	display: none
}

.welcomebonusoverlay.show {
	display: block
}

.welcomebonusoverlay:target {
	display: block
}

.welcomebonusoverlay.light {
	background: rgba(255, 255, 255, .5)
}

.welcomebonusoverlay .cancel {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default
}

.welcomebonusoverlay.hide {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default
}

.dailycoinoverlay.light {
	background: rgba(255, 255, 255, .5)
}

.dailycoinoverlay .cancel {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default
}

.dailycoinoverlay.hide {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default
}

.dailycoinoverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	transition: opacity .2s;
	display: none
}

.dailycoinoverlay.show {
	display: block
}

.dailycoinoverlay:target {
	display: block
}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	max-width: 340px;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0;
	margin: 200px auto !important;
}

.tabs {
	border-bottom: 1px solid #4d4e7c
}

.tabs .active {
	border-bottom: 4px solid #fff
}

#new_tab {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.tabs1 {
	border-bottom: 1px solid #4d4e7c
}

.tabs1 .active {
	border-bottom: 4px solid #fff
}

#new_tab1 {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

@media ( min-width : 481px) and (max-width: 576px) {
	.mobile {
		margin: auto;
		width: 100%;
		max-width: 576px;
		height: 100vh;
		background-size: cover;
		overflow-x: hidden;
		position: relative
	}
	.coins {
		width: 100%;
		max-width: 576px;
		display: block
	}
	.leftimage {
		width: 100%;
		max-width: 290px;
		display: block;
		float: left
	}
	.rightimage {
		width: 100%;
		max-width: 208px;
		display: block;
		margin-top: -407px;
		margin-left: 55%
	}
	.hometext {
		font-size: 23px;
		color: #fff;
		font-weight: 600;
		padding: 2px 5px 2px 20px
	}
	.hometext1 {
		font-size: 17px;
		color: #fff;
		font-weight: 500;
		text-decoration: underline;
		text-align: right;
		padding: 2px 20px 2px 5px;
		margin-top: -33px;
		margin-bottom: 5px
	}
	.wincash {
		width: 100%;
		max-width: 123px;
		display: block;
		float: right;
		margin-top: -83px;
		margin-left: 186px
	}
	.otptext3, .otptext3:hover {
		color: #999;
		font-size: 12px;
		margin-top: -18px;
		margin-left: 76px;
		margin-right: 10px;
		float: right
	}
	.userslivee {
		color: #6dc658;
		text-align: right;
		font-size: 10px;
		margin-top: -122px
	}
	.userslive {
		color: #6dc658;
		text-align: right;
		font-size: 10px;
		margin-top: -79px
	}
	.ueserlive1 {
		text-align: left;
		color: #000;
		font-size: 13px;
		font-weight: 600;
		margin-top: 0;
		margin-left: 20%
	}
	.ueserlive2 {
		text-align: left;
		color: #000;
		font-weight: 700;
		font-size: 18px;
		margin-top: -2px;
		margin-left: 20%
	}
	.ueserlive3 {
		color: #999;
		text-align: left;
		font-size: 12px;
		margin-top: 0;
		margin-left: 20%
	}
	.userliveentry {
		text-align: left;
		color: #333;
		font-size: 12px;
		font-weight: 600;
		padding: 10px 2px 10px 91px
	}
	.predmidlineheadmain {
		margin-top: -72px;
		margin-bottom: 11px;
		margin-left: 71%
	}
	.predstar1 {
		margin-left: -21px
	}
	.star2 {
		width: 100% !important;
		max-width: 35px;
		display: block;
		margin-top: -36px;
		margin-left: auto;
		margin-right: auto
	}
	.name011 {
		color: #000;
		text-align: center;
		font-size: 11px;
		font-weight: 400;
		line-height: 16px;
		margin-top: 6px;
		height: 18px
	}
	.predstar2 {
		margin-top: -32px;
		margin-right: 305px
	}
	.predstar3 {
		margin-top: -23px !important;
		margin-left: 118px;
		float: left;
		margin-right: 182px
	}
	/*.modal-dialog {
		width: 340px;
		min-height: 500px;
		margin-left: 72px;
		margin-top: 78px
	}*/
	.modal-content {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: .3rem;
		outline: 0;
		margin-left: -395px;
		margin-top: 85px
	}
	.popup {
		margin: 75px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 445px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.pointsysrow1right2wr {
		text-align: right;
		color: red;
		font-size: 12px;
		font-weight: 700;
		padding: 5px;
		margin-top: -30px;
		margin-bottom: 2px
	}
	.pointsysrow1right2ri {
		text-align: right;
		color: #093;
		font-size: 12px;
		font-weight: 700;
		padding: 5px;
		margin-top: -26px
	}
	.earningtab {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 20px;
		width: 80%;
		margin-bottom: 10px
	}
	
	.earningtabnew {
		margin-left: 10px !important;
		margin-right: auto !important;
		//margin-top: 20px;
		//width: 80%;
		//margin-bottom: 10px
	}
	.startbtn1, .startbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: 156px
	}
	.details1 {
		text-align: left;
		color: #333;
		font-size: 16px;
		font-weight: 600;
		padding: 10px 2px 10px 60px
	}
	.startbtn, .startbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
	}
	#rankbrk {
		z-index: 999;
		position: fixed;
		width: 100%;
		max-width: 550px;
		margin: 0 auto
	}
	.predictbtn1, .predictbtn1:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 56px;
		margin-left: 26px
	}
	.predictbtn, .predictbtn:hover {
		color: #9015c5;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 10px 35px;
		border: 1px solid #9015c5;
		text-decoration: none;
		margin-top: 61px;
		margin-left: -66px
	}
	.sequencerow {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 50px;
		width: 80%;
		margin-bottom: 5px
	}
	.controlls {
		position: absolute;
		left: 88% !important;
		top: 11px !important;
		text-align: center
	}
	.popup2 {
		margin: 150px auto;
		padding: 20px 0;
		background: #fff;
		border: 1px solid #666;
		width: 480px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .5);
		position: relative;
		border-radius: 10px
	}
	.scrollheight {
		height: 100%;
		margin: 0 auto 80px auto;
		margin-bottom: 80px;
		width: 100%
	}
	.predseqbtm, .predseqbtm:hover {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		background: #fff;
		border-radius: 10px;
		margin-bottom: 10px;
		text-decoration: none
	}
	.winrow1de {
		color: #000;
		opacity: .5;
		font-size: 20px;
		text-align: left;
		margin: 30px auto 13px 0;
		font-weight: 600
	}
	.winrowpic {
		width: 100%;
		display: inline-block;
		z-index: 999;
		max-width: 70px;
		border-radius: 50%;
		margin-left: 10%;
		margin-top: -57px;
		margin-bottom: 14px
	}
	.winrownamedet {
		margin-top: -70px;
		margin-left: 30%
	}
	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #8a24a1;
		max-width: 550px;
		z-index: 999
	}
	.foothead {
		color: #fff;
		font-size: 21px;
		font-weight: 600;
		margin-top: -61px;
		z-index: 999;
		margin-left: 20%
	}
	.winrowamnt {
		color: #8a24a1;
		font-size: 22px;
		font-weight: 700;
		text-align: right;
		margin-top: -63px;
		margin-right: 2%
	}
	.transferheadsub {
		text-align: left;
		color: #000;
		font-size: 13px;
		font-weight: 500;
		margin: 10px 0 0 21px
	}
	.redeemrght {
		margin-left: 17%;
		margin-top: -41px
	}
	.locked {
		margin: 19px auto 10px 21px
	}
	.locked2 {
		margin: 19px auto 10px 21px
	}
	.unlocked {
		margin: 19px auto 10px 21px;
		opacity: .5;
		pointer-events: none
	}
	.unlocked2 {
		margin: 19px auto 10px 21px;
		pointer-events: none;
		opacity: .5
	}
	.unlocked3 {
		margin: 19px auto 10px 21px;
		pointer-events: none;
		opacity: .5
	}
	.unlocked4 {
		margin: 19px auto 10px 21px;
		pointer-events: none;
		opacity: .5
	}
	.unlocked5 {
		margin: 19px auto 10px 21px;
		pointer-events: none;
		opacity: .5
	}
	.predtimerrig {
		color: #000;
		text-align: right;
		font-size: 13px;
		font-weight: 600;
		padding: 5px 0 5px 0;
		margin-top: -26px;
		margin-left: 60%
	}
	.modal-dialog1 {
		width: 450px;
		margin: 140px auto auto 39px
	}
}
/*.options {
	width: 350px !important;
}*/
@font-face {
	font-family: BalooBhai !important;
	src: url(BalooBhai-Regular.ttf);
}

@font-face {
	font-family: Rainbow !important;
	src: url(RainbowColorsRegular-yaq2.ttf);
}

@font-face {
	font-family: RoundRegular !important;
	src: url(Typo_Round_Regular_Demo.otf);
}

.mobile1 {
	margin: auto;
	width: 100%;
	max-width: 360px;
	background-image: url('https://quiz.sattamatkaguide.com/bg.jpg') !important;
	height: 100vh;
	background-size: cover;
	overflow-x: hidden;
	position: relative;
}

.intro-text {
	text-align: center;
	margin-left: -40px;
	margin-top: 20px;
}

.intro-logo {
	height: 70px;
	width: 70px;
	margin-left: 30px;
}

.intro1 {
	font-family: RoundRegular;
	color: #fff;
	font-weight: 700;
}

.intro2 {
	font-family: BalooBhai;
	font-size: 60px;
	color: #fff962;
	margin-top: -15px;
	font-weight: 700;
}

.intro3 {
	font-family: Rainbow;
	color: #fff;
	font-size: 40px;
	margin-top: -15px;
	font-weight: 700;
}

.intro4 {
	font-family: RoundRegular;
	color: #fff;
	font-size: 40px;
	margin-top: -15px;
	font-weight: 700;
}

.intro5 {
	font-family: BalooBhai;
	font-size: 60px;
	color: #61ff74;
	text-shadow: 8px 6px #171616a6;
	margin-top: -15px;
	font-weight: 700;
}

.intro-lite {
	color: #fff;
	text-align: end;
	position: absolute;
	right: 10px;
	top: 0px;
	line-height: 8px;
}

.intro-lite span {
	color: #fff962;
}

.underline p {
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
}

.underline a {
	color: #007bff;
	text-decoration: underline;
}

@media ( min-width : 0px) and (max-width: 767px) {
	.intro-text {
		text-align: center;
		margin-left: 0px !important;
		margin-top: 20px;
	}
	.mobile1 {
		max-width: 450px !important;
	}
}

@media only screen and (max-width: 360px) {
	.userliveentry {
		padding: 24px 2px 10px 0 !important;
	}
}

@media only screen and (max-width: 400px) {
	.userliveentry {
		padding: 22px 8px 10px 0 !important;
	}
}

@media ( min-width : 410px) and (max-width: 420px) {
	.userlivebtnwin, .userlivebtnwin:hover {
		margin-top: 15px !important;
	}
	.userliveentry {
		padding: 22px 8px 10px 0 !important;
	}
}

@media ( min-width : 319px) and (max-width: 322px) {
	.userliveentry {
		padding: 17px 8px 10px 0 !important;
	}
	.userlivebtnwin, .userlivebtnwin:hover {
		margin-top: 27px !important;
	}
	.dashhead {
		font-size: 18px !important;
	}
}

.underline p {
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
}

.underline a {
	color: #007bff;
	text-decoration: underline;
}

/* Intro New */
.introtext1 {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	text-align: left;
	margin: 0 0 6 30px;
}

.introtext1 h6{
    color: #3dec00;
    font-weight: 600;
    font-size: 18px;
    margin: 6px 0 0;
}

.your-coins {
    padding: 8px 15px 8px 95px;
    background: #f8f8f8;
    border-radius: 8px;
    position: relative;
    height: 72px;
    width: 100%;
    max-width: 340px;
    margin: 20px auto 8px;
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 18%, rgba(248,248,248,1) 19%, rgba(248,248,248,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(18%, rgba(255,255,255,1)), color-stop(19%, rgba(248,248,248,1)), color-stop(100%, rgba(248,248,248,1)));
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 18%, rgba(248,248,248,1) 19%, rgba(248,248,248,1) 100%);
    background: -o-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 18%, rgba(248,248,248,1) 19%, rgba(248,248,248,1) 100%);
    background: -ms-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 18%, rgba(248,248,248,1) 19%, rgba(248,248,248,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 18%, rgba(248,248,248,1) 19%, rgba(248,248,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=1 );
}

.your-coins h6 {
    font-weight: 700;
    color: #3a3045;
    font-size: 24px;
    margin: 0;
}

.intro-success-page p{
font-weight:500;
color:#fff;
margin:0;
font-size:14px;
}

.your-coins h6 span{
color:#ffae00;
font-weight:700;
}

.your-coins h6 small {
    float: left;
    width: 100%;
    font-weight: 700;
}

.introtext2 {
	font-size: 18px;
	color: #fcff07;
	font-weight: 500;
	text-align: left;
	margin: -3px 0 6 30px;
}

.introtext3 {
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	text-align: left;
	margin: 0 0 6 30px;
}

.introtext3 .allcorrect {
	font-size: 20px;
	display: block;
}

.intro_join {
	margin-top: 30px;
}

.intro_join ul {
	color: #fff;
    padding-left: 12px;
    line-height: 28px;
}

.intro_join ul li {
	color: #fcff07;
}

.intro_join ul span {
	color: #fff;
}

.intro_join ul .intro2 {
	color: #fcff07;
	font-size: inherit;
	font-family: inherit;
}

.intro-flag {
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size: 14px;
	margin-top: 50px;
	display: table;
}

.intro-flag ul {
	display: flex;
}

.introtext4 {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	text-align: left;
	margin: -3px 0 6 30px;
}

.intro-img {
	width: 80px !important;
	height: 80px;
	position: absolute;
	right: 10px;
	top: 15px;
}

.into-screen {
	margin-top: 25px;
}

.intro-flag ul Li:nth-child(2) {
	margin-left: 10px;
}

.new-introsuccess-page{
position: relative;
    background-size: 310px;
    min-height: 210px;
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 0 60px;
}

.new-introsuccess-page:before,
.new-introsuccess-page:after{
    content:'';
    position:absolute;
}

.new-introsuccess-page:before{
background: url('https://quiz.sattamatkaguide.com/intro-screen-yellowline.png') no-repeat bottom left;
width: 8px;
height: 199px;
background-size: 100%;
top: 0;
left: -1px
}

.new-introsuccess-page:after{
background: url('https://quiz.sattamatkaguide.com/intro-screen-blueline.png') no-repeat top right;
    width: 8px;
    height: 120px;
    background-size: 100%;
    top: 50px;
    right: 0;
}

.new-introsuccess-page .bottom-text {
font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    padding: 0 0 0 32px;
    text-align: left;
    display: inline-block;
    margin: -10px 0 0;
}

.new-introsuccess-page h3{
     font-weight: 700;
     color: #9015c5;
     margin: 0;
     font-size: 20px;
     line-height: 20px;
}

.new-introsuccess-page .loginbtn-parent {
width: initial;
    display: block;
    position: relative;
    z-index: 9;
}

.new-introsuccess-page .loginbtn-parent .loginbtn {
background:transparent url('https://quiz.sattamatkaguide.com/button-witouttext.png') no-repeat top right;
    width: 100%;
    max-width: 179px;
    float: right;
    background-size: cover;
    margin: 0;
    margin-right: -16px;
    line-height: 46px;
    font-size: 22px;
    padding: 0 0 20px;
}
.new-introsuccess-page .loginbtn-parent .loginbtn .shimmer {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 700;
    background-size: 40px 100%;
}

.head_section {
	padding: 15px 0;
}

.head_section .intro-logo {
	height: 60px;
	width: 60px;
}

.head_section h4 {
	color: #fff;
	font-size: 20px;
}

.head_section h4 span {
	color: #fcff07;
	font-size: 16px;
	position: relative;
	top: 22px;
	font-weight: 600;
}

.head_section ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.head_section ul li {
	color: #fff;
	font-size: 12px;
	position: relative;
}

.head_section .buttet-list {
	list-style: none;
}

.head_section .buttet-list li {
	padding-left: 15px;
}

.head_section .buttet-list li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	background: #fcff07;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

.secondary_head {
	display: none;
}

.secondary_head .intro-logo {
	width: 50px;
	height: auto;
	float: right;
}

.taglinetext p {
	color: #fff;
	font-size: 13px;
	margin: 0 0;
}

.taglinetext p span {
	color: #fcff07;
	font-weight: 600;
}

.taglinetext p .large-size {
	font-size: 18px;
}

.secondary_head .radio-btn-parent {
	display: inline-block;
	width: 100%;
	margin: 12px 0 0;
}

.secondary_head .area {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
}

.secondary_head .area input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	pointer-events: none;
}

.secondary_head .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: transparent;
	border: 1px solid #fff;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	border-radius: 50%;
	pointer-events: none;
}

.secondary_head .area input:checked ~ .checkmark {
	background-color: #fff;
	color: #000;
}

.secondary_head .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.secondary_head .area input:checked ~ .checkmark:after {
	display: block;
}

.secondary_head .area .checkmark:after {
	top: 9px;
	left: 9px;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: white;
}

.loginuser {
	text-align: right;
}

.loginuser p {
	color: #fff;
	font-size: 14px;
	margin: 0;
}

.loginuser p a {
	text-decoration: underline;
	color: #fcff07;
	display: inline-block;
}

.adds img {
	width: auto;
	max-width: 100%;
}

.question_answers {
	margin: 15px 0 0;
}

.question_answers .repeater {
	width: 100%;
	position: relative;
}

.question_answers .repeater h5 {
	color: #fcff07;
	font-size: 20px;
	margin: 0 0 5px;
	font-weight: 700;
}

.question_answers .repeater p {
	font-size: 14px;
	margin: 0 0 12px;
	color: #fff;
}

.question_answers .repeater h4 {
	font-size: 20px;
	color: #fff;
	margin: 0 0 15px;
}

.question_answers .repeater .options {
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
	width: auto !important;
}

.question_answers .repeater .options li {
	width: 100%;
	display: block;
	margin: 0 0 10px;
}

.question_answers .repeater .options li a {
	display: inline-block;
	width: 100%;
	border: 1px solid #fff;
	border-radius: 6px;
	padding: 10px;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
}

.question_answers .repeater .options li .right-answer {
	background: #42bf04 url('https://quiz.sattamatkaguide.com/smile.png') no-repeat 97% 50%;
	border-color: #42bf04;
	background-size: 34px;
}

.question_answers .repeater .options li .wrong-answer {
	background: #ff2d38 url('https://quiz.sattamatkaguide.com/sad.png') no-repeat 97% 50%;
	border-color: #ff2d38;
	background-size: 34px;
}

.question_answers .repeater .options div a {
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	font-weight: 700;
	padding: 12px 15px;
}

.question_answers .repeater .options div .wronganswer {
	background: #f33;
	border-color: #f33;
}

.question_answers .repeater .options div .correctanswer {
	background: #47be06;
	border-color: #47be06
}

.intro-coin {
height: 85px;
    width: 85px;
    background: #fff548;
    border-radius: 50px;
    border: 5px solid #fecd4d;
    text-align: center;
    position: absolute;
    left: 0;
    top: -6px;
    padding: 18px 5px;
}

.intro-coin p {
    line-height: 20px;
    font-size: 18px;
    text-transform: lowercase;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #000;
    margin: 0;
}

.intro-coin .large-size {
    font-size: 26px;
    letter-spacing: 0;
    color: #000;
}

.text-opacity {
	opacity: 0.5;
	font-style: italic;
}

.privacy-text, .privacy-text a {
	font-size: 12px;
}

.underline p {
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
}

.underline a {
	color: #007bff;
	text-decoration: underline;
}

.header-style h2 {
	font-size: 24px;
	margin: 18px 0;
}

.header-style h2 span {
	color: #f7ec00;
}

.header-style .intro-logo {
	height: 60px;
	width: 60px;
	margin-left: 0;
}

.headline-style {
	margin-left: auto;
	margin: 0 0;
	margin-top: 49px;
}

.headline-style h1 {
	color: #fff;
	font-weight: 400;
	font-size: 23px;
	line-height: 30px;
	text-shadow: 0 0 5px #2f2d2d;
	font-family: 'Montserrat', sans-serif;
}

.headline-style h1 span {
	color: #f7ec00;
}

.headline-style h1 .text-yellow {
	color: #f7ec00;
	font-size: 14px;
}

.featured-style .image-area {
	vertical-align: top;
	padding: 0 0 0 0px;
}

.otp-content p {
	font-size: 16px;
	color: #fff;
}

.otp-content h2 {
	color: #fff;
}

.otp-content .change-number {
	font-size: 13px;
	color: #908f8f;
	text-decoration: none;
}

.otp-content .change-number svg {
	color: #fff;
	font-size: 14px;
}

.otp-content .dialog {
	margin-top: 20px;
	margin-left: 0;
	padding: 0 15px;
}

.otp-content .dialog input {
	color: #fff;
	width: 100%;
	margin: 0 0;
	line-height: 48px;
	font-size: 15px;
}

.otp-content .dialog input::-webkit-input-placeholder {
	color: #fff;
}

.otp-content .dialog input::-moz-placeholder {
	color: #fff;
}

.otp-content .dialog input:-ms-input-placeholder {
	color: #fff;
}

.otp-content .dialog input:-moz-placeholder {
	color: #fff;
}

.shimmer {
	font-size: 3em;
	margin: 0 auto;
	display: inline-block;
	width: 100%;
	margin-bottom: 0;
}

.shimmer {
	text-align: center;
	color: rgb(255 255 255/ 0%);
	background: -webkit-gradient(linear, left top, right top, from(#fff548),
		to(#fff548), color-stop(0.5, #fff));
	background: -moz-gradient(linear, left top, right top, from(#222),
		to(#222), color-stop(0.5, #fff));
	background: gradient(linear, left top, right top, from(#222), to(#222),
		color-stop(0.5, #fff));
	-webkit-background-size: 125px 100%;
	-moz-background-size: 125px 100%;
	background-size: 125px 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-animation-name: shimmer;
	-moz-animation-name: shimmer;
	animation-name: shimmer;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #222;
}

@-moz-keyframes shimmer { 
	0% {
	background-position: top left;
}

100%
{
background-position:top right;
}

}
@-webkit-keyframes shimmer { 0% {
	background-position: top left;
}

100%
{
background-position:top right;

  
}
}
@-o-keyframes shimmer { 
	0% {
	background-position: top left;
}

100%
{
background-position:top right;

  
}
}
@keyframes shimmer { 
	0% {
	background-position: top left;
}

100%
{
background-position:top right;

  
}
}
.shimmer-parent .loginbtn .shimmer {
	font-size: 24px;
	text-transform: capitalize;
	font-weight: 700;
}

@media ( max-width :480px) {
	.question_answers .repeater p {
		margin: 0 0 12px;
		line-height: 14px;
	}
	.question_answers .repeater h4 {
		font-size: 18px;
		margin: 0 0 10px;
	}
	.question_answers .repeater .options {
		margin: 10px 0 0;
	}
	.question_answers .repeater .options div a {
		padding: 5px 15px;
		font-size: 14px;
		margin: 4px 0;
	}
	.question_answers .sad, .question_answers .smile {
		max-width: 25px;
		margin-top: -33px;
	}
}

@media ( max-width :360px) {
	.headline-style h1 {
		font-size: 22px;
	}
}

.otp-screnn {
	width: 100%;
	margin-top: -20px;
}

.otpbtn1 {
	font-size: 15px !important;
}

.otpbtn {
	position: relative !important;
	top: -21px !important;
}

.balancehead1 {
	position: relative;
	/* left: 20px;*/
}

/************ New Intro Page Design Style Here ************/
.introheader {
	height: 76px;
	position: relative;
}

.introheader .intro-logo {
	width: 60px;
	height: 60px;
}

.introheader .skip-btn {
	color: #fff;
	text-decoration: underline;
	margin: 16px 0 0 0;
	display: inline-block;
}

.introContent h2 {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	text-shadow: 2px 0 3px #060606;
}

.introContent ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0;
}

.introContent ul li {
	position: relative;
	width: 32.3%;
	display: inline-block;
	padding: 0 5px;
	vertical-align: top;
}

.introContent ul li:after {
	content: '';
	position: absolute;
	top: 0;
	right: -2px;
	height: 50px;
	width: 1px;
	background-size: contain;
}

.introContent ul li:last-child:after {
	background-image: none;
}

.introContent ul li strong {
	color: #fff000;
	text-shadow: 2px 0 3px #060606;
	font-size: 24px;
}

.introContent ul li p {
	color: #fff;
	line-height: 18px;
	text-shadow: 2px 0 3px #060606;
}

.introContent h4 {
	color: rgb(255 255 255/ 0.7);
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 15px;
}

.introContent h1 {
	color: #fff;
	font-size: 24px;
	display: inline-block;
	font-weight: 700;
}

.introContent h1 img {
	display: inline-block;
	width: 22px;
}

.bottom-featrued-image {
	height: 375px;
	overflow: hidden;
	position: relative;
}

.bottom-featrued-image img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

#chrome-model h4 {
	font-size: 18px;
    font-weight: 600;
    text-align: left;
    margin: 10px 0 15px;
    color: #000;
}

#chrome-model p{
font-size: 15px;
    color: #000;
    margin: 0 0 12px;
}

#chrome-model ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}

#chrome-model ul li {
font-size: 13px;
    color: #000;
    margin: 0 0 5px;
    background: url('https://quiz.sattamatkaguide.com/listarrow-circle.png') no-repeat 0 4px;
    padding-left: 18px;
    background-size: 12px;
}

#chrome-model .copyright {
display: block;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #0830a1;
    height: 36px;
    position:relative;
}
#chrome-model .close{
	opacity: 1;
    top: 0;
    right: 0;
    color: #000;
}
#chrome-model .copyright input{
    padding: 0 12px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    width: calc(100%);
    float: left;
    margin: 0;
        height: 36px;
        background:#0830a1;
}

#chrome-model .copyright button{
	background: transparent;
	padding: 0 12px;
    line-height: 36px;
    border: 0;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: right;
}

#chrome-model .copyright button i,
#chrome-model .copyright button svg{
color: #fff;
font-size: 18px;
}

.bottom-featrued-image:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: url('https://quiz.sattamatkaguide.com/coins-bails.png') no-repeat bottom center;
	background-size: cover;
}

@
-moz-document url-prefix () { .space-divider { height:45px;
	width: 100%;
}

}
@media ( max-width :300px) {
	.introContent ul li {
		width: 32.1%;
	}
}

.bd-highlight1 {
	position: fixed !important;
	bottom: 0px !important;
}

.bottom-featrued-image:after {
	content: '';
	position: absolute;
	bottom: 30px !important;
	left: 0;
	width: 100%;
	height: 60px;
	background: url('https://quiz.sattamatkaguide.com/coins-bails.png') no-repeat bottom center;
	background-size: cover;
}

@media ( min-width : 768px) and (max-width: 1920px) {
	.bd-highlight1 {
		width: 360px !important;
	}
}

@
-moz-document url-prefix () { .
	bottom-featrued-image: after{
      content: '';
	position: absolute;
	bottom: 0px !important;
	left: 0;
	width: 100%;
	height: 60px;
	background: url('https://quiz.sattamatkaguide.com/coins-bails.png') no-repeat bottom center;
	background-size: cover;
}

}
.captchaParent {
	position: relative;
	width: calc(100% - 40px);
	padding: 20px;
	background: #d5e4e3;
	border-radius: 5px;
	margin: 0 auto 15px;
}

.captchaParent span {
	padding: 10px 10px;
	text-align: center;
	background: #fff;
	font-family: 'Architects Daughter', cursive;
	display: inline-block;
	font-size: 22px;
	color: #000000c7;
	width: calc(100% - 67px);
	position: relative;
	border-radius: 6px;
	height: 54px;
}

.captchaParent span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff00 url('https://quiz.sattamatkaguide.com/dust-overlay-3.png') center;
	background-size: 1070px;
	z-index: 9;
}

.captchaParent span del {
	letter-spacing: 5px;
	transform: skew(-58deg, 12deg);
	display: inline-block;
	color: #383535;
}

.captch_inputParent {
	position: relative;
	padding: 0 0;
	margin: 12px 0 0;
}

.captch_inputParent label {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 5px;
	display: inline-block;
}

#captcha {
	font-size: 16px;
	width: 100%;
	margin: 0 auto;
	line-height: 50px;
	padding: 0 15px;
	border: 0;
	background: #fff;
	border-radius: 6px;
}

.captcha_code a {
	display: inline-block;
	/* width: calc(100% - 81%); */
	float: right;
	padding: 6px 0;
	height: 55px;
	outline: 0;
	box-shadow: none;
	outline-offset: 0;
}

.captcha_code a img {
	width: 46px;
	float: right;
	opacity: 0.4;
}

.userProfile {
	position: relative;
	width: 100%;
	min-height: 150px;
	background: #00004c;
	padding: 40px 15px;
}

.userProfile .profile_image {
	display: inline-block;
	border-radius: 50%;
	height: 70px;
	width: 70px;
	overflow: hidden;
	float: left;
}

.userProfile .profile_image img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.userProfile h6 {
	font-size: 13px;
	color: #fff;
	margin: 0 0 8px;
	text-transform: capitalize;
}

.name_and_role {
	display: inline-block;
	float: left;
	padding: 14px 0 14px 15px;
	width: calc(100% - 72px);
}

.userProfile p, .userProfile  a {
	margin: 0;
	font-size: 15px;
	line-height: normal;
	text-transform: capitalize;
	color: #f1be1b;
	text-decoration: none;
	padding: 0 0;
}

.scroe_bottom_content {
	position: relative;
	width: 100%;
	padding: 6px;
	margin-top: 10px
}

.scroe_bottom_content p {
	color: #fff;
	font-size: 18px;
	margin: 0 0;
}

.scroe_bottom_content h5 {
	font-size: 22px;
	color: #f3be29;
	margin: 0 0 10px;
	font-weight: 700;
}

.scroe_bottom_content h5 img {
	width: 32px;
}

.scroe_bottom_content small {
	font-size: 13px;
	color: #fff;
	line-height: 22px;
	display: inline-block;
	margin-top : 10px;
}

.scroe_bottom_content small img {
	width: 20px;
}

.space_divider {
	width: calc(100% - 10px);
	margin: -3px auto 0;
	height: 60px;
	background: #040032;
}

.moreCoins-content-image {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.moreCoins-content-image img {
    width: 100px;
}

.moreCoins-content-image p {
    margin: 0 0;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}

.moreCoins-content-image p span {
    color:#fcff07;
}

#loader-on-refresh{
    position: fixed;
    background: #191641;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    max-width: 360px;
    margin: 0 auto;
    right: 0;
    padding: 15px;
    display:none;
    align-items: center;
    justify-content: center;
}
#loader-on-refresh img{
    width: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.shimmer1 {
 
  color:white;
  
  background: #fff548 -webkit-gradient(linear, 100% 0, 0 0, from(#fff548), color-stop(0.5, #ffffff), to(#fff548));
  
  background-position: -4rem top; /*50px*/
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-name: shimmer;
  -webkit-animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-background-size: 4rem 100%; /*50px*/
  
}
.shimmer2 {

  color:white;

  background: #fff548 -webkit-gradient(linear, 100% 0, 0 0, from(#fff548), color-stop(0.5, #ffffff), to(#fff548));

  background-position: -4rem top; /*50px*/
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-name: shimmer;
  -webkit-animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-background-size: 4rem 100%; /*50px*/

}
@-webkit-keyframes shimmer {
    0% {
        background-position: -4rem top; /*50px*/
    }

    70% {
        background-position: 12.5rem top; /*200px*/
    }

    100% {
        background-position: 12.5rem top; /*200px*/
    }
}

.freebtn1
{
font-weight:800 !important;
font-size:19px !important;
}
.coin-eligble p
{
font-size: 20px;
    color: #000;
    font-weight: 500;
        margin-top: 15px;
}
.freejoinearn
{
font-size: 25px !important;
    font-weight: 600 !important;
}
.freebtn1 span
{
 font-size: 14px;
    font-weight: 500;
}
.freebtn2 {
    border: 1px solid #9015c5 !important;
    width: 60%;
    color: #9015c5;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 16px;
    line-height: 24px;
    padding: 10px 16px 5px 7px;
    text-align: center;
}
.shimmer3 {

  color:white;

  background: #9015c5 -webkit-gradient(linear, 100% 0, 0 0, from(#9015c5), color-stop(0.5, #ffffff), to(#9015c5));
  background: #9015c5 -moz-gradient(linear, 100% 0, 0 0, from(#9015c5), color-stop(0.5, #ffffff), to(#9015c5));
  background: #9015c5 gradient(linear, 100% 0, 0 0, from(#9015c5), color-stop(0.5, #ffffff), to(#9015c5));
  
    -webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;

  background-position: -4rem top; /*50px*/
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-name: shimmer;
  -webkit-animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-background-size: 4rem 100%; /*50px*/

}
.outerborder {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    border: 1px solid #9015c5;
    border-radius: 8px;
    padding: 0;
    text-align:center;
}
.border-custom {
    padding: 2px 4px 5px;
    border-radius: 8px;
    margin: 0 auto;
}
.coin-eligble-free
{
 color:#9014c5;
 margin-top:10px;
}
.btn-style
{
font-size: 18px;
    color: #9015c5;
    font-weight: 500;
    text-decoration: underline;
    margin-bottom:15px;

}
.entrydetails1
{
 border-radius:16px !important;
}

.detailsnew {
    text-align: left;
    color: #212529bd;
    font-size: 15px;
    font-weight: 600;
    padding: 2px 30px 7px 30px;
}

.detailsnew1 {
    text-align: left;
    color: black;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 37px 0px 50px;
}

.gkheadnew {
    text-align: left;
    color: #000000ad;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}

.gkheadnew1 {
    text-align: left;
    color: #9014c5;
    font-size: 30px;
    font-weight: 600;
   
}

.gkheadnew2, .gkheadnew2:hover {
    color: #999;
    text-align: left;
    text-decoration: underline;
    font-size: 13px;
    margin-left: -5;
}

.quizimgnew {
    margin-left: 30px;
    margin-right: auto;
}
.quizimgnew1 {
    width: 100%;
    margin-top: 13px;
    margin: 10px;
    max-width: 76px;
    display: block;
}

.quizheadneww, .quizheadneww:hover {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    text-align: left;
    margin-left: 18px;
    margin-top: 5px;
    text-decoration: none;
    border: 1px solid #9015c5;
    border-radius: 10px;
   width: 93%;
   height: 100px;
}
.quizimgnew2 {
    width: 100%;
    margin-top: -85px;
    margin-left: 100px;
    display: block;
     width: 80%; 
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding-left :15px;
}

.quizimgnew3 {
    width: 100%;
    margin-top: -60px;
    margin-left: 110px;
    max-width: 162px;
    display: block;
    /* width: 100%; */
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.quizimgnew4 {
    width: 100%;
    margin-top: -41px;
    margin-left: 106px;
    max-width: 162px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    color: 
    yellow;
}

@media (max-width:359px) {
.your-coins {
    padding: 13px 18px 13px;
    max-width:330px;
}
.your-coins h6 {
    font-size: 14px;
}
.introtext1 h6 {
    font-size: 16px;
}
.your-coins {
    height: 46px;
}
.intro-coin {
    top: -8px;
}
.intro-success-page p {
    font-size: 12px;
}
.intro_join ul {
    line-height: 24px;
}
.intro_join ul span {
    font-size: 11px;
}
}


.textcopied{
position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #000;
    display: block;
    padding: 4px;
    color: #fff;
    font-size: 11px;
    display:none;
    text-align: center;
    width: 100px;
    border-radius: 5px;
    }
#myInput::selection {
	background:transparent;
}
.textcopied:before{
content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #000;
    position: absolute;
    bottom: -6px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
@media (max-width:576px) {
	#timeupModal .content h5 {
		font-size:15px;
	}
} 

/*congrats modal*/

/*div#congratsModal, div#sorryModal{
    position: absolute;
}*/

#congratsModal .modal-content, #sorryModal .modal-content{
    border-radius: 10px;
}
.inner-content{
    position: relative;
    width: 100%;
    height: 100%;
}

#congratsModal .modal-body .congratstext{
    width: 76%;
}
#congratsModal .close, #sorryModal .close{
    opacity: 1;
    outline: none;
}
#congratsModal p{
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.2px;
}
#congratsModal h3 span{
    color: #fe7201;
}

#sorryModal h5{
    color: #8819bc;
    line-height: 23px;
}
#sorryModal p{
    line-height: 21px;
    font-size: 18px;
    font-weight: 400;
}

.modal-backdrop.show{
    opacity: 0.7;
}

.watch-ad {
    color: #5b5497;
    border: solid 1px #5b5497;
    padding: 10px 34px 10px 34px;
    margin-top: 22px;
    border-radius: 15px;
    display: inline-block;
    font-weight: bold;
    margin-left: 90px;
  }

.watch-ad:hover{
    color: #5b5497;
    border: solid 1px #5b5497;
    text-decoration: none;
}

 .over-dark{
  background:#000000b8;
 }


 #oopsPopup h5, #oopsPopup h6{
     font-family: 'Poppins', sans-serif;
 }

 .custom-modal {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   opacity: 0;
   visibility: hidden;
   transform: scale(1.1);
   transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
   z-index:999;
 }
 .custom-modal#oopsPopup .modal-content-area {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: white;
   padding: 0 1.5rem;
   padding-bottom: 0.2rem;
   width: 21.5rem;
   border-radius: 0.8rem;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
 }
 .custom-modal .close-button {
   width: 1.5rem;
   line-height: 1.5rem;
   cursor: pointer;
   border-radius: 0.25rem;
   position: absolute;
   top: 0;
   right: 1.1px;
 }

 .show-modal {
   opacity: 1;
   visibility: visible;
   transform: scale(1.0);
   transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
 }
 #oopsPopup > .modal-content-area .congrt-image{
     width: 50%;
     margin-top: -55px;
 }
 #oopsPopup > .modal-content-area .coin-image{
     width: 29px;
     height: 33px;
     margin-right: 8px;
     vertical-align: bottom;
 }
 #oopsPopup > .modal-content-area .close-button img{
     width: 21px;
 }
 #oopsPopup > .modal-content-area .text-bottm{
     font-size: 1.6rem;
     margin-top: -13px;
     line-height: 29px;
 }
 #oopsPopup > .modal-content-area h5{
     font-size: 1.2rem;
     margin-top: 9px;
     font-weight: 700;
 }
 #oopsPopup h3{
     margin-top: -9px;
 }
 #oopsPopup h3 img{
     width: 73%;
 }

@media (max-width: 578px){
 .custom-modal#oopsPopup .modal-content-area{
    width: 93%;
 }
}

.overlay#oops-content .content h5 {
    color: #a400c9;
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
    text-align: center!important;
    }

 .overlay#oops-content .content p {
    font-size: 19px;
    line-height: 25px;
    margin: 0 0 10px;
    text-align: center!important;
    }


.watch-btn {
    background-image: url("/img/save-1.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 76%;
    height: 65px;
    display: flex;
    align-items: center;
    padding-left: 40px;
    margin-bottom: 7px;
    padding-top: 4px;
}

.watch-btn:hover {
    text-decoration: none;
}

.shimmer_new {
    font-weight: 700;
    font-size: 1.1em;
    display: inline;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;

}

.shimmer_new {
    text-align: center;
    color: rgb(255 255 255/ 0%);
    background: -webkit-gradient(linear, left top, right top, from(#fff548), to(#fff548), color-stop(0.5, #fff));
    -webkit-background-size: 33px 100%;
    -moz-background-size: 33px 100%;
    background-size: 33px 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-animation-name: new-shimmer;
    -moz-animation-name: new-shimmer;
    animation-name: new-shimmer;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #222;
}

@-moz-keyframes new-shimmer {
    0% {
        background-position: top left;
    }

    100% {
        background-position: top right;
    }
}

@-webkit-keyframes shimmer {
    0% {
        background-position: top left;
    }

    100% {
        background-position: top right;
    }
}

@-o-keyframes new-shimmer {
    0% {
        background-position: top left;
    }

    100% {
        background-position: top right;
    }
}

@keyframes new-shimmer {
    0% {
        background-position: top left;
    }

    100% {
        background-position: top right;
    }
}
.rule-list{
    padding-top:15px;
    padding-right: 15px;
}

.rule-uper {
    font-size: 13.3px;
    color: #fff;
    margin-top: 6px;
    }
    .rule-uper::marker{
        color: #9014c5;
            font-size: 18px;
    }
    .play-quiz-container{
        width: 100%;
        display: flex;
        justify-content: center;
            margin-top: 17px;
    }
     .play-quiz-container .startbtn2,  .play-quiz-container .startbtn2:hover{
        margin:0;
    }

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');


.hurray-wrong-popup h5,
.hurray-wrong-popup h6,
.hurray-wrong-popup h2,
.hurray-wrong-popup h4,
.hurray-wrong-popup p,
.hurray-wrong-popup span,
.hurray-wrong-popup a,
.hurray-wrong-popup button {
    font-family: 'Montserrat', sans-serif;
}

.custom-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.custom-modal#hurrayPopup .modal-content-area,
.custom-modal#oopsWrongPopup .modal-content-area,
.custom-modal#awesomePopup .modal-content-area,
.custom-modal#exitPopup .modal-content-area{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 0 2.2rem;
    padding-bottom: 0.8rem;
    width: 18.5rem;
    border-radius: 0.8rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.custom-modal#oopsWrongPopup .modal-content-area {
    padding: 0 1.2rem;
    padding-bottom: 0.8rem;
}
.custom-modal#awesomePopup .modal-content-area {
    padding: 1.7rem 1.4rem 0.8rem;
}
.custom-modal#exitPopup .modal-content-area{
    width: 21rem;
    padding: 3.4rem 0rem;
}

.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.custom-modal#hurrayPopup .modal-content-area,
.custom-modal#oopsWrongPopup .modal-content-area {
    background-color: #111828;
    border: 2px solid #ffffffb8
}

.hurray-wrong-popup a{
    text-decoration: none;
    color: #000000;
    text-transform: capitalize;
    font-weight: 500;
}

#hurrayPopup>.modal-content-area img,
#oopsWrongPopup>.modal-content-area img {
    position: absolute;
    object-fit: contain;
    top: -30px;
    left: 50%;
    transform: translate(-50%);
    width: 83%;
    height: 246px;
}


.watch-btn {
    background-image: url("/img/save-1.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 76%;
    height: 65px;
    display: flex;
    align-items: center;
    padding-left: 29px;
    margin-bottom: 7px;
}

.watch-btn:hover {
    text-decoration: none;
}
.text-yellow {
    color: #fed11e;
}

.p-color {
    color: #fc5701;
}

.b-color {
    color: #8919b8;
}


#hurrayPopup .inner-gif-area,
#oopsWrongPopup .inner-gif-area {
    width: 100%;
    height: 175px;
}

#hurrayPopup h2,
#oopsWrongPopup h2 {
    font-weight: 800;
    font-size: 26px;
}

#hurrayPopup h6,
#oopsWrongPopup h6 {
    font-size: 13.3px;
    font-weight: 600;
}

#hurrayPopup p,
#oopsWrongPopup p {
    font-size: 13px;
    text-align: center;
    line-height: 17px;
    margin-bottom: 14px;
    color: #fff;
}

#oopsWrongPopup p {
    line-height: 23px;
    font-weight: 400;
}


#hurrayPopup h4,
#oopsWrongPopup h4 {
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
    margin: 0px 2px 3px;
    color: #fff;
}

#hurrayPopup h4 {
    margin: 2px 0px 11px;
}

#oopsWrongPopup h4 {
    text-align: center;
    line-height: 21px;
    margin-bottom: 11px;
}

#hurrayPopup .close-btn,
#oopsWrongPopup .close-btn {
    font-size: 11px;
    text-decoration: underline;
    margin: 4px 0;
}

#exitPopup h4{
    font-size: 19px;
    font-weight:700;
}
#awesomePopup .watch-btn{
        background-image: url(/img/cont-btn-ad.png);
            background-size: contain;
            height: 49px;
            margin: 0;
}
#awesomePopup p {
    line-height: 15px;
    margin: 4px 0;
    font-weight: 500;
    margin-bottom: 11px;
}
#awesomePopup h2{
font-size: 2rem;
color: #32ba7c;
    font-size: 26px;
    font-weight: 800;
}
.btn-grp{
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 19px 24px 0px
}
.btn-grp button{
    display: inline-block;
    width: 38%;
    border: 0;
    padding: 10px;
    outline: 0;
    border-radius: 7px;
    background-color: #fff;
    font-weight: bold;
}
.btn-grp .no-btn, .btn-grp button:hover{
    background-color: #8919b8;
    color: #fff;
}
#hurrayPopup .watch-btn,
#oopsWrongPopup .watch-btn {
    background-size: contain;
    height: 49px;
    width: 83%;
    margin: 0;
    background-image: url(https://quiz.sattamatkaguide.com/claim-button-opt.png)
}

#awesomePopup p{
    line-height: 15px;
    margin: 4px 0;
    font-weight: 500;
    margin-bottom: 11px;
    text-align: center;
    margin-top:10px;
}
#awesomePopup h4 {
    text-align: center;
    line-height: 20px;
    font-size: 1.4rem;
    margin-bottom: 8px;
    font-weight: 800;
    margin: 3px 0px;
}
#awesomePopup a {
    text-decoration: none;
    text-transform: capitalize;
    color: #000000;
}

.toast-bar{
    background-color: #303030;
    width: 71%;
    margin: auto;
    height: 30px;
    display: flex;
    margin-top: 35px;
    justify-content: center;
    align-items: center;
    border-radius: 22px;
}
.toast-bar h6{
    color: #d6d651;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    line-height: 0;
}
.toast-bar h6 img{
    width: 12px;
    vertical-align: baseline;
}
.toast-msg{
        position: fixed;
        z-index: 1;
        width: 211px;
        left: 0;
        right:0;
        white-space: nowrap;
        bottom: -100px;
        animation: slideFrombttm 1s forwards;
        animation-delay: 1s;
}
@keyframes slideFrombttm {
    to {
        bottom: 25px;
    }
}
/* fartune popup css start here  */
.fixed-button {
        position: sticky;
        bottom: -48px;
        right: 0;
        width: 100%;
        display: flex;
        justify-content: end;
        padding-right: 0px;
}

.fartune-btn {
       width: 80px;
       height: 80px;
       outline: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    animation: moveButton 3s ease-in-out forwards;
    position: relative;
}
.fartune-btn:focus{
    outline: none;
}

@keyframes moveButton {
    0% {
        bottom: 200px;
    }

    25% {
        bottom: 45px;
    }

    50% {
        bottom: 50px;
    }

    100% {
        bottom: 50px;
    }
}

.fartune-btn img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

#modalFartune {
 background-color: #000000d4;
    display: none;
    position: fixed;
    top: 0;
    width: 360px;
    left: 50%;
    transform: translate(-50%);
    margin: auto;
    height: 100vh;
    background-size: cover;
    z-index: 9;
    transition: height 0.9s ease-in-out;
    justify-content: center;
    align-items: center;
}


@keyframes div-expand {
    from {
        height: 0;
    }

    to {
        height: 200px;
        /* Adjust the height as needed */
    }
}

.fartune-inner {
       background-image: url(https://quiz.sattamatkaguide.com/FortuneCookiePopup.gif);
       padding: 193px 48px 68px;
       min-height: 447px;
       width: 88%;
       border-radius: 15px;
       display: none;
       flex-direction: column;
       transform-origin: center center;
       animation: modal-bounce-in 0.4s cubic-bezier(0.275, 0.665, 0.62, 2.475);
       background-size: contain;
       background-position: center;
       align-items: center;
       position: relative;
       background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
}

@keyframes modal-bounce-in {
    0% {
        transform: translateY(0) scale(0.7);
        opacity: 0;
    }

    40% {
        transform: translateY(0) scale(0.8);
        opacity: 0;
    }

    70% {
        transform: translateY(0) scale(0.9);
    }

    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@font-face {
    font-family: hey_comic;
    src: url(../hey_comic/Hey\ Comic.otf);
  }
.fartune-body h3{
        color: #000;
        text-align: center;
        font-weight: 400;
        line-height: 31px;
        font-size: 22px;
        font-family: hey_comic;
}

.fartune-body h2{
    font-size: 16px;
    text-align: center;
    line-height: 20px;
}

.fortune-close-content {
    position: absolute;
    bottom: -13px;
    cursor: pointer;
}
.fortune-close-content img {
    width: 42px;
}
.fortune-close-content {
    position: absolute;
    bottom: -13px;
    cursor: pointer;
}
.fortune-close-content img {
    width: 42px;
}


@media (max-width:576px){
    	#modalFartune{
    	    	width: 100% !important;
    	}
    	.fixed-button {
            position: fixed;
            bottom: -35px;
            right: 18px;
        }
    	.fartune-btn {
            width: 100px;
            height: 100px;
        }

            .fartune-inner{
                width: 318px;
            }
}