.login-li, .login-li a {
	float: left;
	clear: both
}
.login-li a, a:hover {
	text-decoration: none!important;
}
#overlay, body {
	width: 100%;
	height: 100%
}
#mySidenav, #overlay, .sidenav2 .closebtn {
	position: absolute;
	top: 0
}
#spinArea table, .competitions-details_new span.competitions-time span, .concat_account, .f_direction, .footer, .input-container, .row.pt-5.text-center.d-block, .user-name {
	direction: rtl
}
#footer, #mySidenav {
	background-color: #000 !important;
}
.footer, body {
	box-sizing: border-box
}
#overlayLoading, .competitions .flickity-page-dots .dot {
	background: #fff
}
.competition-cell-content .competition-cell_info:hover, .competitions-details .competitions-time span, .competitions-sections .competitions-gift span, .usTickets:hover span, a, a.usTickets, div.linksFooter a, div.linksFooter a:hover {
	color: #F0CC54;
}
.competitions-sections .competitions-gift span{
	color: #fff;
}
.h3, h3 {
	font-size: 1.1rem;
	line-height: 1em
}
.user-info-container, html {
	width: 100%
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Tajawal', sans-serif;
    font-display: swap;
	overflow: hidden;
	overflow-x: hidden;
	position: relative;
	color: #7f8993;
	font-size: 1em;
	background: #1E1E1E;
}
::-webkit-scrollbar {
	width: 7px
}
::-webkit-scrollbar-track {
	background: #f1f1f1
}
::-webkit-scrollbar-thumb {
	background: #888
}
::-webkit-scrollbar-thumb:hover {
	background: #555
}
.bg-dark {
	background-color: #1c2b3a!important
}
.innerWrpper {
	padding: 0 0 100px
}
.deleteAccount-container p, div {
	color: #ddd
}
a {
	font-weight: 400;
}
a:hover {
	color: #F0CC54;
}
.headerLogged, .headerNotLogged {
	height: 7em
}
header {
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(4,4,4,1) 50%,rgba(9,9,9,1) 100%);
	width: 100%;
	color: #fff;
	position: sticky;
	-webkit-box-shadow: 5px -4px 10px rgb(50 50 50 / 45%);
	-moz-box-shadow: 0 5px 10px rgb(50 50 50 / 45%);
	box-shadow: 0 5px 10px rgb(50 50 50 / 45%)
}
header:after {
	content: "";
	width: 100%;
	height: 30px;
	background-color: #fff;
	border-radius: 0;
	position: absolute;
	bottom: 0;
	display: none
}
header > ul {
	list-style-type: none;
	margin: 0 auto;
	width: 95%;
	padding: 0
}
header > ul > li > a {
	text-decoration: none;
	cursor: pointer
}
header li {
	display: inline-block;
	width: 33%;
	text-align: center;
	margin-top: 1.8em
}
header.headerNotLogged li:first-child,header li:last-child {
	margin-top: 0em; 
}
header.headerLogged li:first-child{
	margin-top: 0px !important; 
}
header li:not(:first-child):not(:last-child) {
	margin-top: 0;
}
header > ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
.required:after {
	content: " *";
	color: #c8ccd4;
	font-weight: 400;
	font-size: 1.3em
}
.logo {
	max-width: 120px;
	height: auto;
	aspect-ratio: auto 226/81
}
.footerRight{
	display: none;
}
.footerRight img, .openNav-btn, div.socialFooter a img {
	height: auto;
	aspect-ratio: auto 1/1
}
.login-li {
	display: flex;
	line-height: 30px
}
.menu-li, .openNav-btn, .prizeImg, .user-name {
	float: right
}
.login-li a {
	color: #F0CC54;
	border: 1px solid #F0CC54;
	font-weight: 400;
	border-radius: 38px;
	padding: 0 .4rem;
	font-size: .8em
}
.login-li a:hover{
	border: 1px solid #F0CC54 !important;
	background: #F0CC54 !important;
	color: #000;
	box-shadow: none !important;
}
.bottom-credit-text, .footer, .label, .user-name {
	font-weight: 700
}
.footer a, .loginLinks > a, .myAccount-boxes a, .prize-img-container > a, a.usTickets:hover {
	text-decoration: none
}
.login-li a:first-child {
	margin-right: 15px
}
.login-li a:focus, .login-li a:hover {
	background-color: #F0CC54;
	border: 1px solid #F0CC54;
	box-shadow: 0 0 20px 0 rgba(240,204,84, .5)
}
hr.style-three:after, hr.style-two:after {
	display: inline-block;
	position: relative;
	top: -.9em;
	font-size: 1.2em;
	padding: 0 .25em;
	background: #1d3650
}
hr.style-three, hr.style-two {
	overflow: visible;
	padding: 0;
	border: none;
	border-top: double #bbb;
	color: #fff;
	text-align: center
}
hr.style-two:after {
	content: attr(data-message)
}
hr.style-three:after {
	content: "أو البريد الإلكتروني"
}
.user-header-info-container {
	width: 33%;
	height: 50px;
	margin: 0em 0 0;
	padding: 0;
	text-align: left
}
.user-img {
	width: 59px;
	margin: auto;
	display: none
}
.user-img > img {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	object-fit: cover;
	vertical-align: inherit
}
.user-credit-container {
	width: auto;
	display: inline-block;
	text-align: center
}
.user-credit-container > h3 {
	padding-top: 4px;
	color: #fd5100
}
.user-credit-container > p {
	line-height: 1px
}
.v-line {
	color: #848c96;
	height: 25px;
	display: inline-block;
	padding: 0 2px 0 4px;
	margin-bottom: -5px;
	font-size: 30px
}
.top-credit-text {
	font-size: 1em;
	color: #dee5e7
}
.bottom-credit-text {
	font-size: 13px;
	color: #dee5e7
}
.buy-tickets-icon {
	width: 100px;
	position: fixed;
	margin: .5em 0 -5em 1%;
	z-index: 1;
	-webkit-animation-name: rotateTichets;
	animation-name: rotateTichets;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	height: auto;
	aspect-ratio: auto 1/1
}
#fawriBuyBtn, .footer, .mobileBuyBtn {
	position: relative
}
@-webkit-keyframes rotateTichets {
	75%, 95% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	80% {
		-webkit-transform: rotate(-40deg);
		transform: rotate(-40deg)
	}
	100%, 85% {
		-webkit-transform: none;
		transform: none
	}
	90% {
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg)
	}
}
@keyframes rotateTichets {
	75%, 95% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	80% {
		-webkit-transform: rotate(-40deg);
		transform: rotate(-40deg)
	}
	100%, 85% {
		-webkit-transform: none;
		transform: none
	}
	90% {
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg)
	}
}
.openNav-btn {
	width: 36px
}
#mySidenav {
	width: 250px;
	right: -250px;
	overflow: auto;
	transition: .5s;
	padding-top: 45px;
	border-top-left-radius: 20% 100%;
	border-bottom-left-radius: 20% 100%;
	z-index: 10;
	white-space: nowrap;
	text-align: center
}
#overlay, .user-name {
	overflow: hidden;
	cursor: pointer
}
.scrollbar-hidden::-webkit-scrollbar {
	display: block
}
.list-item {
	width: 65%;
	margin: 6px auto;
	text-align: right
}
.sidenav2 a, .sidenav2 select {
	padding-top: 3px;
	padding-bottom: 6px;
	text-decoration: none;
	font-size: 1em;
	font-weight: 700;
	color: #fff;
	display: flex;
	width: 75%;
	height: 40px;
	justify-content: space-between;
	margin: 0 auto;
	transition: .3s;
	text-align: right
}
.myAccount-boxes a:hover, .sidenav2 a:hover {
	color: #F0CC54
}
.sidenav2 .closebtn {
	font-size: 36px;
	color: #F0CC54;
	margin-left: 1em;
	display: block;
	padding: 0;
}
.sidenav2 .closebtn img {
	max-width: 20px;
	width: 100%;
	height: auto;
	aspect-ratio: auto 1/1
}
#overlay {
	display: none;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, .75);
	z-index: 9
}
.sidenav2 hr {
	width: 80%
}
.top-side-nav {
	display: inline-block;
	width: 63%;
	margin-top: -3em
}
.myAccount-side-nav img, .top-side-nav img {
	max-width: 20px;
	height: auto;
	spect-ratio: auto 1/1
}
.user-name {
	font-size: 1em;
	line-height: 48px;
	width: 118px!important;
	white-space: nowrap;
	text-overflow: ellipsis!important;
	display: inline-block!important;
	color: #F0CC54!important
}
.closebtn-login {
	float: left;
	margin-top: 18px;
	cursor: pointer
}
#openArrow-list {
	display: none;
	transition: .5s;
	padding-top: 12px;
	text-align: center
}
#openArrow-list > a {
	cursor: pointer;
	justify-content: center;
	height: 30px
}
.openArrow-btn {
	float: left;
	margin-top: .5em
}
.closeArrow-btn {
	float: left
}
.sidenav-list-container {
	overflow: auto
}
.competitions-boxes {
	width: 100%;
	text-align: center;
	direction: rtl
}
.competition-a > img {
	display: inline-block;
	padding: 10px;
	cursor: pointer;
	width: 20%;
	min-width: 10%
}
.competitions-p {
	color: #7f8993;
	text-align: right;
	font-size: 1.5vw;
	margin: 0 auto;
	width: 85%;
	padding: 20px 0;
	overflow: hidden
}
.footer {
	height: 13.8%;
	padding: 0 60px;
	overflow: hidden;
	left: 0;
	bottom: 0;
	display: block
}
.footer ul {
	width: 93%;
	margin: .5em auto;
	height: 100%;
	padding: 0
}
.footer ul > li {
	display: inline-block;
	float: left;
	padding: 10px;
	margin: 0 30px
}
.footer a {
	cursor: pointer;
	color: #e5582f
}
.competitions .flickity-page-dots, .competitions .flickity-prev-next-button, .gallery .flickity-page-dots, .gallery .flickity-prev-next-button, .mobile-nav {
	display: none
}
.input-field, .label {
	display: inline-block
}
.form-container {
	width: 50%;
	margin: -1em auto 7em;
	text-align: right
}
.input-container {
	width: 100%;
	margin-top: 1.5em;
	margin-left: 2.5em
}
.label {
	color: #697d8c;
	text-align: left;
	margin-left: 3em;
	width: 25%
}
.form-btn, .form-btn-prizes {
	color: #000 !important;
	outline: 0;
	font-family: Tajawal, sans-serif;
	cursor: pointer
}
.input-field {
	width: 50%
}
.form-btn, .form-btn-prizes, .loginLinks > a {
	display: block;
	font-weight: 700;
	text-align: center
}
.input-field > input {
	width: 100%;
	border: 1px solid #aebccd;
	outline: 0;
	margin-top: 2em;
	border-radius: 30px;
	direction: ltr;
	padding: 10px
}
.input-field > select {
	width: 106.5%;
	height: 47px;
	border: 1px solid #aebccd;
	outline: 0;
	background-color: #fff;
	margin-top: 2em;
	border-radius: 30px;
	direction: ltr;
	padding: 10px 10px 10px 50px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("../images/-_arrow-down.svg");
	background-repeat: no-repeat, repeat;
	background-position: left 1.3em top 50%, 0 0;
	background-size: 1.5em auto, 100%
}
.form-btn {
	height: 50px;
	margin: 2em auto 0;
	border-radius: 55px
}
.form-btn-prizes {
	width: 90%;
	max-width: 300px;
	height: auto;
	background-color: #ff5200;
	border: none;
	margin: 0 auto;
	border-radius: 55px;
	padding: 0 1rem;
	line-height: 2.5rem
}
.loginLinks > a {
	color: #F0CC54;
	height: 20px;
	margin: 0 auto;
	direction: rtl
}
.msg-input {
	padding: 0;
	width: 75%;
	font-size: 13px;
	color: #7a95ac;
	font-weight: 300;
	text-align: left;
	display: inline-block
}
.prize-info {
	display: table;
	width: 100%;
	overflow: hidden;
	clear: both
}
.prize-p {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap
}
.prize-p > h1 {
	max-width: 500px;
	margin: 0 auto;
	display: inline-flex
}
.prize-container {
	width: 80%;
	margin: 0 auto;
	border-radius: 30px;
	padding: 30px 2.5rem;
	display: block;
	background: #1d3a5c!important;
	clear: both;
	overflow: hidden;
	border: 2px solid #F0CC54
}
.prize-img-container {
	width: 50%;
	display: block
}
.prize-img-container > a {
	color: #F0CC54;
	border-bottom: 3px solid #F0CC54;
	cursor: pointer;
	margin-top: 10px;
	font-size: 20px
}
.prize-img-container > img {
	width: 50%;
	margin: 0 auto;
	display: block
}
.prize-img-container > button {
	width: 60%;
	height: 50px;
	background-color: #F0CC54;
	border: none;
	outline: 0;
	margin: 30px auto auto;
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 55px;
	cursor: pointer;
	font-weight: 600;
	font-family: Tajawal, sans-serif;
	box-shadow: 0 0 20px 0 rgb(71 214 78 / 50%)
}
.payment-p, .prize-instructions > li {
	text-align: right;
	margin: 0 auto;
	font-size: 1em
}
.prize-instructions {
	width: 80%;
	margin: 0 auto
}
.prize-instructions > li {
	list-style-type: none;
	padding: 10px 0;
	color: #ddd;
	font-weight: 600;
	width: 100%;
	direction: rtl
}
.tutorial-video {
	color: #fff;
	margin: 0 auto;
	width: auto;
	padding: 0 0 5px;
	font-size: 1em;
	font-weight: 600;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	display: table
}
.payment-boxes-container {
	width: 100%;
	height: 100%;
	direction: rtl;
	display: flex;
	margin: 0 auto;
	justify-content: center
}
.payment-boxes-container > div {
	display: inline-block;
	width: 350px;
	min-height: 530px
}
.payment-p {
	color: #7f8993;
	width: 90%;
	padding-bottom: 2rem
}
.zain-paymentWay {
	border: 1px solid #2a2d34;
	border-radius: 40px;
	float: left;
	box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}
.top-JawwalPay, .top-meezaPay, .top-mobilePayment, .top-zainPayment {
	height: 60px;
	background-color: #000;
	color: #fff;
	border-radius: 40px 40px 0 0;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%
}
.top-JawwalPay > div p, .top-zainPayment > div p {
	color: #fff;
	float: right;
	margin-top: revert
}
.top-JawwalPay > div img, .top-meezaPay > div img, .top-zainPayment > div img {
	width: 65px;
	float: left;
	margin-top: 5px
}
.top-meezaPay > div p {
	color: #fff;
	float: none;
	text-align: center;
	margin-top: revert
}
.mobile-paymentWay {
	height: 100%;
	border: 1px solid #f0f0f0;
	border-radius: 40px;
	float: right;
	box-shadow: rgba(0, 0, 0, .05) 0 3px 8px;
	position: relative;
	margin: 2.5%
}
.fawri-paymentWay, .mobileBuyBtn {
	box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}
.top-mobilePayment > p {
	text-align: center;
	color: #fff;
	width: 100%;
	margin-top: revert
}
.payment-form {
	width: 70%;
	margin: 2em auto;
	text-align: right!important;
	color: #687d8c;
	font-size: 1em
}
.BuyBtn, .mobileBuyBtn {
	width: 80%;
	background-color: #fd5100;
	height: 50px;
	display: block;
	font-family: Tajawal, sans-serif;
	outline: 0
}
#fawriBuyBtn, .BuyBtn, .mobileBuyBtn, .myAccount-boxes a {
	color: #fff;
	cursor: pointer
}
.payment-form label {
	width: 30%;
	display: revert
}
.mobileBuyBtn {
	border: none;
	margin: 0 auto;
	text-align: center;
	border-radius: 55px;
	top: -20px
}
.BuyBtn {
	margin: 0 auto;
	border: none;
	text-align: center;
	border-radius: 55px;
	bottom: 20px;
	position: absolute;
	left: 0;
	right: 0;
	font-weight: 700
}
.zain-cash-header {
	width: 82%;
	margin: 0 auto
}
.jawwal-pay-header, .meeza-pay-header {
	width: 50%;
	margin: 0 auto
}
.fawri-paymentWay {
	border: 1px solid #046d96;
	border-radius: 40px
}
.top-fawriPayment {
	height: 60px;
	background-color: #F0CC54;
	color: #000;
	border-radius: 40px 40px 0 0;
	margin: 0;
	padding: 0;
	width: 100%
}
.top-fawriPayment > div p {
	color: #000;
	float: right;
	margin-top: revert
}
.top-fawriPayment > div img {
	width: 110px;
	float: left;
	margin-top: 10px
}
.fawri-header {
	width: 65%;
	margin: 0 auto
}
#fawriBuyBtn {
	width: 100%;
	height: 50px;
	background-color: #ccc;
	border: none;
	outline: 0;
	margin: 2em auto 0;
	display: block;
	text-align: center;
	border-radius: 55px;
	font-family: Tajawal, sans-serif
}
.myAccount-boxes {
	width: 100%;
	height: 100%;
	text-align: center;
	direction: rtl;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto
}
.myAccount-boxes > div {
	padding: 10px;
	width: 280px;
	height: 300px;
	background: #2A2A2A;
	border-radius: 30px;
	border: 1.5px solid #F0CC54;
	margin: 1em
}
.myAccount-boxes a {
	display: block;
	margin-bottom: 1em
}
.myAccount-boxes img {
	margin-bottom: .2em
}
.myAccount-boxes > a {
	margin: 0 auto
}
.my-free-tickets, .my-purchases {
	padding: 7em 0;
	text-align: center;
	height: 200px;
	align-content: center
}
.my-info {
	padding: 2.5em 0 0
}
.insideBox {
	padding: 1em 0 0
}
.deleteAccount-container {
	margin: 0 auto;
	text-align: center;
	font-size: 1em;
	color: #7f8993;
	padding: 1em;
	line-height: 1.8em
}
.prizeName, .questionNum {
	padding: 25px 10px 0 0;
	font-weight: 700
}
.deleteAccount-container button {
	display: inline-block;
	width: 120px;
	margin: 2em .5em;
	text-align: center;
	border-radius: 55px;
	cursor: pointer;
	font-family: Tajawal, sans-serif;
	font-weight: 700;
	padding: 4px 2px;
	white-space: nowrap
}
.my-table td, .my-table th {
	font-size: 1em;
	width: 200px
}
.cancel-btn {
	outline: 0;
	color: #fff
}
.agree-btn {
	background-color: #fff;
	border: 1px solid #7f8993;
	outline: 0;
	color: #7f8993
}
#page-wrapper {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Tajawal, sans-serif;
	background-color: #000000
}
.questionNum {
	float: left;
	margin-bottom: 2em;
	margin-left: 3em
}
.prizeName, .result > h3 {
	margin-bottom: 3em
}
.prizeName {
	float: right
}
.questionCounter {
	float: left;
	background-color: #8fa5b7;
	color: #fff;
	font-size: 12px;
	width: 35px;
	height: 35px;
	border-radius: 100%;
	padding: 10px
}
.top-section-in-question-page {
	width: 76%;
	padding-top: 2em;
	margin: 0 auto;
	color: #7f8993;
	overflow: hidden;
	height: 80px;
	display: block;
	clear: both;
	direction: rtl
}
.question-main-container {
	width: 80%!important;
	height: 100%!important;
	margin: 1em auto 2em!important;
	background: #2A2A2A!important;
	border-radius: 30px!important;
	border: 1px solid #F0CC54!important;
	text-align: center!important;
	color: #ddd!important;
	padding: 1em!important
}
.question-assets-container {
	position: absolute;
	margin: 0 auto;
	width: 100%;
	top: -20%
}
.questionImg {
	width: 330px;
	height: 188px;
	border-radius: 20px;
	border: 1px solid #ff5200;
	background-color: #fff
}
.question-container {
	margin: 3em auto;
	width: 80%;
	direction: rtl
}
.question-container > input[type=button], .result-container {
	width: 70%;
	background-color: #fff;
	color: #7f8993;
	text-align: center
}
.question-text {
	margin-bottom: 2.5em;
	margin-top: 6em;
	font-size: 16px
}
.question-container > input[type=button] {
	display: block;
	margin: 1.5em auto 0;
	border: 1px solid #7f8993;
	outline: 0;
	white-space: normal;
	height: 40px;
	font-weight: 700;
	border-radius: 55px;
	cursor: pointer;
	font-family: Tajawal, sans-serif
}
.question-container > input[type=button]:hover {
	background-color: #e55223;
	color: #fff;
	border: none
}
.result-container {
	height: 100%;
	margin: 1em auto 2em;
	padding: 1em;
	border: 1px solid #ff5200;
	border-radius: 25px
}
.btn-result {
	width: 250px;
	height: 50px;
	background-color: #ff5200;
	border: none;
	outline: 0;
	margin: 2em auto 0;
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 55px;
	cursor: pointer;
	font-family: Tajawal, sans-serif;
	position: relative
}
.result {
	margin: 3em auto;
	width: 100%;
	direction: rtl;
	line-height: 10px
}
.qMedia {
	display: block;
	border-radius: 20px;
	border: 2px solid #ff5200;
	background-color: #fff;
	margin: 0 auto;
	outline: 0;
	width: 96%;
	max-width: 330px;
	padding: 0
}
.my-table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	direction: rtl;
	text-align: right;
	clear: both;
	border-radius: 20px;
	background: #1d3147!important
}
.my-table td, .my-table th, .rank-num, .table-title {
	text-align: center
}
.table-container {
	width: 80%;
	margin: 0 auto 2em;
	display: block;
	border: 1px solid #F0CC54;
	overflow: hidden;
	border-radius: 25px;
	direction: rtl
}
.my-table th {
	padding: 10px;
	color: #F0CC54;
	font-weight: 700;
	border-bottom: 1px solid #F0CC54
}
.my-table td {
	padding: 10px;
	border-bottom: 1px solid rgba(240,204,84, .1);
	color: #ddd
}
.my-table tr:last-child td {
	border-bottom: none
}
.my-table > thead {
	background-color: transparent;
	color: #F0CC54;
	height: 50px
}
.my-table > thead > tr > th {
	padding: 14px 10px
}
.active-ticket {
	color: #39b54a!important
}
.expired-ticket {
	color: #c1272d!important
}
.page-title {
	width: 90%;
	height: 40px;
	margin: 0 auto;
	clear: both
}
.page-title > h4 {
	float: right;
	color: #7f8993
}
.rank-num {
	border-radius: 50px;
	background-color: #eef0f2;
	width: 35px;
	height: 35px;
	margin: 0 auto;
	padding: 5px;
	float: right;
	font-weight: 700;
	color: #222
}
.table-title {
	width: 80%;
	margin: 20px auto 1.5em;
	font-size: 1.2em;
	color: #ddd
}
.rank-table-container {
	width: 60%;
	margin: 0 auto 2em;
	display: block;
	border: 1px solid #F0CC54;
	overflow: hidden;
	border-radius: 25px;
	direction: rtl
}
.first-winner {
	background-color: #F0CC54!important;
	color: #fff
}
.hide{
	display: none !important;
}
@media (max-width:768px) {
	header li:not(:first-child):not(:last-child) {
		margin-top: 0.5em;
	}
	.mobile-nav, .rank-table-container, .table-container {
		white-space: nowrap;
		scrollbar-width: none;
		direction: rtl
	}
	.form-btn-prizes {
		font-size: 14px
	}
	.container-fluid {
		position: revert!important
	}
	.prize-img-container > img {
		margin-top: 1em;
		width: 85%
	}
	.prize-container > a, .prize-img-container > a, .prize-p > a, .table-title {
		font-size: 1em
	}
	.my-table td, .my-table th {
		font-size: .8em
	}
	.rank-num {
		width: 25px;
		height: 25px;
		font-weight: 400
	}
	.prize-p {
		height: 30px
	}
	header:after {
		border-radius: 0
	}
	header ul li a {
		font-size: 12px
	}
	#footer, #overlay, .footer, .menu-li, .openNav-btn, .sidenav2 {
		display: none
	}
	.competition-a img {
		width: 40%
	}
	.login-li {
		width: 80%;
		font-size: 1em!important;
		padding-left: 10px;
		line-height: 30px
	}
	.logo {
		width: 85px;
		float: right
	}
	header li {
		width: 15%
	}
	.user-header-info-container {
		width: 80%;
		height: 40px
	}
	.user-img {
		width: 49px
	}
	.user-img > img {
		width: 43px;
		height: 43px;
		object-fit: cover
	}
	.user-credit-container {
		width: auto
	}
	.question-text, .top-credit-text {
		font-size: 13px
	}
	.bottom-credit-text {
		font-size: 11px
	}
	.buy-tickets-icon {
		width: 100px;
		position: fixed;
		margin: -.75em 0 -5em 1.2%
	}
	.competitions-p {
		font-size: 1em;
		margin-right: 2rem;
		padding: 0
	}
	.mobile-nav {
		display: block;
		color: #abc1ce;
		text-align: center;
		width: 100%;
		font-size: 10px;
		padding-top: 0;
		background-color: #000000;
		box-shadow: rgba(0, 0, 0, .06) 0 2px 4px 0 inset;
		overflow: auto;
		position: fixed;
		left: 0;
		bottom: 0;
		padding-bottom: .5em;
		-ms-overflow-style: none;
		z-index: 1;
		-webkit-box-shadow: 0 -4px 6px rgb(50 50 50 / 35%);
		-moz-box-shadow: 0 -4px 6px rgb(50 50 50 / 35%);
		box-shadow: 0 -4px 6px rgb(50 50 50 / 35%)
	}
	.label, .msg-input, .questionCounter {
		position: absolute
	}
	.mobile-nav::-webkit-scrollbar {
		display: none
	}
	::-webkit-scrollbar {
		width: 5px;
		height: 5px
	}
	::-webkit-scrollbar-track {
		background: #f1f1f1
	}
	::-webkit-scrollbar-thumb {
		background: #888
	}
	::-webkit-scrollbar-thumb:hover {
		background: #555
	}
	.mobile-nav img {
		width: 40px;
		height: auto;
		aspect-ratio: auto 1/1
	}
	.mobile-nav > ul > li {
		display: inline-block;
		margin: auto 1.5em!important
	}
	.mobile-nav > ul {
		list-style-type: none;
		width: 100%;
		height: auto;
		padding: 0;
		margin-top: .5em;
		margin-bottom: 0
	}
	.mobile-nav a, .mobile-nav select {
		text-decoration: none;
		cursor: pointer;
		color: #abc1ce;
		font-size: 1.2em;
		font-weight: 500
	}
	.mobile-nav #langMobileActive img {
		width: 35px;
		height: auto;
		aspect-ratio: auto 1/1
	}
	.mobile-nav select {
		display: block;
		border: 0!important;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
		outline: 0!important;
		padding: 0!important;
		background-color: transparent;
		margin: -2px auto 0
	}
	.mobile-nav select option {
		color: #000
	}
	.prize-container {
		flex-wrap: wrap;
		padding: 20px;
		width: 90%;
		margin-bottom: 1em
	}
	.prize-img-container {
		width: 100%;
		height: auto;
		margin: 0 auto;
		float: none
	}
	.prize-instructions {
		display: block;
		width: 90%;
		height: auto;
		margin: 0 auto;
		font-size: .95em;
		float: none
	}
	.prize-instructions > li {
		font-size: 13px;
		margin: 0 auto
	}
	.payment-p {
		padding-bottom: 0
	}
	.payment-boxes-container {
		width: 100%;
		height: 100%;
		direction: rtl;
		margin: 0 auto;
		text-align: center;
		display: inline-block
	}
	.payment-boxes-container > div {
		float: none;
		display: block;
		width: 330px;
		min-height: 510px;
		margin: 1em auto
	}
	.mobilePayment {
		min-height: 350px!important
	}
	.jawwal-pay-header, .zain-cash-header {
		width: 65%;
		margin: 0 auto
	}
	.meeza-pay-header {
		width: 50%;
		margin: 0 auto
	}
	.questionCounter {
		bottom: 15px
	}
	.prizeName, .questionNum {
		font-size: 13px;
		margin: 12px auto
	}
	.top-section-in-question-page {
		padding-top: 0;
		width: 90%
	}
	.prizeImg {
		width: 80px
	}
	.question-main-container {
		height: 100%
	}
	.question-image {
		margin: 3em auto 6em;
		width: 100%
	}
	.questionImg {
		width: 220px;
		height: 126px
	}
	.input-field, .input-field > select, .question-container {
		width: 100%
	}
	.qMedia {
		width: 220px
	}
	.rank-table-container, .table-container {
		width: 90%;
		margin: 0 auto;
		overflow: auto;
		-ms-overflow-style: none
	}
	.table-container::-webkit-scrollbar {
		display: none
	}
	.my-table {
		width: 100%;
		margin: 0 auto
	}
	.rank-table-container::-webkit-scrollbar {
		display: none
	}
	.msg-input {
		padding: 0;
		width: 90%;
		font-size: 10px;
		color: #7a95ac;
		font-weight: 300;
		text-align: left;
		display: inline-block;
		margin-top: -4em
	}
	.input-field > input {
		width: 94%;
		border: 1px solid #aebccd;
		outline: 0;
		margin-top: 2em;
		direction: ltr;
		padding: 10px
	}
	.form-container {
		width: 50%;
		margin: 0 auto 7em
	}
	.input-container {
		width: 100%;
		direction: rtl;
		margin: 0 auto 2.5em
	}
	.label {
		width: 100%;
		display: block;
		color: #697d8c;
		font-size: 12px;
		text-align: right;
		margin-right: -2em
	}
}
#footer {
	padding: 6px 0;
	-webkit-box-shadow: 0 -4px 10px rgb(50 50 50 / 35%);
	-moz-box-shadow: 0 -4px 10px rgb(50 50 50 / 35%);
	box-shadow: 0 -4px 10px rgb(50 50 50 / 35%)
}
.gallery {
	width: 90%;
	display: block;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
	border: 0;
	overflow: hidden;
	max-width: 1300px
}
.bannerThump, .gallery-cell {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
	height: auto
}
.bannerThump {
	aspect-ratio: auto 1081/328
}
.competitions-container {
	width: 90%;
	display: block;
	height: auto;
	margin: 15px auto 0;
	padding: 2%;
	border: 0;
	max-width: 1300px;
	border-radius: 20px;
	background: #2A2A2A;
	-webkit-box-shadow: 0px 4px 42.8px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 4px 42.8px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 4px 42.8px 10px rgba(0, 0, 0, 0.25);
}
.competitions {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center
}
.competition-cell {
	width: 25%;
	max-width: 407px;
	display: block;
	margin: 0;
	border: 0;
	padding: 1% 15px;
	height: auto;
	min-width: 10%;
	text-decoration: none!important;
	cursor: pointer;
}
.competition-cell-content {
	display: block;
	padding: 0;
	cursor: pointer;
	width: 90%;
	margin: 0 auto;
	background: transparent;
	border-radius: 20px;
	border: 1px solid #F0CC54;
	position: relative;
	z-index: 8
}
.competition-cell-content img {
	display: block;
	padding: 0;
	width: 100%;
	border: 0;
	aspect-ratio: auto 1/1;
	height: auto
}
.competition-cell-content span {
	display: block;
	padding: 0 0 .85em;
	width: 100%;
	border: 0;
	text-decoration: none!important;
	text-align: center
}
.competition-cell:hover {
	color: #fff;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes pulse {
	0%, 100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
}
@keyframes pulse {
	0%, 100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
}
.competitions .flickity-page-dots {
	bottom: -18px
}
.competitions-details, .competitions-sections {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	font-weight: 700
}
.competitions-sections {
	margin: 2.5em auto 0;
	max-width: 1300px;
	width: 90%;
	padding: 0 20px
}
.competitions-details {
	margin: 0 0 10px
}
.competitions-details .competitions-winners {
	padding: 0 0 5px;
	margin: 0 0 0 20px;
	border-bottom: 1px solid #F0CC54;
	text-decoration: none!important
}
.competitions-details .competitions-winners:hover {
	color: #F0CC54;
	border-bottom: 1px solid #F0CC54
}
.competitions-details .competitions-time {
	color: #F0CC54;
	margin: 0 20px 0 0;
	direction: rtl
}
.competitions-sections .competitions-title {
	color: #F0CC54;
	font-size: 1.5em
}
.competitions-sections .competitions-gift {
	color: #fff;
	direction: rtl;
	font-size: 1.4em
}
.form-btn {
	background-color: #F0CC54;
	border: 1px solid #F0CC54;
	box-shadow: 0 0 20px 0 rgba(240,204,84, .5);
	max-width: 180px;
	width: 90%;
	color:#000 !important;
}
.custom-box, .profileTitel {
	width: 96%;
	max-width: 500px;
	margin: 0 auto
}
.custom-box {
	background: #2A2A2A;
	border-radius: 40px;
	border: 1px solid #F0CC54;
	padding: 1.5em 0
}
.profileTitel {
	padding-right: 15px
}
.Label, .hint {
	max-width: 280px;
	width: 100%
}
.profileTitel .titleProfile {
	color: #F0CC54;
	direction: rtl;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.Label {
	position: relative;
	margin: auto;
	display: block
}
span.LabelTitle {
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 1em;
	color: #c8ccd4;
	font-weight: 500;
	transform-origin: 0 0;
	transition: .66s;
	direction: rtl
}
.Label .Border {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 2px;
	width: 100%;
	background: #07f;
	transform: scaleX(0);
	transform-origin: 0 0;
	transition: .66s
}
input.inputField, select.custom-select, textarea.subjectTxtArea {
	-webkit-appearance: none;
	width: 100%;
	border: 0;
	font-family: inherit;
	padding: 12px 0;
	height: 48px;
	font-size: 1em;
	font-weight: 500;
	border-bottom: 2px solid #c8ccd4;
	background: 0 0;
	border-radius: 0;
	color: #fff;
	transition: .15s;
	text-align: left;
	outline: 0!important
}
select.custom-select {
	background-image: url(../images/images/-_arrow-down.svg)!important;
	background-repeat: no-repeat!important;
	background-position: 2px center!important;
	background-size: 20px 20px!important;
	text-align: right!important;
	padding: 6px 6px 6px 26px!important;
	border-top: none!important;
	border-right: none!important;
	border-left: none!important
}
input.inputField:hover, select.custom-select:hover, textarea.subjectTxtArea:hover {
	background: rgba(34, 50, 84, .03)
}
input.inputField:not(:placeholder-shown) + span, select.custom-select:not(:placeholder-shown) + span, textarea.subjectTxtArea:not(:placeholder-shown) + span {
	color: #F0CC54;
	transform: translateY(-17px) scale(.95)
}
input.inputField:focus, select.custom-select:focus, textarea.subjectTxtArea:focus {
	background: 0 0;
	outline: 0
}
input.inputField:focus + span, select.custom-select:focus + span, textarea.subjectTxtArea:focus + span {
	color: #F0CC54;
	transform: translateY(-17px) scale(.95);
	font-weight: 700
}
input.inputField:focus + span + .border, select.custom-select:focus + span + .border, textarea.subjectTxtArea:focus + span + .border {
	transform: scaleX(1)
}
textarea.subjectTxtArea {
	vertical-align: baseline;
	background: 0 0;
	box-sizing: border-box;
	height: 70px
}
textarea.subjectTxtArea:focus {
	background: rgba(35, 87, 98, .5)
}
input.inputField:-webkit-autofill, input.inputField:-webkit-autofill:active, input.inputField:-webkit-autofill:focus, input.inputField:-webkit-autofill:hover, select.custom-select:-webkit-autofill, select.custom-select:-webkit-autofill:active, select.custom-select:-webkit-autofill:disabled, select.custom-select:-webkit-autofill:focus, select.custom-select:-webkit-autofill:hover {
	border-bottom: 2px solid #c8ccd4;
	-webkit-text-fill-color: #ffffff;
	-webkit-box-shadow: 0 0 0 1000px #1d3650 inset;
	transition: background-color 5000s ease-in-out
}
.mobileNumberHolder span#prefix {
	top: 1.1rem;
	left: .3rem;
	color: #d3d7de
}
.mobileNumberHolder input::placeholder {
	text-align: left;
	font-weight: 700;
	padding: 14px 0 0 2px!important;
	color: #888
}
.mobileNum {
	padding: 14px 6px 0 33px!important
}
.hint {
	color: #d66565;
	font-size: .85em;
	text-align: center;
	padding: 0;
	line-height: 1.15em
}
.input-birth option, select.custom-select option {
	color: #000;
	border: none
}
a.custom-green-btn {
	display: table!important;
	max-width: inherit!important;
	color: #fff;
	background-color: #F0CC54;
	border: 1px solid #F0CC54;
	box-shadow: 0 0 20px 0 rgb(71 214 78 / 50%);
	border-radius: 55px!important;
	padding: .5rem!important;
	font-size: 1em;
	margin: 0 auto;
	text-decoration: none;
	width: auto!important;
	min-width: 8rem;
    font-weight: 700;
    text-align: center;
}
.warning-text {
	color: #e75858
}
.chosen-single.chosen-default {
	background: 0 0;
	color: #fff!important;
	border-radius: 0;
	margin: 0 auto;
	border: 0!important;
	border-bottom: 2px solid #c8ccd4!important
}
.chosen-single.chosen-default:focus, .chosen-single.chosen-default:hover {
	background: 0 0;
	color: #F0CC54!important;
	outline: 0!important
}
.alertify .ajs-body .ajs-content .inputField, .chosen-drop .chosen-results, .sidenav2 select option {
	color: #000!important
}
.chosen-single.chosen-default:-webkit-autofill, .chosen-single.chosen-default:-webkit-autofill:active, .chosen-single.chosen-default:-webkit-autofill:disabled, .chosen-single.chosen-default:-webkit-autofill:focus, .chosen-single.chosen-default:-webkit-autofill:hover {
	border-bottom: 2px solid #c8ccd4;
	-webkit-text-fill-color: #ffffff;
	-webkit-box-shadow: 0 0 0 1000px #1d3650 inset;
	transition: background-color 5000s ease-in-out
}
.chosen-container-single .chosen-single {
	background-color: transparent;
	color: #fff!important;
	outline: 0!important;
	border: 0!important;
	border-bottom: 2px solid #c8ccd4!important;
	border-radius: 0
}
.custom-leader-board, .profileTitel-w-80 {
	width: 80%;
	max-width: inherit
}
.profileTitel-w-60 {
	width: 60%;
	max-width: inherit
}
.custom-payment-title, .profileTitel-w-90 {
	width: 90%;
	max-width: inherit
}
.mobile-paymentWay {
	background: #f0f0f0
}
.cancel-btn, .closeBtn, .mobilePaymentTheme .BuyBtn {
	background-color: #F0CC54!important;
	border: 1px solid #F0CC54!important;
	box-shadow: 0 0 20px 0 rgb(240 204 84 / 50%)
}
.container .spinToWinInner, .footer {
	text-align: center;
	background-color: transparent;
	direction: rtl
}
.profileTitel-w-70 {
	width: 70%;
	max-width: inherit
}
.custom-input .input-terms input[type=checkbox]:checked + label, .mobilePaymentTheme .paymentOption input[type=radio]:checked + label {
	background: url(../images/checkGreen.png) right center no-repeat;
	color: #fff
}
.genderInputs .input-gender, .prize-container button.form-btn {
	max-width: inherit
}
#spinArea .clickable {
	cursor: pointer
}
#spinArea .power_controls img {
	display: block;
	margin: 5% auto;
	width: 50%;
	max-width: 150px
}
#spinArea .wheel_back {
	display: block;
	margin: 0 auto;
	position: relative
}
#spinArea .wheel_back img {
	display: block;
	margin: 0 auto;
	width: 10%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}
.container .spinToWinInner {
	display: block;
	padding: 10px;
	margin: 0;
	line-height: 1.75em;
	font-size: 1.5em;
	color: #fff;
	white-space: nowrap
}
.container .spinToWinInner span, .footer span {
	color: #F0CC54;
	font-weight: 700
}
.footer {
	font-size: .8em;
	line-height: 2em;
	width: 90%;
	margin: 0 auto
}
.text-yallow {
	color: #F0CC54!important
}
.centerPopUp {
	color: #111
}
.boxQuestion {
	background: 0 0
}
.boxQuestion .sv_again_btn {
	background-color: #F0CC54!important;
	border: 1px solid #F0CC54!important;
	box-shadow: 0 0 20px 0 rgb(71 214 78 / 50%)!important;
	display: inline-block;
	padding: 0;
	height: 40px;
	color: #fff!important;
	margin: 0 auto;
	cursor: pointer;
	outline: 0;
	font-size: 1.2em;
	border-radius: 20px;
	font-weight: 700;
	width: 150px
}
.canvasContainer {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 35%
}
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none
}
.custom-select:disabled {
	color: #c8ccd4;
	background-color: transparent
}
.text-white {
	color: #ddd!important
}
.mobilePaymentTheme .paymentOption input[type=radio] + label {
	color: #ccc
}
.mobilePaymentTheme {
	background: #2A2A2A;
	border: none!important
}
.ms-options-wrap > button, .ms-options-wrap > button:focus {
	width: 100%;
	margin: 0 2.3% 0 0;
	text-align: right;
	text-align-last: right;
	padding: .36rem 2rem .36rem 1.5rem;
	color: #c8ccd4;
	border-top: none!important;
	border-right: none!important;
	border-left: none!important;
	border-bottom: 2px solid #c8ccd4;
	outline: 0;
	font-weight: 700;
	cursor: pointer;
	background: url(../images/images/-_arrow-down.svg) left 3px center/20px 20px no-repeat, url(../images/profileIcons/interest.svg) right 0 center/30px no-repeat;
	direction: rtl;
	white-space: nowrap;
	border-radius: 0
}
.birthIcon, .genderLabel .genderIcon, .input-birth, .sidenav2 select {
	background-color: transparent
}
.ms-options-wrap > .ms-options > ul input[type=checkbox] {
	background: url(../images/profileIcons/no-correctGoWin.png) right center no-repeat;
	color: #222
}
.ms-options-wrap > .ms-options > ul label span {
	color: #222!important
}
.ms-options-wrap > .ms-options > ul input[type=checkbox]:checked {
	background: url(../images/profileIcons/correctGoWin.png) right center no-repeat
}
.mailIcon, .nameIcon {
	background-position: left!important;
	background-repeat: no-repeat!important;
	background-size: 30px 30px!important;
	padding: 6px 0 6px 29px!important
}
.mailIcon {
	background-image: url(../images/profileIcons/emial.svg)!important
}
.nameIcon {
	background-image: url(../images/profileIcons/name.svg)!important
}
.custom-profile {
	max-width: inherit!important;
	width: 94%!important
}
.genderLabel .genderIcon {
	width: 96%;
	float: left;
	border-radius: 0;
	color: #c8ccd4;
	border: 0
}
.genderInputs {
	display: flex;
	flex-direction: row
}
.input-gender:first-child {
	margin: 0 5% 0 4%!important
}
.input-gender input[type=radio] + label {
	color: #ddd;
	border: 1px solid #c8ccd4
}
.input-gender input:checked + label:before, .input-gender input[type=radio]:checked + label {
	border: 1px solid #F0CC54;
	background-color: #F0CC54;
	color: #000
}
.genderIcon {
	background-image: url(../images/profileIcons/gender.svg)
}
.birthIcon {
	background-image: url(../images/profileIcons/calender.svg);
	border-radius: 0;
	color: #c8ccd4!important;
	border: 0;
	width: 34%;
	padding: 6px 32px 6px 0
}
.birthIcon::placeholder {
	color: #c8ccd4
}
.input-birth {
	margin: 0;
	color: #ddd;
	font-size: 1em;
	padding: .36rem .4rem;
	width: 22%
}
.input-birth:last-child {
	margin: 0 0 0 3%!important
}
.input-birth:nth-of-type(2) {
	margin: 0 .5rem!important
}
#privacyContainer .thankMsg {
	width: 50%;
	font-size: 2em;
	margin: 0 auto;
	padding: 30px 0 0
}
#privacyContainer .termsText {
	display: block;
	width: 92%;
	font-size: 1em;
	direction: rtl;
	margin: 0 auto;
	padding: 2% 0;
	font-weight: 400
}
#privacyContainer ol {
	margin: 10px 0
}
.bannerContainer {
	display: block;
	margin: 0;
	padding: 0;
	border: 0
}
.table-container-w-60, .table-container-w-80 {
	width: 80%;
	display: block;
	padding: 1rem;
	background: #1d3147!important;
	margin: 0 auto!important
}
.bannerContainer img {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0
}
.custom-input .input-terms {
	width: 100%!important;
	max-width: 230px;
	margin: 0 auto
}
.custom-input .input-terms input[type=checkbox] + label {
	color: #ccc!important
}
.table-container-w-80 {
	border-radius: 30px;
	border: 1px solid #F0CC54
}
.table-container-w-60 {
	max-width: 1000px;
	border-radius: 30px;
	border: 1px solid #F0CC54
}
.winner-img-video, .winner-video, .winner-video img {
	margin: 0 auto;
	padding: 0;
	display: block
}
.winner-video {
	cursor: pointer;
	text-decoration: none!important;
	outline: 0;
	width: 50%
}
.winner-video img {
	width: 100%
}
.winner-video span {
	display: block;
	margin: 2rem auto 4rem;
	padding: 0;
	width: 100%;
	color: #ddd;
	font-size: 1em;
	text-align: center
}
.table-container.tabel-custom-w {
	width: 90%!important
}
.winner-img-video {
	width: 90%;
	max-width: 300px
}
.custom-Eg a {
	border: none!important;
	padding: 0!important
}
#overlayLoading {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transition: 1s .4s
}
#progressLoading {
	height: 1px;
	background: #7f8993;
	position: absolute;
	width: 0;
	top: 50%
}
#progstatLoading {
	font-family: Tajawal, sans-serif!important;
	font-size: 1em;
	letter-spacing: 3px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	width: 100%;
	text-align: center;
	color: #7f8993
}
.sidenav2 select {
	border: 0!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: 0!important;
	padding: 0 50px 0 20px!important;
	background-image: url(../images/images/-_arrow-down.svg), url(../images/images/globe.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
	background-size: 20px, 28px;
	margin: 0 auto;
	color: #fff;
	font-size: 1em
}
#archivedUserPointsTableContainer {
	overflow-x: auto;
	direction: rtl;
	margin: 0 auto
}
.winner-video video {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 96%!important
}
.gap-custom {
	flex-direction: row-reverse!important
}
.disclaimer {
	font-size: 11px;
	line-height: 16px;
	direction: rtl;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	clear: both;
	overflow: hidden
}
.custom-dir {
	text-align: right
}
.competitions-sections .competitions-gift {
	display: flex;
	justify-content: center;
	align-items: center
}
.alertify .ajs-body .ajs-content .mobileNumberHolder span#prefix {
	color: #555!important
}
.alertify .ajs-body .ajs-content .mobileNumberHolder input::placeholder {
	color: #999
}
input#display_name[type=text], input#fullname[type=text], input.inputField[type=password] {
	text-align: right!important;
	padding: 17px 0 0
}
textarea#subjectTxtArea {
	text-align: right!important
}
.text-gray {
	color: #848c96!important
}
.competitions-details_new {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	margin: 0 0 .5rem
}
.competitions-details_new .competitions-time {
	text-align: center;
	font-size: 1em
}
.competition-cell-content .competition-cell_info {
	position: absolute;
	z-index: 1;
	top: 3%;
	right: 10px;
	border: 0;
	display: table;
	width: auto;
	padding: 0;
}
.competition-cell-redirect {
	display: block;
	position: relative;
	z-index: 0
}
.ajs-resizable .ajs-dialog {
	max-width: 1200px!important
}
.alertify .ajs-reset, .alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle, .hidden {
	display: none!important
}
.alertify.ajs-resizable .ajs-body {
	display: block
}
.alertify.ajs-resizable .ajs-body .ajs-content {
	position: relative;
	top: inherit;
	bottom: inherit;
	overflow: hidden;
	right: 0;
	left: 0;
	margin: 0 auto
}
.alertify.ajs-resizable .prize-container {
	width: 100%;
	margin-bottom: inherit;
	padding: 30px 0!important
}
.alertify.ajs-resizable .ajs-dialog {
	border-radius: 30px
}
.alertify.ajs-maximizable.ajs-no-padding .ajs-dialog {
	max-width: 700px!important
}
.alertify.ajs-maximizable.ajs-no-padding .ajs-body {
	display: inline-block!important
}
.alertify.ajs-maximizable.ajs-no-padding.ajs-frameless .ajs-body .ajs-content {
	position: absolute!important;
	top: 0!important;
	bottom: 0!important
}
#installContainer {
	display: table;
	position: fixed;
	bottom: 15px;
	right: 0;
	justify-content: center;
	z-index: 9
}
#installContainer button {
	display: block;
	width: 100%;
	text-align: center;
	background-color: #F0CC54;
	border: 0;
	color: #000;
	font-size: 1em;
	padding: 10px;
	outline: 0
}
.tPay-text {
	font-size: 1.2em;
	direction: rtl;
	width: 90%;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	font-weight: 700
}
.competition-cell-content img.circle-info-icon{
    display: block;
    padding: 0;
    width: 35px;
    border: 0;
    aspect-ratio: auto 1/1;
    height: auto;
}
@media (max-width:1140px) {
	#privacyContainer {
		width: 90%;
		overflow: auto
	}
}
@media (max-width:660px) {
	#privacyContainer .thankMsg {
		width: 60%;
		font-size: 1.5em
	}
	#privacyContainer .termsText {
		font-size: .9em
	}
}
@media (max-width:555px) {
	#prefix {
		top: 1.1rem!important
	}
}
@media (max-width:530px) {
	#privacyContainer .thankMsg {
		width: 70%
	}
	.competition-cell {
		padding: 1% .5rem
	}
	.competition-cell-content {
		width: 96%
	}
	.buy-tickets-icon {
		width: 85px
	}
	.competitions .flickity-page-dots {
		bottom: -26px!important
	}
	.loginLinks > a {
		font-size: .85em!important
	}
	.form-btn {
		font-size: .9em!important
	}
}
@media (max-width:450px) {
	#privacyContainer .thankMsg {
		width: 80%
	}
	.competitions .flickity-page-dots {
		bottom: -23px!important
	}
}
@media (max-width:991px) {
	.canvasContainer {
		padding-top: 70%
	}
}
@media(max-width:768px) {
	.competition-cell {
		width: 50%;
		padding: 1% 10px
	}
	.competition-cell-content span, .competitions-details, .competitions-details_new .competitions-time, a.custom-green-btn {
		font-size: .85em
	}
	.gallery {
		width: 100%
	}
	.custom-box, .profileTitel {
		width: 88%
	}
	.Label {
		max-width: 250px
	}
	.winner-video span, input.inputField, span.LabelTitle {
		font-size: .9em
	}
	.mobileNum {
		padding: 11px 6px 0 33px!important
	}
	.loginLinks > a {
		font-size: .95em
	}
	.custom-leader-board, .profileTitel-w-80 {
		width: 90%;
		padding-right: 0
	}
	.prize-instructions {
		width: 100%;
		height: auto
	}
	.form-btn.w-50 {
		width: 80%!important
	}
	.spinToWinInner {
		font-size: .8em
	}
	.footer {
		font-size: .6em
	}
	.boxQuestion .sv_again_btn {
		width: 120px;
		font-size: .95em
	}
	.canvasContainer {
		padding-top: 126%
	}
	.genderLabel .genderIcon, .input-birth, .input-gender input[type=radio] + label, .ms-options-wrap > button, .ms-options-wrap > button:focus, .profileField {
		font-size: .9em!important
	}
	.input-birth:last-child {
		margin: 0 0 0 2%!important
	}
	.birthIcon {
		width: 40%
	}
	.input-birth {
		padding: .36rem .2rem;
		width: 20%
	}
	.input-birth:nth-of-type(2) {
		margin: 0 .25rem!important
	}
	.competitions-sections .competitions-title {
		font-size: 1.35em
	}
	.competitions-sections .competitions-gift {
		font-size: 1.25em
	}
	.competitions .flickity-page-dots {
		display: inherit;
		bottom: -24px
	}
	.competitions-container {
		padding: 15px 2% 40px
	}
	.competitions {
		display: block;
		justify-content: inherit;
		align-items: inherit
	}
	.buy-tickets-icon {
		width: 90px
	}
	.competitions-details_new span.competitions-time span {
		display: block!important
	}
	#installContainer {
		bottom: 70px
	}
	#installContainer button {
		font-size: .8em;
		padding: 8px 16px
	}
	.spinToWin {
		font-size: 1em
	}
	.ajs-resizable .ajs-dialog {
		max-width: 100%!important
	}
	.alertify.ajs-maximizable.ajs-no-padding .ajs-dialog {
		max-width: 700px!important
	}
	.ajs-resizable .prize-instructions > li {
		width: 94%
	}
}
@media(max-width:390px) {
	.login-li {
		padding-left: 2px
	}
	.login-li a:first-child {
		margin-right: 10px
	}
	.headerLogged, .headerNotLogged {
		height: 6.3em
	}
	.login-li a {
		padding: 0 .3rem;
		font-size: .75em
	}
}
@media(max-width:300px) {
	.login-li {
		display: block;
		line-height: 25px
	}
	.login-li a {
		text-align: right;
		font-size: 13px;
		width: 85px
	}
	.login-li a:first-child {
		margin-right: 0
	}
}
@media(max-width:400px) {
	.faceebook-btn {
		width: 140px!important
	}
	.faceebook-btn2 {
		width: 200px!important
	}
	.competitions-details .competitions-time {
		margin: 0 10px 0 0
	}
	.competitions-details .competitions-winners {
		padding: 0 0 5px;
		margin: 0 0 0 10px
	}
	.competitions-container {
		margin: 15px auto 0;
		padding: .9em 2% 35px
	}
	.competitions .flickity-page-dots {
		bottom: -25px
	}
	.competitions-sections {
		padding: 0 8px;
		margin: 1.8em auto 0
	}
	.competitions-sections .competitions-title {
		font-size: 1.25em
	}
	.competitions-sections .competitions-gift {
		font-size: 1.1em
	}
}
@media (max-width:480px) {
	.fawri-header, .prize-instructions li {
		margin: 0 auto
	}
	.label, .msg-input {
		position: absolute
	}
	.user-credit-container {
		width: auto;
		text-align: center
	}
	.user-header-info-container {
		padding-left: 10px
	}
	.top-credit-text {
		font-size: 11px
	}
	.bottom-credit-text {
		font-size: 9px
	}
	.user-img {
		width: 49px
	}
	.prize-p {
		font-size: 12px
	}
	.prize-img-container, .prize-instructions {
		width: 100%;
		height: auto
	}
	.payment-form, .prize-img-container > button, .result-container {
		width: 80%
	}
	.buy-tickets-icon {
		width: 75px
	}
	.payment-boxes-container > div {
		float: none;
		display: block;
		width: 270px;
		margin: 2em auto
	}
	.fawri-payment-box {
		width: 270px
	}
	.fawri-header {
		width: 80%
	}
	.input-field, .question-container > input[type=button], .question > input[type=button] {
		width: 100%
	}
	.prizeName, .questionNum {
		font-size: 13px;
		margin: 0 auto
	}
	.prizeImg {
		width: 70px;
		height: 70px
	}
	.btn-result {
		width: 200px
	}
	.top-section-in-question-page {
		width: 90%
	}
	.questionImg {
		margin-top: -5em
	}
	.question-container {
		width: 100%;
		padding-bottom: 3em
	}
	.cp-container {
		margin-top: -10.5em
	}
	.qMedia {
		top: -5em
	}
	.my-table {
		width: 100%;
		margin: 0 auto;
		overflow-x: auto;
		white-space: nowrap
	}
	::-webkit-scrollbar {
		width: 5px;
		height: 5px
	}
	::-webkit-scrollbar-track {
		background: #f1f1f1
	}
	::-webkit-scrollbar-thumb {
		background: #888
	}
	::-webkit-scrollbar-thumb:hover {
		background: #555
	}
	.msg-input {
		padding: 0;
		width: 75%;
		font-size: 10px;
		color: #7a95ac;
		font-weight: 300;
		text-align: left;
		display: inline-block;
		margin-top: -4em
	}
	.input-field > input {
		width: 91.5%;
		border: 1px solid #aebccd;
		outline: 0;
		margin-top: 2em;
		direction: ltr;
		padding: 10px
	}
	.form-container {
		width: 75%;
		margin: 0 auto 7em
	}
	.input-container {
		width: 100%;
		direction: rtl;
		margin: 0 auto 2.5em
	}
	.label {
		width: 100%;
		display: block;
		color: #697d8c;
		font-size: 12px;
		margin-right: -2em
	}
	.hint {
		font-size: .75em;
		line-height: 1.1em
	}
	.competitions-container {
		padding: 15px 2% 35px
	}
	.competitions .flickity-page-dots {
		bottom: -20px
	}
/*
	.competition-cell-content .competition-cell_info {
		font-size: 1.5em
	}
*/
	.competition-cell-content img.circle-info-icon {
		width: 25px;
	}
}
@media (max-width:1024px) and (min-width:769px) {
	.prize-img-container > img {
		width: 85%;
		margin: 1em auto 0;
		display: block
	}
	.prize-container {
		padding: 25px
	}
	.prize-instructions > li {
		width: 100%;
		font-size: 13px
	}
	.payment-boxes-container {
		width: 100%
	}
	.payment-boxes-container > div {
		width: 350px
	}
	.form-container {
		width: 63%
	}
}
@media(max-width:1115px) and (min-width:1025px) {
	.form-container {
		width: 60%;
		margin: -1em auto 7em
	}
}
@media (max-width:1000px) and (min-width:769px) {
	.top-section-in-question-page {
		width: 90%;
		font-size: 12px
	}
	.prizeImg {
		width: 80px
	}
}
@media(min-width:150px) and (max-width:300px) {
	.logo {
		width: 70px
	}
}
@media (max-width:360px) {
	.boxQuestion .sv_again_btn {
		width: 90px
	}
	.canvasContainer {
		padding-top: 120%
	}
	.genderLabel .genderIcon, .input-birth, .input-gender input[type=radio] + label, .ms-options-wrap > button, .ms-options-wrap > button:focus, .profileField {
		font-size: .8em!important
	}
	.input-birth:nth-of-type(2) {
		margin: 0 .15rem!important
	}
	.birthIcon {
		width: 43%
	}
	.input-birth {
		padding: .36rem .1rem;
		width: 19%
	}
	.buy-tickets-icon {
		width: 65px
	}
	.competitions-sections .competitions-title {
		font-size: 1.05em
	}
	.competitions-sections .competitions-gift {
		font-size: .95em
	}
}
@media (max-width:320px) {
	.logo {
		width: 65px;
		float: right
	}
	.spinToWinInner {
		font-size: .65em
	}
	.footer {
		font-size: .5em
	}
}