body{
    margin: 0;
	background: #0f1317;
	font-family: "Poppins";
}
html {
  scroll-behavior: smooth;
}
/* Timer CSS Start */
.timer-holder {
	display: inline-flex;
	justify-content: center;
	margin: 0 auto 10px;
	background: #94685b;
	border-radius: 10px;
	padding: 7px;
	border: 3px solid #ea623a;
}
.image-container {
	position: relative;
	display: inline-block;
	padding: 0 5px;
}
.image-container .timer-wrapper{
	position: relative;
}
.image-container img {
	max-width: 100%;
	width: 100%;
}
.timer-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}
.image-container .timer-wrapper img {
	width: 56px;
}
.timer-value {
	font-size: 25px;
	line-height: 27px;
	color: #e4e7eb;
	font-weight: 500;
	font-family: "Poppins";
	text-align: center;
	margin: 0;
	margin-bottom: 0;
}
.timer-label {
	font-size: 13px;
	line-height: 13px;
	color: #1a2d57;
	font-weight: 700;
	font-family: "Poppins";
	text-align: center;
	text-transform: uppercase;
	margin: 6px 0 0 0;
}
/* Timer CSS End */
.top-part .logo-section {
	padding: 9px 0;
}
.top-part-content h2 {
	font: 700 30px/36px "Poppins", Helvetica, sans-serif;
	color: #fff;
}
.top-part-content h2 span, .top-part-content h3 span{
	color: #ff693c;
}
.top-part-content h3 {
	font: 700 20px/32px "Poppins", Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 15px 0;
}
.footer-bottom p img {
	margin: 0 15px 0 0;
}
.footer-bottom {
	background: #0f1317;
	/* position: absolute; */
	/* bottom: 0; */
	/* left: 0; */
	/* right: 0; */
	text-align: left;
	display: flex;
	align-items: center;
	width: auto;
	justify-content: center;
	padding: 15px;
	margin: 30px 0 0 0;
}
.footer-bottom .footer-text {
	margin: 0 190px;
}
.footer-bottom p {
	margin: 0;
	font: 400 14px/22px "Poppins", Helvetica, sans-serif;
	color: #fff;
	display: flex;
	align-items: center;
}
.top-part-content .pln-text {
	display: inline-block;
	padding: 4px 20px;
	margin: 0 0 15px 0;
	border-radius: 2px;
	font: 700 20px/30px "Poppins", Helvetica, sans-serif;
	color: #000;
	border: none;
	box-shadow: 0 0 0 1px #91770d inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #91770d, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	background-color: #ffce06;
}
.top-part-content .pln-text img {
	width: 25px;
	margin: 0 7px 0 -5px;
}
.top-part{
	text-align: center;
}
.body-img {
	background-image: url(../images/body-img.jpg);
	/* height: 100vh; */
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	/* overflow: hidden; */
}
/* Spin section CSS Start */
.wrapper h3 {
	color: #ffb94a;
	font: 700 36px/42px "Poppins";
	margin: 0 0 20px 0;
}
.question .width-custom{
	padding: 0;
}
.cong {
	text-align: center;
}
.cong h4 {
	color: #ff693c;
	font: 700 25px/26px "Poppins";
	margin: 0 0 15px 0;
	padding: 0;
}
.cong h5 {
	background: #2191ff;
	display: block;
	color: #000;
	font: 700 21px/26px "Poppins";
	margin: 20px 0 30px 0;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px #00678c inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #00678c, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	background-color: #2990ff;
}
.cong h5 span{
	color: #fff;
}
.cong p {
	color: #000;
	margin: 0;
	padding: 0 15px 20px 15px;
	font: 400 16px/25px "Poppins", Helvetica, sans-serif;
}
.cong.cong-00 h4{
	color: #f00;
	font-size: 30px;
	line-height: 36px;
}
#done4{
	opacity: 0;
}
.info, .info-02, .info-03, .info-04, .info-05, .info-06, .info-07 {
	display: none;
	padding: 22px 15px 52px;
	border-radius: 12px;
	background-color: rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	margin: 0 auto -30px;
	width: 76%;
}
.info .received, .info-02 .received, .info-03 .received, .info-04 .received, .info-05 .received, .info-06 .received, .info-07 .received{
	animation: zoom-in-zoom-out-03 2s ease-out infinite;
}
@keyframes zoom-in-zoom-out-03 {
	0% {
	  transform: scale(1, 1);
	}
	50% {
	  transform: scale(0.90, 0.90);
	}
	100% {
	  transform: scale(1);
	}
}
.info .received, .info-02 .received, .topques .received, .info-03 .received, .info-04 .received, .info-05 .received, .info-06 .received, .info-07 .received {
	color: #fff;
	font: italic 700 22px/26px "Poppins";
	margin: 0;
	text-transform: uppercase;
	display: inline-block;
}
.info .received span, .info-02 .received span, .topques .received span, .info-03 .received span, .info-04 .received span, .info-05 .received span, .info-06 .received span, .info-07 .received span{
	color: #ff693c;
}
.info .receivedbot, .info-02 .receivedbot, .topques .receivedbot, .info-03 .receivedbot, .info-04 .receivedbot, .info-05 .receivedbot, .info-06 .receivedbot, .info-07 .receivedbot {
	color: #000;
	margin: 0;
	padding: 0 15px 13px 15px;
	font: 400 16px/25px "Poppins", Helvetica, sans-serif;
}
.slot-hidden {
	display: none;
}
.roll button {
	width: auto;
	font: italic 700 30px/32px "Poppins", Helvetica, sans-serif;
	color: #fff;
	display: block;
	padding: 12px 37px;
	background: linear-gradient(256deg,#f10b09,#ff3b3b 50%,red),linear-gradient(180deg,#ff9898,#a80000);
	transition: all 0.5s;
	text-decoration: none;
	border-radius: 50px;
	border: none;
	margin: -27px auto 0;
	text-transform: uppercase;
	z-index: 1;
	position: relative;
}
.roll button:hover {
	background: linear-gradient(225deg,#900d0c,#cd1b1b 48%,#701d1d);
	color: #fff;
}
.wheeldiv img {
	border-radius: 0 0 10px 10px;
}
.width-custom {
	width: 580px;
	margin: 0 auto;
	position: relative;
}
#slot-win {
	border-radius: 0 0 10px 10px;
}
.spin-section-wrapper .roll .width-custom{
	width: 720px;
	text-align: center;
}
.threeq {
	color: #fff;
	font: 500 19px/26px "Poppins", Helvetica, sans-serif;
	padding: 20px 0;
	margin: 0;
}
#q1, #q2, #q3, .finalinfo, .loading {
	padding: 30px;
	border: 13px solid #092198;
	outline: 4px solid #f5bd69;
	border-radius: 30px;
	text-align: center;
	background-image: linear-gradient(to bottom right, #d7d6d4, #fffefb, #d7d6d4);
	position: relative;
	z-index: 1;
}
#q1::after, #q2::after, #q3::after, 
#q1::before, #q2::before, #q3::before {
	background-image: url(../images/after.png);
	position: absolute;
	top: 0;
	bottom: auto;
	content: "";
	z-index: -1;
	width: 190px;
	height: 190px;
	background-repeat: no-repeat;
	background-size: contain;
}
#q1::after, #q2::after, #q3::after{
	left: 0;
	right: auto;
}
#q1::before, #q2::before, #q3::before {
	right: 0;
	left: auto;
	transform: scalex(-1);
}
.boxin .questnum {
	color: #ea0903;
	font: 700 22px/26px "Poppins", Helvetica, sans-serif;
	margin: 0 0 15px 0;
}
.boxin .quest, .finalinfo p, .loading p {
	color: #000;
	font: 600 24px/34px "Poppins", Helvetica, sans-serif;
	margin: 0 0 25px 0;
}
.boxin span, .finalinfo p span {
	color: #ff693c;
}
.yesno {
	font: 600 25px/27px "Poppins", Helvetica, sans-serif;
	color: #762e00;
	display: inline-block;
	padding: 11px 60px;
	background: #fff;
	transition: all 0.5s;
	text-decoration: none;
	border-radius: 50px;
	border: 3px solid #ab7f61;
}
.yesno:hover {
	background: #b38e1c;
	color: #fff;
	border-color: #b38e1c;
}
.bar {
	background-color: #e5e2e2;
	height: 38px;
	width: 100%;
	border-radius: 5px;
}
.active {
	height: 38px;
	width: 0;
	border-radius: 5px;
	background: #65ab53;
	background: -moz-linear-gradient(top, #65ab53 0%, #578843 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65ab53), color-stop(100%,#578843));
	background: -webkit-linear-gradient(top, #65ab53 0%,#578843 100%);
	background: -o-linear-gradient(top, #65ab53 0%,#578843 100%);
	background: -ms-linear-gradient(top, #65ab53 0%,#578843 100%);
	background: linear-gradient(to bottom, #65ab53 0%,#578843 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65ab53', endColorstr='#578843',GradientType=0 );
}
.wrapper h3 {
	color: #ffb94a;
	font: 700 36px/42px "Poppins", Helvetica, sans-serif;
	margin: 0 0 20px 0;
}
.finaldiv .receivedbot {
	color: #fff;
	font: 500 20px/31px "Poppins", Helvetica, sans-serif;
	margin: -5px 0 20px 0;
}
.finaldiv .width-custom {
	padding: 0;
}
.button3 {
	font: 700 28px/37px "Poppins";
	color: #000;
	display: block;
	padding: 15px 30px;
	transition: all 0.5s;
	text-decoration: none;
	border: none;
	margin: 0;
	border-radius: 10px;
	animation: zoom-in-zoom-out-02 2s ease-out infinite;
	box-shadow: 0 0 0 0px #8c2400 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #8c2400, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
	background-color: #ffa145;
	outline: none;
	display: inline-block;
}
.button3:hover{
	color: #000;
}
@keyframes zoom-in-zoom-out-02 {
	0% {
	  transform: scale(1, 1);
	}
	50% {
	  transform: scale(0.95, 0.95);
	}
	100% {
	  transform: scale(1);
	}
  }
  .aval {
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 15px;
	height: 15px;
	border: 1px solid #b8b8b8;
	background: #65ab53;
	background: -moz-linear-gradient(top, #65ab53 0%, #578843 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65ab53), color-stop(100%,#578843));
	background: -webkit-linear-gradient(top, #65ab53 0%,#578843 100%);
	background: -o-linear-gradient(top, #65ab53 0%,#578843 100%);
	background: -ms-linear-gradient(top, #65ab53 0%,#578843 100%);
	background: linear-gradient(to bottom, #65ab53 0%,#578843 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65ab53', endColorstr='#578843',GradientType=0 );
	border: none;
	margin-top: -3px;
}
/* Spin section CSS End */
/* comment CSS Start */
.comments {
	width: 100%;
	max-width: 580px;
	margin: 30px auto 0;
	border-radius: 16px;
	-webkit-box-shadow: 0 4px 32px 0 rgba(0,0,0,.5);
	box-shadow: 0 4px 32px 0 rgba(0,0,0,.5);
	background-color: #fff;
	color: #000;
	text-align: center;
	overflow: hidden;
}

.comments,.comments-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.comments-title {
    text-align: left;
    font-size: 16px;
    font-weight: 800;
    border-bottom: 1px solid #e4e6e9;
    background-color: #f6f7f9;
    padding: 16px 16px 8px
}

.comments-wrapper {
    padding: 12px 32px 32px 16px
}

.comments-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comments-nav .item {
    font-size: 12px;
    font-weight: 600;
    color: #3b5a96;
    margin-right: 16px
}

.comments-content .item {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.comments-content .item .avatar {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 4px;
    overflow: hidden
}

.comments-content .item .avatar img {
    width: 100%
}

.comments-content .item .comment {
    text-align: left
}

.comments-content .item .comment-text {
    padding: 8px 16px 8px 8px;
    border-radius: 12px;
    background-color: #f2f3f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #333
}

.comments-content .item .comment-text span {
    font-weight: 600;
    color: #3b5a96
}

.comments-content .item .comment-info {
    font-size: 10px;
    font-weight: 600;
    color: #696969;
    padding: 0 0 0 8px;
    margin-top: 4px
}

.comments-content .item .comment-info span {
    color: #3b5a96
}
/* comment CSS End */

/* Responsive start*/
@media (max-width: 1649px) {
	.footer-bottom .footer-text {
		margin: 0 130px;
	}
}	
@media (max-width: 1499px) {

}	
@media (max-width: 1399px) {
	.footer-bottom .footer-text {
		margin: 0 100px;
	}
}
@media (max-width: 1299px) {
}
@media (max-width: 1199px) {
	.footer-bottom .footer-text {
		margin: 0 60px;
	}
}
@media (max-width: 991px) {
	.footer-bottom .footer-text {
		margin: 0 10px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
	.spin-section-wrapper .roll .width-custom{
		width: auto;
	}
	.footer-bottom .footer-text:last-child {
		margin: 0;
	}
	.footer-bottom{
		text-align: center;
		display: block;
	}
	.footer-bottom .footer-text {
		margin: 0 0 10px;
	}
	.footer-bottom .footer-text:last-child p {
		text-align: left;
	}
	.footer-bottom p{
		justify-content: center;
	}
	.width-custom{
		width: auto;
	}
	.comments{
		max-width: inherit;
	}
	.cong h5{
		font-size: 18px;
	}
}
@media (max-width: 575px) {
	.top-part .logo-section {
		padding: 6px 0;
	}
	.top-part .logo-section img {
		max-width: 100px;
	}
	.timer-holder{
		padding: 3px;
	}
	.top-part-content {
		background: rgba(255, 255, 255, 0.1);
		padding: 20px;
		margin: 0 0 20px 0;
		border-radius: 10px;
	}
	.top-part-content h3{
		font-size: 16px;
		line-height: 25px;
	}
	.boxin .quest, .finalinfo p, .loading p{
		font-size: 20px;
		line-height: 30px;
	}
	.top-part-content h2{
		font-size: 23px;
		line-height: 36px;
	}
	.body-img::after {
		background: rgba(0, 0, 0, 0.6);
		content: "";
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		margin: auto;
		bottom: 0;
		position: absolute;
		z-index: -1;
	}
	.body-img{
		position: relative;
		z-index: 1;
	}
}
@media (max-width: 543px) {

}
@media (max-width: 480px) {
	.cong h5 span{
		display: block;
	}
	.info, .info-02, .info-03, .info-04, .info-05, .info-06, .info-07{
		padding: 13px 12px 40px;
	}
	.info .received, .info-02 .received, .topques .received, .info-03 .received, .info-04 .received, .info-05 .received, .info-06 .received, .info-07 .received{
		font-size: 19px;
		line-height: 26px;
	}
	.roll button{
		font-size: 22px;
		line-height: 22px;
	}
	.footer-bottom p{
		font-size: 12px;
		line-height: 19px;
	}
	.cong.cong-00 h4{
		font-size: 23px;
  		line-height: 26px;
	}
	.yesno{
		font-size: 21px;
		line-height: 27px;
		padding: 7px 30px;
	}
	.cong p{
		padding: 0 5px 10px 5px;
	}
	.cong h4{
		font-size: 21px;
		line-height: 25px;
	}
	.button3{
		font-size: 22px;
		line-height: 27px;
	}
	#q1, #q2, #q3, .finalinfo, .loading{
		padding: 15px;
	}
	
}
@media (max-width: 360px) {
	.button3 {
		font-size: 18px;
		line-height: 22px;
	}
	.cong h5 {
		font-size: 16px;
	}
}
/* Responsive end*/