@charset "utf-8";
body{
	text-transform: none!important;
}

.congrats_bg {
width: 100vw;
height: 100vh;
background-color: #ed1c24 !important;
}

.finished_bg {
width: 100vw;
height: auto;
background-color: #ffffff !important;
}

.finished_bg .back_btn {
position: absolute;
}

.carousel_banner img {
width: 90vw !important;
max-height: 87vw;
min-height: 30vw;
border-radius: 15px;
margin-inline: auto;
}

.finished_bg .back_btn img {
width: 35px;
height: auto;
margin-top: -3px;
margin-left: 8px;
}

.language_bg {
height: auto;
background-color: #000000 !important;
}

.faq_bg {
width: 100vw;
height: auto;
}

.cashwallet_bg {
width: 100vw;
height: auto;
background-color: #f1f1f1 !important;
}

.congrats_header {
font-family: 'Roboto-Bold';
color: #1d1d1d;
font-size: 2rem;
text-transform: capitalize;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
}

@keyframes mymove {
from {
top: 40px;
opacity: 0;
}

to {
top: 0px;
opacity: 1
}
}

@-webkit-keyframes mymove

/* Safari and Chrome */
{
from {
top: 40px;
opacity: 0;
}

to {
top: 0px;
opacity: 1;
}
}


@keyframes zoomin {
0% {
transform: scale(.6);
opacity: 0%;
}

100% {
transform: scale(2);
opacity: 80%;
}
}



.blur {
width: 100%;
height: 305%;
-webkit-filter: blur(10px);
filter: blur(10px);
margin-left: 0;
margin-top: -15%;
}

/*Register style starts*/

.register_pop_heading {
color: #1d1d1d;
font-size: 5vw;
text-decoration: none;
font-family: 'Ethnocentric Rg';
text-align: center;
width: 100%;
font-weight: bold;
}

.register_pop_subheading {
color: #1d1d1d;
font-size: 4.5vw;
text-decoration: none;
font-family: 'Roboto-Medium';
text-align: center;
width: 80%;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}

.warning_head {
color: #1d1d1d;
font-size: 6vw;
text-decoration: none;
font-family: 'Roboto-Medium';
text-align: center;
width: 85%;
margin-left: auto;
margin-right: auto;
margin-top: 4vh;
line-height: 25px;
}

.txt_wrap {
width: 100%;
text-align: center;
}

.register_txt {
width: 70%;
font-size: 5.5vw;
text-decoration: none;
font-family: 'Roboto-Heavy';
text-align: left;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #ccc;
height: 40px;
}

.register_txt.error {
color: #ed1c24;
border-bottom: 1px solid #ed1c24 !important;
}

input::placeholder {
color: #1d1d1d;
font-family: 'Roboto-Regular';
font-size: 12px;
text-transform: none;
}

.register_otptxt {
font-size: 2.5vw;
color: #1d1d1d;
width: 70%;
text-align: left;
font-family: 'Roboto-Regular';
margin-left: auto;
margin-right: auto;
}

.register_otptxt strong {
color: #ed1c24;
width: 100%;
text-align: center;
font-family: 'Roboto-Regular';
}

.register_tc {
font-size: 3.5vw;
color: #1d1d1d;
width: 100%;
text-align: center;
font-family: 'Roboto-Regular';
margin-top: 20px;

}

.register_tc a {
font-size: 3.5vw;
color: #ed1c24;
font-family: 'Roboto-Medium';
display: inline;
text-transform: capitalize;
text-decoration: none;
}

.register_txt_tick {

background-image:
url(../image/register_tick.png);
background-position:
right,
/* this positions the first image */
left;
/* this positions the second image */
background-repeat:
no-repeat;
/* this applies to both images */
}

.register_txt_load {
background-image: url(../image/register_load.gif);
background-position: right;
background-repeat: no-repeat;
background-size: 20px 20px;
}

.share_ic {
width: 33.3%;
float: left;
text-align: center;
}

.share_ic img {
width: 50px;
height: auto;
}

/*Register style ends*/
/*Question style starts*/
.question_header_wrap {
width: 100%;
height: 60px;
margin-left: auto;
margin-right: auto;
background-color: transperant;
padding-top: 10px;
margin-bottom: 4.5vh;
}



.question_header_wrap .red_bck_btn {
float: left;
margin-top: 18px;
margin-left: 8px;
width: 10%;
}

.question_header_wrap .red_bck_btn img {
width: 25px;
height: auto;
}

.question_header_wrap .btn_table {
float: left;
width: 87%;
}

.header_btn_wrap {
width: 100px;
text-align: center;
margin-top: 7px;
margin-left: auto;
margin-right: auto;
}

.header_btn_wrap .btn_txt {
color: #efefef;
font-family: 'Roboto-Medium';
font-size: 0.7rem;
margin-left: auto;
margin-right: auto;
text-transform: none;
opacity: 0.7;
margin-bottom: 3px;
}

.digital {
font-family: 'Digital-7' !important;
font-weight: bolder;
font-size: 18px !important;
line-height: 18px;
}

.header_btn_wrap .btn_header {
border-radius: 100px;
padding: 3px 3px;
color: #1d1d1d;
text-decoration: none;
font-size: 15px;
width: 50px;
font-family: 'Roboto-Bold';
margin-left: auto;
margin-right: auto;
background: #87030c;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #c6c6c6 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%, #c6c6c6 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%, #c6c6c6 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c6c6c6', GradientType=0);
/* IE6-9 */
}

.orange_border_btn {
border: 2px solid #ff6600 !important;
}

.green_border_btn {
border: 2px solid #17c00a !important;
}

.grey_border_btn {
border: 2px solid #cccccc !important;
}

.blue_border_btn {
border: 2px solid #3399ff !important;
}

.question_outer_wrap {
width: 100%;
height: 65vh;
background: rgba(124, 0, 6, 1);
background: -moz-linear-gradient(top, rgba(124, 0, 6, 1) 0%, rgba(145, 0, 2, 1) 28%, rgba(191, 3, 0, 1) 48%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124, 0, 6, 1)), color-stop(28%, rgba(145, 0, 2, 1)), color-stop(48%, rgba(191, 3, 0, 1)), color-stop(95%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top, rgba(124, 0, 6, 1) 0%, rgba(145, 0, 2, 1) 28%, rgba(191, 3, 0, 1) 48%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(124, 0, 6, 1) 0%, rgba(145, 0, 2, 1) 28%, rgba(191, 3, 0, 1) 48%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(124, 0, 6, 1) 0%, rgba(145, 0, 2, 1) 28%, rgba(191, 3, 0, 1) 48%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(124, 0, 6, 1) 0%, rgba(145, 0, 2, 1) 28%, rgba(191, 3, 0, 1) 48%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c0006', endColorstr='#ffffff', GradientType=0);

/*	padding-top: 5vh;*/

}

.question_outer_wrap.small_wrap {
height: 24vh !important;


}

.question_outer_wrap.nobg {
background-color: transparent !important;
background: none;
}

.question_outer_wrap .picture_bg {
position: absolute;
z-index: -1;
width: 100%;
overflow: hidden;

}

.question_outer_wrap .picture_bg img {
width: 120%;
-webkit-filter: blur(20px);
filter: blur(20px);
margin-top: -15%;
margin-left: -10%;
}

.question_outer_wrap .audio_wrap {
width: 90%;
height: 30vh;
background-color: transparent;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.question_outer_wrap .audio_wrap img {
width: 47vw;
height: auto;
}

.question_outer_wrap .picture_wrap {
width: 100%;
height: auto;
background-color: transparent;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.question_outer_wrap .picture_wrap img {
width: auto;
height: 56vw;
}

.audio_question {
color: #f4f4f4;
font-size: 24px;
text-decoration: none;
font-family: 'Poppins-Bold';
text-align: center;
width: 90%;
font-weight: bold;
margin-left: auto;
margin-right: auto;
line-height: 2rem;
height: 20vw;
}

.question_outer_wrap .video_wrap {
width: 100%;
height: auto;
background-color: transparent;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.portrait_screen_video video {
width: 100%;
height: auto;
}

.video_play_pause {
position: absolute;
margin-top: 10%;
width: 100%;
text-align: center;
z-index: 2;
}

.video_play_pause img {
width: 50px;
height: 50px;
}

.question_outer_wrap .question_wrap {
width: 90%;
height: 30vh;
background-color: #ed1c24;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
border: 1px solid rgba(255, 255, 255, 0.5);
background: #bc0711;
/* Old browsers */
background: -moz-linear-gradient(top, #de0a16 0%, #bc0711 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #de0a16 0%, #bc0711 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #de0a16 0%, #bc0711 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-bottom: 2px solid #efefef;


}


.question_outer_wrap .question_wrap2 {
width: 90%;
height: 17vh;
background-color: #ed1c24;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
border: 1px solid rgba(255, 255, 255, 0.5);
background: #bc0711;
/* Old browsers */
background: -moz-linear-gradient(top, #de0a16 0%, #bc0711 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #de0a16 0%, #bc0711 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #de0a16 0%, #bc0711 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-bottom: 2px solid #efefef;


}



.effect2 {
position: relative;
}

.effect2:before,
.effect2:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width: 300px;
background: #999;
-webkit-box-shadow: 0 15px 7px #999;
-moz-box-shadow: 0 15px 7px #999;
box-shadow: 0 15px 7px #999;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}

.effect2:after {
-webkit-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-o-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
right: 10px;
left: auto;
}


.question_outer_wrap .question_space {
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 15px;

width: 80%;
height: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 4vw;
}

.question_outer_wrap .question_space1 {
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 1.8rem;

width: 80%;
height: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 5vh;
}

.answer_wrap {
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
word-break: break-word;
}

.answer_wrap .answer_box {
width: 100px;
height: 100px;
border-radius: 7px;
word-break: break-word;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 12px;
text-transform: none;
background: #2b2b2b;
/* Old browsers */
background: -moz-linear-gradient(top, #989898 0%, #2b2b2b 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #989898 0%, #2b2b2b 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #989898 0%, #2b2b2b 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#2b2b2b', GradientType=0);
/* IE6-9 */
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}

.answer_wrap .answer_box img {
width: 100px;
height: 100px;
border-radius: 5px;
}

.answer_wrap_3 {
width: 310px;
margin-left: auto;
margin-right: auto;
text-align: center;
word-break: break-word;
}

.answer_wrap_3 .answer_box_3 {
width: 90px;
height: 90px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 12px;
text-transform: none;
background: #2b2b2b;
/* Old browsers */
background: -moz-linear-gradient(top, #989898 0%, #2b2b2b 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #989898 0%, #2b2b2b 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #989898 0%, #2b2b2b 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#2b2b2b', GradientType=0);
/* IE6-9 */
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}

.answer_wrap_3 .answer_box_3 img {
width: 90px;
height: 90px;
border-radius: 5px;
}

.answer_wrap_3 .wrong_ans {
width: 90px;
height: 90px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 1rem;
text-transform: none;
background: #9a0000;
/* Old browsers */
background: -moz-linear-gradient(top, #de0a16 0%, #9a0000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #de0a16 0%, #9a0000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #de0a16 0%, #9a0000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}

.answer_wrap_3 .correct_ans {
width: 90px;
height: 90px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 1rem;
text-transform: none;
background: #137a04;
/* Old browsers */
background: -moz-linear-gradient(top, #02a703 0%, #137a04 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #02a703 0%, #137a04 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #02a703 0%, #137a04 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}


.answer_wrap .wrong_ans {
width: 100px;
height: 100px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 1rem;
text-transform: none;
background: #9a0000;
/* Old browsers */
background: -moz-linear-gradient(top, #de0a16 0%, #9a0000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #de0a16 0%, #9a0000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #de0a16 0%, #9a0000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}

.answer_wrap .correct_ans {
width: 100px;
height: 100px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 1rem;
text-transform: none;
background: #137a04;
/* Old browsers */
background: -moz-linear-gradient(top, #02a703 0%, #137a04 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #02a703 0%, #137a04 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #02a703 0%, #137a04 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}

.green_color {
color: #17c00a !important;
}

/*Question style ends*/

/*Congrats style starts*/

.congrats_btn_wrap {
width: 90vw;
height: 50px;
margin-left: auto;
margin-right: auto;
}

.congrats_btn_wrap .btn_left {
width: 47%;
float: left;
text-align: right;
}

.congrats_btn_wrap .btn_right {
width: 47%;
float: right;
text-align: left;
}

.congrats_btn_wrap .btn_center {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.congrats_btn {
border-radius: 50px;
padding: 10px 30px 10px 30px;
color: #1d1d1d;
text-decoration: none;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Bold';
display: inline;
background-color: #fff;
text-transform: capitalize;
line-height: 15px;
}

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

.congrats_subheading {
font-size: 4vw;
font-family: 'Roboto-Heavy';
color: #FFFFFF;
text-align: left;
width: 70%;
float: left;
font-weight: bolder;
margin-left: 20px;
}

/*Congrats style ends*/
/*Language style starts*/
.language_page {
height: 50px;
width: 100%;
}

.language_page .back_btn {
float: left;
}

.language_page .header_txt {
text-align: left;
color: #1d1d1d;
font-family: 'Roboto-Medium';
font-weight: bold;
font-size: 5.5vw;
width: auto;
padding-top: 15px;
position: relative;
margin-left: 50px;
}

.language_page .back_btn {
text-align: center;
width: 50px;
height: 50px;
position: absolute;
padding-top: 0px;
padding-left: 0px;
z-index: 1;
}

.language_page .back_btn img {
width: 25px;
height: auto;
margin-top: 15px;
}

.tc_page_msg {
width: 90%;
margin-left: auto;
margin-right: auto;
}

.tc_page_msg p {
font-family: 'Roboto-Regular';
color: #1d1d1d;
font-size: 4.0vw;
line-height: 20px;
margin: 0px 0px 15px 0px;
}

/*Language style ends*/
/*Activity style starts*/
.activity_page {
height: 50px;
width: 100%;
}


.activity_page .header_txt {
text-align: left;
color: #1d1d1d;
font-family: 'Roboto-Medium';
font-weight: bold;
font-size: 5.5vw;
width: auto;
padding-top: 15px;
margin-left: 20px;
float: left !important;
}

.activity_page .notication_select {
float: right;
margin-right: 20px;
}

.activity_card {
min-height: 100px;
width: 90%;
margin-right: auto;
margin-left: auto;
background-color: #fff;
border-radius: 7px;
margin-bottom: 10px;
}

.medal_ic {
float: left;
}

.medal_ic img {
width: 12px;
height: auto;
}

.set_rock_table1 table {
width: 100%;
float: left;
padding: 10px;
}

.set_rock_table1 table td {
padding: 5px 4px 4px 4px;
text-align: left;
font-family: 'Roboto-Regular';
border-bottom: none;
}


.set_rock_table1 table td .txt1 {
font-size: 10px;
font-family: 'Roboto-Regular';
padding-top: 0px;
color: #1d1d1d;
padding: 2px;
}

.set_rock_table1 table td .txt2 {
font-size: 16px;
font-family: 'Roboto-Bold';
padding-top: 0px;
color: #1d1d1d;
padding: 2px;
}


.set_rock_table1 table td .txt4 {
font-size: 11px;
font-family: 'Roboto-Regular';
padding-top: 0px;
color: #222;
padding: 2px;
}

.set_rock_table1 table td .txt4 div {
width: auto;
color: #777777;
float: left;
}

.set_rock_table1 table td .txt4 .border_right {
width: 1px;
border-right: 1px solid #999;
height: 15px;
margin-left: 4px;
margin-right: 4px;
}

.set_rock_table1 table td .txt4 .border_right.red {
border-right: 1px solid #ed1c24 !important;
}

.set_rock_table1 table td .txt4 div strong {
color: #1d1d1d;
font-family: 'Roboto-Bold';
font-weight: bolder;
}

.album_wrap_small1 {
width: 70px;
height: 70px;
padding: 0px;
margin: 0px;
background-color: rgba(245, 245, 245, 1);
overflow-x: hidden;
position: relative;
overflow-y: hidden;
}

.album_wrap_small1 img {
width: 70px;
height: 70px;
border-radius: 5px;
}

.act_btn_txt {
font-size: 8px;
font-family: 'Roboto-Regular';
padding-top: 5px;
color: #222;
text-align: center;
/*	margin-right: 30px;*/
width: 90px;
}

.activity_sml_heading {
font-size: 10px;
font-family: 'Roboto-Medium';
color: #1d1d1d;
}

/* .can-toggle.red {
position: relative;
margin-left: 0px;
transform: scale(.40, .40);
width: 45px;
margin-top: -17px;
margin-right: 15px;
}

.can-toggle {
position: relative;
}

.can-toggle {
position: relative;
}

.can-toggle *,
.can-toggle *:before,
.can-toggle *:after {
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.can-toggle input[type="checkbox"] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
}

.can-toggle input[type="checkbox"][disabled]~label {
pointer-events: none;
}

.can-toggle input[type="checkbox"][disabled]~label .can-toggle__switch {
opacity: 0.4;
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:before {
content: attr(data-unchecked);
left: 0;
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
content: attr(data-checked);
}

.can-toggle label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.can-toggle label .can-toggle__label-text {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 32px;
}

.can-toggle label .can-toggle__switch {
position: relative;
}

.can-toggle label .can-toggle__switch:before {
content: attr(data-checked);
position: absolute;
top: 0;
text-transform: none;
text-align: center;
}

.can-toggle label .can-toggle__switch:after {
content: attr(data-unchecked);
position: absolute;
z-index: 5;
text-transform: none;
text-align: center;
background: white;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.can-toggle input[type="checkbox"][disabled]~label {
color: rgba(119, 119, 119, 0.5);
}

.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch,
.can-toggle input[type="checkbox"]:hover~label .can-toggle__switch {
background-color: #777;
}

.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:hover~label .can-toggle__switch:after {
color: #5e5e5e;
}

.can-toggle input[type="checkbox"]:hover~label {
color: #6a6a6a;
}

.can-toggle input[type="checkbox"]:checked~label:hover {
color: #55bc49;
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch {
background-color: #70c767;
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
color: #4fb743;
}

.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch,
.can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch {
background-color: #f74650;
}

.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
color: #999;
font-weight: bold;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"][disabled]~label {
color: rgba(68, 68, 68, 0.5);
}

/* .can-toggle.demo-rebrand-2 input[type="checkbox"]:focus~label .can-toggle__switch,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover~label .can-toggle__switch {
background: #999;
} */

.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover~label .can-toggle__switch:after {
color: #1d1d1d;
font-weight: bold;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover~label {
color: #999;
font-weight: bold;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked~label:hover {
color: #fff;
}

/* .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked~label .can-toggle__switch {
background: #999;
} */
/* 
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked~label .can-toggle__switch.red {
background: #ed1c24;
} */

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked~label .can-toggle__switch:after {
color: #1d1d1d;
}

/* .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus~label .can-toggle__switch,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover~label .can-toggle__switch {
background: #ed1c24;
} */

/* .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
color: #1d1d1d;
}

.can-toggle.demo-rebrand-2 label .can-toggle__label-text {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch {
-webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
background: #999;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
color: rgba(255, 255, 255, 0.7);
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
color: #1d1d1d;
font-weight: bold;
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover~label .can-toggle__switch:after {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked~label .can-toggle__switch:after {
-webkit-transform: translate3d(58px, 0, 0);
transform: translate3d(58px, 0, 0);
}

.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {}

.can-toggle.demo-rebrand-2 label {
font-size: 13px;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch {
height: 60px;
-webkit-flex: 0 0 120px;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
border-radius: 60px;
border: 3px solid #999;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch.red {
height: 60px;
-webkit-flex: 0 0 120px;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
border-radius: 60px;
border: 3px solid #999;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
left: 55px;
top: -2px;
font-size: 18px;
line-height: 60px;
width: 57px;
padding: 0 12px;
font-weight: bold;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
top: -1px;
left: -1px;
border-radius: 30px;
width: 60px;
line-height: 56px;
font-size: 18px;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after {} */ */

/*Toggle style*/
/*Activity style ends*/

/*Faq style starts*/

.faq_content {
width: 94%;
margin-left: auto;
margin-right: auto;
font-size: 12px;
font-family: 'Roboto-Regular';
}

.faq_content strong {
font-weight: bold;
}

/** ACCORDIAN **/
/** ACCORDIAN **/
.accordian {
list-style: none;
margin: 0 0 0px;
padding: 0;
border-top: 0;
}

.faq_content_subheader {
font-family: 'Roboto-Heavy';
font-size: 1.3rem;
font-weight: bold;
color: #1d1d1d;
width: 100%;
margin-left: auto;
margin-right: auto;
text-transform: none;
}

.accordian header {
display: block;
margin: 0;
padding: 10px 15px 10px 15px;
background: #fff;
font-family: 'Roboto-Heavy';
cursor: pointer;
font-size: 1.1rem;
height: auto;
width: auto;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.accordian section {
display: none;
padding: 0px 15px 15px 15px;
background: #fff;
font-family: 'Roboto-Regular';
border-bottom: 1px solid #ddd;
font-size: 1.1em;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}

.accordian section.active {
display: block;
}

.accordian li {
margin-bottom: 10px;
}

/*Faq style ends*/
/*Profile style starts*/

.set_rock_table2 table {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border-radius: 7px;
}

.set_rock_table2 table td {
padding: 5%;
font-family: 'Roboto-Regular';
font-size: 1.4rem;
text-transform: capitalize;
color: #1d1d1d;
}

.set_rock_table2 table td.border_top {
border-top: 1px solid #e3e0e0;
}


.set_rock_table2 table td.border_bottom {
border-bottom: 1px solid #e3e0e0;
}

.set_rock_table table {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border-radius: 7px;
}

.set_rock_table table td {
padding: 5%;
font-family: 'PoppinsMedium';
font-weight: bolder;
font-size: 1.5rem;
text-transform: capitalize;
color: #000;
border-bottom: 1px solid #CCCCCC;
}

.set_rock_table table td .cash_heading {
font-family: 'Roboto-Bold';
font-size: 1.3rem;
text-transform: capitalize;
color: #1d1d1d;
}

.set_rock_table table td .cash_subheading {
font-family: 'Roboto-Regular';
font-size: 0.8rem;

color: #666;
}

.set_rock_table table td .cash_smallheading {
font-family: 'Roboto-Regular';
font-size: 0.7rem;

color: #666;
margin-top: 3PX;
}

.cash_smallheading.yellocolor {
color: #d1a438 !important;
}

.cash_smallheading.redcolor {
color: #d04e2c !important;
}

.set_rock_table table td .cash_time {
font-family: 'Roboto-Regular';
font-size: 0.9rem;

color: #666;
}

.red_color_txt {
color: #fff !important;
}

.white_color_txt {
color: #ffffff !important;
}

.ended_txt {
color: #ffffff !important;
}

.set_rock_table table td.border_top {
border-top: 1px solid #e3e0e0;
}


.set_rock_table table td .border_bottom {
border-bottom: 1px solid #e3e0e0;
}

.set_rock_table table td .noborder_bottom {
border-bottom: none;
}

.set_rock_table table td.heading {
font-size: 16px;
font-family: 'Roboto-Medium';
padding-top: 7px;
font-weight: bolder;
}

.set_rock_table table td div.heading {
font-size: 15px;
font-family: 'Roboto-Medium';
padding-top: 0px;
font-weight: bolder;
}

.profile_pg_img_wrap {
position: relative;
}


.profile_pg_img_wrap .bg_image {
width: 100%;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;

}

.profile_pg_img_wrap .bg_image img {
width: 100%;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

.profile_pg_img_wrap .leader_replay {
position: absolute;
z-index: 1;
width: 100%;
text-align: center;
color: #fff;
font-size: 1.4rem;
font-family: 'Poppins-Bold';
margin-top: 65%;
text-transform: none;
}

.profile_pg_img_wrap .heading {
float: left;
margin-left: 20px;
margin-top: 15px;
position: absolute;
z-index: 1;
color: #fff;
font-size: 2.2rem;
font-family: 'PoppinsMedium';
font-weight: bolder;
}

.profile_pg_img_wrap .profile_heading {
position: absolute;
z-index: 1;
width: 100%;
text-align: center;
color: #fff;
font-size: 1.8rem;
font-family: 'Poppins-Bold';
margin-top: 59%;
}

.profile_pg_img_wrap .profile_subheading {
position: absolute;
z-index: 1;
width: 100%;
text-align: center;
color: #fff;
font-family: 'PoppinsMedium';
font-size: 1.45rem;
margin-top: 66%;
}

.profile_pg_img_wrap .profile_img {
text-align: center;
margin-top: 0%;
overflow: hidden;
width: 120px;
height: 120px;
border-radius: 50%;
background: #3cd164;
/* Old browsers */
background: -moz-linear-gradient(45deg, #3cd164 0%, #284ff5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #3cd164 0%, #284ff5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #3cd164 0%, #284ff5 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cd164', endColorstr='#284ff5', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
margin-left: auto;
margin-right: auto;
}

.profile_pg_img_wrap .profile_img img {
border-radius: 50%;
width: 110px;
height: 110px;
margin-top: 5px;
}

.edit_column_wrap {
text-align: center;
width: 100%;
position: absolute;
z-index: 2;
margin-top: 20%;
}

.edit_column {
background-color: transparent;
border-radius: 50%;
width: 150px;
height: 150px;
margin-left: auto;
margin-right: auto;
color: #fff;
line-height: 240px;

}

/* .edit_txt {
text-align: center;
width: 100%;
position: absolute;
margin-top: 83px;
color: #fff;
line-height: 240px;
z-index: 3;
}

.edit_txt a {
color: #fff;
display: block;
text-decoration: none;
} */

.profile_btn_wrap {
width: 94vw;
height: 50px;
margin-left: auto;
margin-right: auto;
border: 1px sollid red;
}

.profile_btn_wrap .btn_left {
width: 50%;
float: right;
text-align: right;
}

.profile_btn_wrap .btn_right {
width: 50%;
float: left;
text-align: left;
}

.profile_page_btn {
border-radius: 7px;
color: #cccccc;
text-decoration: none;
font-size: .8rem;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';
font-weight: bolder;
background-color: #efefef;
text-transform: capitalize;
line-height: 18px;
width: 94%;
height: 60px;
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.profile_page_btn img {
width: 31px;
height: auto;
margin-right: 5px;
padding-top: 8px;
}

.profile_page_btn h2 {
color: #f4f4f4;
text-decoration: none;
font-size: 1.6rem;
font-family: 'PoppinsMedium';
font-weight: bolder;
}

/*Profile style ends*/
/* Share style starts*/
.share_heading {
width: 100%;
text-align: center;
color: #FFFFFF;
font-family: 'Roboto-Bold';
font-size: 1.7rem;
}

.share_main_img_wrap {
width: 100%;
text-align: center;
}

.share_main_img_wrap .share_img {
width: 100px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.share_main_img_wrap .share_img img {
width: 100px;
height: auto;
}

.share_btn_wrap {
text-align: center;
width: 100%;
color: #ed1c24;
}

.share_btn_wrap a {
color: #CCCCCC;
font-size: 1.3rem;
font-family: 'Roboto-Regular';
text-decoration: none;
}


ul.share_menu {
width: 85%;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
text-align: center;
}

li.share_menu {
color: #FFFFFF;
width: auto;
margin: 7px 2px 7px 2px;
padding: 5px 0px 5px 0px;
float: left;
text-align: center;
background-color: none;
font-weight: normal;
font-family: 'Roboto-Regular';
font-size: 14px;
line-height: 10px;
margin-left: 7px;
}

.ic_share_img img {
text-align: center;
width: 70px;
height: auto;
}

.ic_share_text {
text-align: center;
font-size: 12px;
color: #FFFFFF;
font-family: 'Roboto-Regular';
padding-top: 10px;
}

/* Share style ends*/
/* more infor style starts*/
.more_info_heading {
width: 100%;
text-align: center;
color: #FFFFFF;
font-family: 'Roboto-Bold';
font-size: 2rem;
}

.winner_card {
min-height: 100px;
width: 85%;
margin-right: auto;
margin-left: auto;
background-color: #fff;
padding: 5px;
background-image: url(../image/more_info_bg.jpg);
background-position: top;
background-repeat: no-repeat;
}

.winner_card .left_space {
width: 30%;
float: left;
}

.winner_card .right_space {
width: 65%;
float: left;
margin-left: 4%;
margin-top: 6%;
}

.winner_card .left_space1 {
width: 30%;
float: right;
text-align: right;
}

.winner_card .right_space1 {
width: 65%;
float: right;
margin-left: 4%;
margin-top: 6%;
text-align: right;
}

.winner_circle {
width: 70px;
height: 70px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
background-color: transparent;
margin-top: 10%;
border: 1px solid rgba(200, 200, 200, 0.2);
/*Changes 8 Jan 2019 */
}

.winner_circle img {
width: 80px;
height: 80px;
border-radius: 50%;
}

.winner_txt1 {
color: #1d1d1d;
/*	Changes 8 Jan 2019 	*/
font-size: 1.3rem;
font-family: 'Roboto-Bold';
}

.winner_txt2 {
color: #1d1d1d;
/*	Changes 8 Jan 2019 	*/
font-size: 1rem;
font-family: 'Roboto-Regular';
line-height: 15px;
margin-top: 5px;
}

.winner_txt3 {
color: #1d1d1d;
/*	Changes 8 Jan 2019 	*/
font-size: 1.5rem;
font-family: 'Roboto-Bold';
text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto;
}

.winner_txt4 {
color: #1d1d1d;
/*	Changes 8 Jan 2019 	*/
font-size: 1rem;
font-family: 'Roboto-Regular';
line-height: 15px;
margin-top: 5px;
text-align: center;
width: 70%;
margin-left: auto;
margin-right: auto;
}

.winner_txt5 {
color: #1d1d1d;
/*	Changes 8 Jan 2019 	*/
font-size: 1.2rem;
font-family: 'Roboto-Bold';
text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto;
}

/* more infor style ends*/
/* exit window style starts*/
.exit_pg_img {
width: 100%;
text-align: center;
}

.exit_pg_img img {
width: 60px;
height: auto;
}

.exit_pg_txt1 {
color: #1d1d1d;
font-size: 1.4rem;
font-family: 'Roboto-Regular';
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.exit_btn_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
text-transform: none;
}

.exit_btn_wrap .left_btn {
width: 49%;
text-align: center;
color: #333;
font-size: 1.5rem;
font-family: 'Roboto-Regular';
float: left;
height: 50px;
line-height: 50px;
border-right: 1px solid #666;
}

.exit_btn_wrap .left_btn.select {
color: #1d1d1d;
}

.exit_btn_wrap .right_btn {
width: 50%;
text-align: center;
color: #333;
font-size: 1.5rem;
font-family: 'Roboto-Regular';
float: left;
height: 50px;
line-height: 50px;
}


.exit_btn_wrap .right_btn.select {
color: #1d1d1d;
font-family: 'Roboto-Bold';
}

/* exit window style ends*/

/* Congrats window style starts*/
.congrats_pg_img {
width: 100%;
text-align: center;
}

.congrats_pg_img img {
width: 60px;
height: auto;
}

.congrats_pg_head {
color: #1d1d1d;
font-size: 1.6rem;
font-family: 'Roboto-Bold';
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.congrats_pg_txt1 {
color: #1d1d1d;
font-size: 1.4rem;
font-family: 'Roboto-Regular';
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.congrats_pg_txt2 {
color: #1d1d1d;
font-size: 1.4rem;
font-family: 'Roboto-Medium';
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
text-transform: none;
}

.congrats_btn_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
text-transform: none;
}

.congrats_btn_wrap .left_btn {
width: 49%;
text-align: center;
color: #333;
font-size: 1.5rem;
font-family: 'Roboto-Regular';
float: left;
height: 50px;
line-height: 50px;
border-right: 1px solid #666;
}

.congrats_btn_wrap .left_btn.select {
color: #1d1d1d;
}

.congrats_btn_wrap .right_btn {
width: 50%;
text-align: center;
color: #333;
font-size: 1.5rem;
font-family: 'Roboto-Regular';
float: left;
height: 50px;
line-height: 50px;
}


.congrats_btn_wrap .right_btn.select {
color: #1d1d1d;
font-family: 'Roboto-Bold';
}

/* Congrats window style ends*/

/* Leaderboard pop style starts*/
.dropdownwrap2 .header_txt {
text-align: left;
color: #1d1d1d;
font-family: 'Roboto-Medium';
font-weight: bold;
font-size: 1.8rem;
width: auto;
padding-top: 15px;
margin-left: 20px;
float: left !important;
}

.dropdownwrap2 .subheader_txt {
text-align: left;
color: #999999;
font-family: 'Roboto-Regular';
font-size: 1rem;
width: auto;
padding-top: 2px;
margin-left: 20px;
float: left !important;
}

.dropdownwrap2 .leaderboard_menu_wrap {
width: 85%;
margin-left: auto;
margin-right: auto;
padding: 0px 5px 10px 5px;
height: 40px;
}

.dropdownwrap2 .leaderboard_menu_wrap .div1 {
float: left;
width: 49.5%;
color: #cccccc;
font-family: 'Roboto-Bold';
font-size: 1.5rem;
line-height: 45px;
text-align: center;
border-bottom: 3px solid #CCCCCC;
margin-right: 1px;
}

.dropdownwrap2 .leaderboard_menu_wrap .div1.select {
border-bottom: 3px solid #ed1c24 !important;
color: #1d1d1d;
}

.dropdownwrap2 .score_table {
border: 2px solid #ccc;
width: 85%;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
padding: 10px 5px 10px 5px;
height: 30px;
}

.dropdownwrap2 .score_table .div1 {
float: left;
width: 33.3%;
color: #1d1d1d;
font-family: 'Roboto-Bold';
font-size: 1.3rem;
line-height: 30px;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.dropdownwrap2 .score_table .div2 {
float: left;
width: 33%;
color: #1d1d1d;
font-family: 'Roboto-Bold';
line-height: 30px;
font-size: 1.3rem;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.dropdownwrap2 .score_table .div3 {
float: left;
width: 33%;
color: #1d1d1d;
font-family: 'Roboto-Bold';
line-height: 30px;
font-size: 1.3rem;
text-align: center;
}

.dropdownwrap2 .crick_table table {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: transparent;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.dropdownwrap2 .crick_table table td {
padding: 7px;
font-size: 12px;
background-color: transparent;
text-align: center;
}

.dropdownwrap2 .crick_table table td a {
color: #333;
text-decoration: underline;
font-weight: bolder;
display: inline;
text-decoration: none;
background-color: transparent;
}

.dropdownwrap2 table tr td.crick_table_header {
background-color: #333;
color: #fff;
font-weight: bold;
}

.dropdownwrap2 table tr.crick_table_header_grey {
background-color: #eee;
color: #fff;
font-weight: bolder;
font-size: 13px;
background: rgba(61, 61, 61, 1);
background: -moz-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(61, 61, 61, 1)), color-stop(49%, rgba(102, 102, 102, 1)), color-stop(100%, rgba(71, 71, 71, 1)));
background: -webkit-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -o-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -ms-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: linear-gradient(to right, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#474747', GradientType=1);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.dropdownwrap2 table td.crick_table_header_grey {
background-color: #666;
color: #fff;
font-weight: bolder;
font-size: 11px !important;
font-family: 'Roboto-Regular';
text-align: center !important;

}

.dropdownwrap2 table td.crick_table_header_grey table {
border-radius: 10px;
}

.dropdownwrap2 table tr.crick_table_normal td {
background-color: #333;
color: #fff;
font-weight: normal;
/*	border-bottom: 1px solid #efefef;*/
}



.dropdownwrap2 table td.crick_table_header_yellow {
background-color: #f4f0d5;
color: #8a5603;
font-weight: bolder;
font-size: 14px;
text-align: center;
font-family: 'Roboto-Regular';
}

.dropdownwrap2 table tr.crick_table_header_yellow {
background-color: #f4f0d5;
color: #8a5603;
font-weight: bolder;
font-size: 14px;
text-align: center;
font-family: 'Roboto-Regular';
}

.dropdownwrap2 table td .ellipse1 {
width: 93%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
line-height: 30px;
}

.dropdownwrap2 a.disable_state {
color: #ccc !important;
}

.dropdownwrap2 .crick_table table td {
font-size: 14px;
background-color: transparent;
text-align: left;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.dropdownwrap2 table tr.crick_table_normal td.rating_table {
border-bottom: none;
font-family: 'Roboto-Regular';
color: #EFEFEF;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-size: 11px !important;
}



.profile_ic {
width: 30px;
height: 30px;
}

.profile_ic img {
width: 30px;
height: 30px;
border-radius: 50%;
}

.more_info_content .small_header {
width: 90%;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Bold';
color: #1d1d1d;
font-size: 1.2rem;
text-align: left;
text-transform: capitalize;
margin-bottom: 5px;
}

.more_info_content .crick_table table {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: transparent;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.more_info_content .crick_table table td {
padding: 7px;
font-size: 12px;
background-color: transparent;
text-align: center;
}

.more_info_content .crick_table table td a {
color: #333;
text-decoration: underline;
font-weight: bolder;
display: inline;
text-decoration: none;
background-color: transparent;
}

.more_info_content table tr td.crick_table_header {
background-color: #333;
color: #fff;
font-weight: bold;
}

.more_info_content table tr.crick_table_header_grey {
background-color: #eee;
color: #fff;
font-weight: bolder;
font-size: 13px;
background: rgba(61, 61, 61, 1);
background: -moz-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(61, 61, 61, 1)), color-stop(49%, rgba(102, 102, 102, 1)), color-stop(100%, rgba(71, 71, 71, 1)));
background: -webkit-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -o-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -ms-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: linear-gradient(to right, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#474747', GradientType=1);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.more_info_content table td.crick_table_header_grey {
background-color: #666;
color: #fff;
font-weight: bolder;
font-size: 13px;
font-family: 'Roboto-Regular';
text-align: center;

}

.more_info_content table td.crick_table_header_grey table {
border-radius: 10px;
}

.more_info_content table tr.crick_table_normal td {
background-color: #333;
color: #fff;
font-weight: normal;
/*	border-bottom: 1px solid #efefef;*/
}



.more_info_content table td.crick_table_header_yellow {
background-color: #f4f0d5;
color: #8a5603;
font-weight: bolder;
font-size: 14px;
text-align: center;
font-family: 'Roboto-Regular';
}

.more_info_content table tr.crick_table_header_yellow {
background-color: #f4f0d5;
color: #8a5603;
font-weight: bolder;
font-size: 14px;
text-align: center;
font-family: 'Roboto-Regular';
}

.more_info_content .leader_heading {
text-align: left;
color: #1d1d1d;
font-family: 'Roboto-Medium';
font-weight: bold;
font-size: 5vw;
float: left;
margin-left: 10px;
margin-top: 8px;
margin-bottom: 8px;
}

.more_info_content table td .ellipse1 {
width: 93%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
line-height: 30px;
}

.more_info_content a.disable_state {
color: #ccc !important;
}

.more_info_content .crick_table table td {
font-size: 13px;
background-color: transparent;
text-align: left;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.more_info_content table tr.crick_table_normal td.rating_table {
border-bottom: none;
font-family: 'Roboto-Regular';
color: #999999;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Leaderboard pop style ends*/

/* Edit profile style starts*/
.profile_pg_img_wrap .heading1 {
float: left;
margin-left: 50px;
margin-top: 15px;
position: absolute;
z-index: 1;
color: #fff;
font-family: 'Roboto-Bold';
font-size: 1.9rem;
}

/* .profile_pg_img_wrap .back_btn {
float: left;
} */


.profile_pg_img_wrap .back_btn {
text-align: center;
width: 50px;
height: 50px;
position: absolute;
padding-top: 0px;
padding-left: 0px;
z-index: 1;
}

.profile_pg_img_wrap .back_btn img {
width: 33px;
height: auto;
margin-top: 10px;
}

.edit_page_container {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: -10px;
}

.edit_page_container .edit_page_txt {
width: 100%;
font-size: 1.8rem;
text-decoration: none;
font-family: 'Roboto-Bold';
text-align: left;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #ccc;
height: 30px;
padding-top: 10px;
}

.edit_page_container .edit_page_subtxt {
width: 100%;
font-size: 1rem;
text-decoration: none;
font-family: 'Roboto-Regular';
text-align: left;
padding-top: 5px;
}

ul.affliate_ContentBlock_List1 {
width: 100%;
list-style-type: none;
padding: 0px 0px 0px 0px;
;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;

}

li.affliate_ContentBlock_List1 {
color: #333;
width: 33%;
margin: 15px 0px 5px 0px;
padding: 5px 0px 5px 0px;
float: left;
text-align: left;
background-color: none;
font-weight: normal;
/* background-image: url(../images/bullet_list.png); */
background-repeat: no-repeat;
background-position: left;
font-family: 'Roboto-Regular';
line-height: 10px;
}

input[type=radio].css-checkbox {
display: none;
}

input[type=radio].css-checkbox+label.css-label1 {
padding-left: 30px;
height: 26px;
display: inline-block;
line-height: 26px;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 11px;
vertical-align: middle;
cursor: pointer;
margin-left: 3px;
}

input[type=radio].css-checkbox {
display: none;
}

input[type=radio].css-checkbox+label.css-label1 {
padding-left: 21px;
height: 16px;
display: inline-block;
line-height: 16px;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 13px;
vertical-align: middle;
cursor: pointer;

}

input[type=radio].css-checkbox:checked+label.css-label1 {
background-position: 0 -16px;
}

label.css-label1 {
background-image: url(../image/radio1.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Edit profile style ends*/
/*countdown style starts*/
.countdown_header {
font-family: 'Roboto-Bold';
color: #fff;
font-size: 2rem;
text-transform: capitalize;
text-align: center;
width: 90%;
margin-left: auto;
margin-right: auto;
}

.countdown_subheader {
font-family: 'Roboto-Regular';
color: #fff;
font-size: 1.3rem;

text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto;
}

.countdown_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.scale_80 {
transform: scale(.8, .8);
}

.countdown_image {
margin-left: auto;
margin-right: auto;
position: relative;
}

.countdown_image img {
width: 170px;
height: auto;
}

.countdown_txt {
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #1d1d1d;
color: #777777;
opacity: 0.8;
font-size: 3.3rem;
position: absolute;
width: 100%;
text-align: center;
font-family: 'Roboto-Bold';
z-index: 2;
margin-top: 59px;
}

.countdown_image1 {
margin-left: auto;
margin-right: auto;
position: relative;
}

.countdown_image1 img {
width: 100px;
height: auto;
}

.countdown_txt1 {
color: #1d1d1d;
opacity: 0.8;
font-size: 1.7rem;
position: absolute;
width: 100%;
text-align: center;
font-family: 'Roboto-Bold';
z-index: 2;
margin-top: 36px;
}

/*Countdown style ends*/

/*Cashwallet style starts*/
.cashwallet_outer_wrap {
width: 100%;
/* height: 35vh; */
background: #f1f1f1 !important;
/*	padding-top: 5vh;*/

}

.cashwallet_outer_wrap .question_space {
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 1.8rem;

width: 80%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 9vh;
}

.cashwallet_outer_wrap .question_wrap {
width: 90%;
height: 200px;
background-color: #f1f1f1;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
background-image: url(../image/cashless_bg.jpg);
background-position: center;
padding-top: 1px;
border-bottom: 1px solid #efefef;
-webkit-box-shadow: 0 5px 6px -6px #333;
-moz-box-shadow: 0 5px 6px -6px #333;
box-shadow: 0 5px 6px -6px #333;

}

.cash_small_heading {
color: #666;
font-family: 'Roboto-Regular';
font-size: .8rem;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.cashwallet_outer_wrap .question_wrap .div1 {
color: #fff;
font-family: 'Roboto-Regular';
font-size: 1rem;
margin-left: 20px;
margin-top: 18px;
}

.cashwallet_outer_wrap .question_wrap .div2 {
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 2rem;
margin-left: 20px;
margin-top: 0px;
}

.cashwallet_outer_wrap .question_wrap .div2 strong {
font-family: 'Roboto-Medium';
font-size: 1.3rem;

}


.cashwallet_outer_wrap .question_wrap .div4 {
color: #efefef;
font-family: 'Roboto-Regular';
font-size: 1rem;
margin-left: 20px;
margin-top: 10px;
}

.cashwallet_outer_wrap .question_wrap .div5 {
color: #fff;
font-family: 'Roboto-Heavy';
font-size: 1.8rem;
margin-left: 20px;
margin-top: 0px;
}

.cashwallet_outer_wrap .question_wrap .div6 {
margin-right: 20px;
margin-top: -25px;
float: right;
}

.cashwallet_outer_wrap .question_wrap .div6 img {
height: 20px;
width: auto;
}

.sports_tag_selection_menu_wrap {
width: 100vw;
height: 45px;
padding: 0px;
margin: 0px;
background-color: transparent;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
overflow: auto;
overflow-y: hidden;
}

.sports_tag_select_main_menu {
overflow: hidden;
white-space: nowrap;
background-color: transparent;
font-family: 'Roboto-Regular';
margin-left: 20px;
font-weight: bold;
}

.sports_tag_select_main_menu a {
display: inline-block;
color: #1d1d1d;
text-align: center;
text-decoration: none;
margin: 5px 2px 5px 1px;
cursor: pointer;
}

.score_outline_btn {
background: #fff;
border-radius: 100px;
padding: 5px 15px;
color: #333;
text-decoration: none;
font-size: 12px;
width: 150px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
}

::-webkit-scrollbar {
display: none;
}

.score_outline_btn.select {
background: #333;
color: #fff;

}

/*Cashwallet style ends*/

/*seeall style starts*/
.seeall_page {
height: 50px;
width: 100%;
background-color: #fff;
}

.seeall_page .back_btn {
float: left;
}

.seeall_page .header_txt {
text-align: left;
color: #1d1d1d;
font-family: 'Roboto-Medium';
font-weight: bold;
font-size: 5.5vw;
width: auto;
padding-top: 15px;
position: relative;
margin-left: 50px;
}

.seeall_page .back_btn {
text-align: center;
width: 50px;
height: 50px;
position: absolute;
padding-top: 0px;
padding-left: 0px;
z-index: 1;
}

.seeall_page .back_btn img {
width: 25px;
height: auto;
margin-top: 15px;
}

.seeall_content {
width: 94%;
margin-left: auto;
margin-right: auto;
font-size: 12px;
font-family: 'Roboto-Regular';
}

.seeall_content strong {
font-weight: bold;
}

.seeall_content .image_wrap2 {
position: relative;
}

.seeall_content .image_wrap2 .ic_space {
position: absolute;
z-index: 1;
width: 100%;
text-align: right;
bottom: 5px;
right: 7px;
}

.seeall_content .image_wrap2 .ic_space img {
width: 25px;
height: auto;
}

.seeall_content .image_content2 img {
width: 42vw;
height: 13vh;
margin-right: 5px;
border-radius: 7px;
}

/* See-all HORIZONTAL_HORIZONTAL_TRAY styles end (3/3/2021)*/

/*seeall style ends*/

/*disney style starts*/
.dictionary_img {
width: 100%;
height: auto;
text-align: center;
}

.dictionary_img img {
width: 100%;
height: auto;
}

.fill_btn_grey {
border-radius: 7px;
color: #fff;
text-decoration: none;
font-size: 25px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
background: rgba(150, 150, 150, 1);
background: -moz-linear-gradient(top, rgba(150, 150, 150, 1) 0%, rgba(52, 52, 52, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150, 150, 150, 1)), color-stop(100%, rgba(52, 52, 52, 1)));
background: -webkit-linear-gradient(top, rgba(150, 150, 150, 1) 0%, rgba(52, 52, 52, 1) 100%);
background: -o-linear-gradient(top, rgba(150, 150, 150, 1) 0%, rgba(52, 52, 52, 1) 100%);
background: -ms-linear-gradient(top, rgba(150, 150, 150, 1) 0%, rgba(52, 52, 52, 1) 100%);
background: linear-gradient(to bottom, rgba(150, 150, 150, 1) 0%, rgba(52, 52, 52, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#343434', GradientType=0);
text-transform: none;
line-height: 45px;
float: right;
width: 43px;
height: 43px;
text-align: center;
margin-bottom: 10px;
}

.fill_btn_grey1 {
border-radius: 7px;
color: #fff;
text-decoration: none;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
background: rgba(150, 150, 150, 1);
background: -moz-linear-gradient(top, rgba(150, 150, 150, 1) 0%, rgba(52, 52, 52, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150, 150, 150, 1)), color-stop(100%, rgba(52, 52, 52, 1)));
background: -webkit-linear-gradient(top, rgba(150, 150, 150, 1) 0%, rgba(52, 52, 52, 1) 100%);
background: -o-linear-gradient(top, rgba(150, 150, 150, 1) 0%, rgba(52, 52, 52, 1) 100%);
background: -ms-linear-gradient(top, rgba(150, 150, 150, 1) 0%, rgba(52, 52, 52, 1) 100%);
background: linear-gradient(to bottom, rgba(150, 150, 150, 1) 0%, rgba(52, 52, 52, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#343434', GradientType=0);
text-transform: none;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
margin-bottom: 10px;
}

.fill_btn_grey1 a {
text-decoration: none;
}

.fill_btn_grey a {
text-decoration: none;
}

.dictionary_btn_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

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

.dictionary_btn_wrap ul li {
display: inline-block;
}

.dictionary_ans_wrap {
width: 87%;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
border: 3px solid #a38688;
height: auto;
min-height: 20px;
background: rgba(79, 56, 77, 1);
background: -moz-linear-gradient(-45deg, rgba(79, 56, 77, 1) 0%, rgba(163, 116, 74, 1) 35%, rgba(151, 128, 80, 1) 68%, rgba(91, 56, 44, 1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(79, 56, 77, 1)), color-stop(35%, rgba(163, 116, 74, 1)), color-stop(68%, rgba(151, 128, 80, 1)), color-stop(100%, rgba(91, 56, 44, 1)));
background: -webkit-linear-gradient(-45deg, rgba(79, 56, 77, 1) 0%, rgba(163, 116, 74, 1) 35%, rgba(151, 128, 80, 1) 68%, rgba(91, 56, 44, 1) 100%);
background: -o-linear-gradient(-45deg, rgba(79, 56, 77, 1) 0%, rgba(163, 116, 74, 1) 35%, rgba(151, 128, 80, 1) 68%, rgba(91, 56, 44, 1) 100%);
background: -ms-linear-gradient(-45deg, rgba(79, 56, 77, 1) 0%, rgba(163, 116, 74, 1) 35%, rgba(151, 128, 80, 1) 68%, rgba(91, 56, 44, 1) 100%);
background: linear-gradient(135deg, rgba(79, 56, 77, 1) 0%, rgba(163, 116, 74, 1) 35%, rgba(151, 128, 80, 1) 68%, rgba(91, 56, 44, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f384d', endColorstr='#5b382c', GradientType=1);
text-align: center;
padding: 10px 0px 10px 0px;
}

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

.dictionary_ans_wrap ul li {
display: inline-flex;
}

.dictionary_ans_wrap table {
width: 85%;
margin-left: auto;
margin-right: auto;
}

.dictionary_txt {
border-radius: 10px;
color: #1d1d1d;
font-size: 20px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
text-transform: none;
/* line-height: 50px; */
float: right;
width: 33px;
height: 37px;
text-align: center;
background-color: #efefef;
border: 3px solid #a38688;
}

.dictionary_txt1 {
border-radius: 10px;
color: #1d1d1d;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
text-transform: none;
/* line-height: 50px; */
float: right;
width: 23px;
height: 27px;
text-align: center;
background-color: #efefef;
border: 2px solid #a38688;
}

.dictionary_txt_r {
border-radius: 10px;
color: #f4f4f4;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
text-transform: none;
float: right;
text-align: center;
background-color: #efefef;
border: 3px solid #a38688;
min-width: 40px !important;
max-width: 99.99% !important;
transition: width 0.25s;
height: 37px;
padding-top: 2px;
}

/*disney style ends*/
/*Payment page style starts*/

.payment_ic {
width: 100%;
text-align: center;
}

.payment_ic img {
width: 140px;
height: auto;
margin-top: 18vh;
}

.payment_ic1 {
width: 100%;
text-align: center;
}

.payment_ic1 img {
width: 300px;
height: auto;
margin-top: 18vh;
}

.coins_drop_img {
width: 100%;
text-align: center;

}

.coins_drop_img img {
width: 130px;
height: auto;
border-radius: 7px;
}

.coins_drop_img_name {
color: #1d1d1d;
font-family: 'Roboto-Heavy';
font-size: 1.7rem;
width: 100%;
text-align: center;
margin-top: 5px;
}

.close_ic_pop {
float: right;
margin-right: 20px;
margin-top: 5px;
}

.close_ic_pop img {
width: 28px;
height: auto;
}

.coins_message {
color: #cccccc;
font-family: 'PoppinsRegular';
font-size: 1rem;
width: 80%;
text-align: center;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
line-height: 23px;
}

.coins_message_small {
color: #f4f4f4;
font-family: 'Roboto-Regular';
font-size: 1.3rem;
width: 80%;
text-align: center;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
font-weight: normal;
line-height: 23px;
}

.coins_message_small_brand {
color: #20419c;
font-family: 'Roboto-Bold';
font-size: 1.4rem;
width: 80%;
text-align: center;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
font-weight: normal;
line-height: 23px;
}


.coins_drop_wrap {
width: 100%;
height: 200px;
position: absolute;
overflow: hidden;
top: 0px;
z-index: -12;
}

.coins_drop_wrap img {
width: 100%;
height: 300px;
filter: brightness(var(--value, 0));
--value: 0;
}

.coins_bg {
width: 100%;
height: 350px;
position: absolute;
overflow: hidden;
top: 0px;
z-index: -1;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 18%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(18%, rgba(255, 255, 255, 0.28)), color-stop(64%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 18%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 18%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 18%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 18%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

/*Payment page style ends*/

/*no activity page style starts*/
.no_activity_wrap {
height: 200px;
background-color: #000000;
margin-left: auto;
margin-right: auto;
}

.noactivity_ic {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.noactivity_ic img {
width: 55px;
height: auto;
filter: brightness(var(--value, 5));
    --value: 2;
}

.noactivity_heading {
color: #FFFFFF;
font-family: 'Roboto-Bold';
font-size: 1.8rem;
width: 100%;
text-align: center;
margin-top: 5px;
}

.noactivity_subheading {
color: #FFFFFF;
font-family: 'Roboto-Regular';
font-size: 1.12rem;
width: 100%;
text-align: center;
margin-top: 5px;
}

/*no activity page style ends*/

/*Finished page style starts*/
.finished_page .score_table {
width: 85%;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
padding: 10px 9px 7px 10px;
height: 40px;
background: rgba(61, 61, 61, 1);
}

.finished_page .score_table {
width: 85.5%;
/*Modified on 18 August 2021*/
margin-left: auto;
margin-right: auto;
border-radius: 7px;
padding: 6px 4px 6px 4px;
/*Modified on 18 August 2021*/
height: 40px;
background: #019df4;
}


.finished_page .score_table1 {
width: 85.5%;
margin-left: auto;
margin-right: auto;
padding: 3px 9px 3px 9px;
height: 30px;
background: rgba(61, 61, 61, 1);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.finished_page .score_table1 .div1 {
width: 100%;
color: #fff;
font-family: 'Roboto-Bold';
font-size: 1.1rem;
line-height: 30px;
text-align: center;
}

.finished_page .score_table .div1 {
float: left;
width: 48%;
color: #fff;
font-family: 'Roboto-Bold';
font-size: 1.1rem;
line-height: 37px;
text-align: center;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.finished_page .score_table .div2 {
float: left;
width: 48%;
color: #fff;
font-family: 'Roboto-Bold';
line-height: 37px;
font-size: 1.1rem;
text-align: center;
}



.finished_page .crick_table table {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: transparent;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.finished_page .crick_table table td {
padding: 7px;
font-size: 12px;
background-color: transparent;
text-align: center;
}

.finished_page .crick_table table td a {
color: #333;
text-decoration: underline;
font-weight: bolder;
display: inline;
text-decoration: none;
background-color: transparent;
}

.finished_page table tr td.crick_table_header {
background-color: #333;
color: #fff;
font-weight: bold;
}

.finished_page table tr.crick_table_header_grey {
background-color: #eee;
color: #fff;
font-weight: bolder;
font-size: 15px !important;
background: rgba(61, 61, 61, 1);
background: -moz-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(61, 61, 61, 1)), color-stop(49%, rgba(102, 102, 102, 1)), color-stop(100%, rgba(71, 71, 71, 1)));
background: -webkit-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -o-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -ms-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: linear-gradient(to right, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#474747', GradientType=1);
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.finished_page table td.crick_table_header_grey {
background-color: #666;
color: #fff;
font-weight: bolder;
font-size: 14px !important;
font-family: 'Roboto-Medium';
text-align: center;

}

.finished_page table td.crick_table_header_grey table {
border-radius: 10px;
}

.finished_page table tr.crick_table_normal td {
background-color: #333;
color: #999999;
font-weight: normal;
/*	border-bottom: 1px solid #efefef;*/
}



.finished_page table td.crick_table_header_yellow {
background-color: #f4f0d5;
color: #8a5603;
font-weight: bolder;
font-size: 14px;
text-align: center;
font-family: 'Roboto-Regular';
}

.finished_page table tr.crick_table_header_yellow {
background-color: #f4f0d5;
color: #8a5603;
font-weight: bolder;
font-size: 14px;
text-align: center;
font-family: 'Roboto-Regular';
}

.finished_page .leader_heading {
text-align: left;
color: #1d1d1d;
font-family: 'Roboto-Medium';
font-weight: bold;
font-size: 5vw;
float: left;
margin-left: 10px;
margin-top: 8px;
margin-bottom: 8px;
}

.finished_page table td .ellipse1 {
width: 93%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
line-height: 30px;
}

.finished_page a.disable_state {
color: #ccc !important;
}

.finished_page .crick_table table td {
font-size: 13px;
background-color: transparent;
text-align: left;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.finished_page table tr.crick_table_normal td.rating_table {
font-family: 'Roboto-Regular';
color: #999999;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bottom_table_border {
height: 2px;
background: #f4f4f4;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
width: 85%;
margin-left: auto;
margin-right: auto;
padding: 3px 9px 3px 9px;

}


/*Finished page style ends*/
/*Winner tab styles*/
.winner_img {
width: 100%;
text-align: center;
}

.winner_img img {
width: 320px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.winner_txt1 {
width: 75%;
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Medium';
color: #1d1d1d;
font-size: 2rem;
line-height: 30px;

}

.winnerlist_wrap {
width: 85%;
height: 90px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
margin-left: auto;
margin-right: auto;
}

.winnerlist_wrap.noborder_top {
border-top: none !important;
}

.div_l {
width: 20%;
height: auto;
float: left;
text-align: center;
}

.div_l .winner_round_img {
width: 60px;
height: 60px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 13px;
}

.div_l .winner_round_img img {
width: 60px;
height: 60px;
border-radius: 50%;
}

.div_m {
width: 45%;
height: auto;
float: left;
margin-top: 20px;
margin-left: 10px;
}

.div_m .div_top {
font-family: 'Roboto-Bold';
color: #1d1d1d;
font-size: 1.4rem;
line-height: 25px;
text-align: left;
}

.div_m .div_middle {
font-family: 'Roboto-Regular';
color: #999999;
font-size: 1.4rem;
line-height: 25px;
text-align: left;
margin-top: 13px;
}

.div_m .div_bottom {
font-family: 'Roboto-Regular';
color: #999999;
font-size: 1.4rem;
line-height: 25px;
text-align: left;
}

.div_r {
width: 30%;
height: auto;
float: left;
margin-top: 33px;
}

.div_r .div_top {
font-family: 'Roboto-Bold';
color: #1d1d1d;
font-size: 1.4rem;
line-height: 25px;
text-align: right;
}

.div_r .div_bottom {
font-family: 'Roboto-Bold';
color: #1d1d1d;
font-size: 1.4rem;
line-height: 25px;
text-align: right;
}

/*Winner tab styles ends*/
/*Contact Us page starts*/
.contact_bg {
width: 100vw;
height: auto;
background-color: #ffffff;
}

.contact_page {
height: 50px;
width: 100%;
}

.contact_page .back_btn {
float: left;
}

.contact_page .header_txt {
text-align: left;
color: #1d1d1d;
font-family: 'Roboto-Medium';
font-weight: bold;
font-size: 5.5vw;
width: auto;
padding-top: 15px;
position: relative;
margin-left: 50px;
}

.contact_page .back_btn {
text-align: center;
width: 50px;
height: 50px;
position: absolute;
padding-top: 0px;
padding-left: 0px;
z-index: 1;
}

.contact_page .back_btn img {
width: 25px;
height: auto;
margin-top: 15px;
}

.contact_content {
width: 94%;
margin-left: auto;
margin-right: auto;
font-size: 12px;
font-family: 'Roboto-Regular';
}

.contact_image {
width: 100%;
text-align: center;
}

.contact_image img {
width: 270px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.contact_text_area textarea {
background-color: #efefef;
color: #1d1d1d;
height: 100px;
border-radius: 7px;
font-family: 'Roboto-Regular';
padding: 10px;
width: 90%;
margin-left: 2%;
margin-right: auto;
}

.contact_txt {
width: 95%;
margin-left: auto;
margin-right: auto;
height: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
line-height: 20px;
}

/*COntact us page ends*/
@media (min-width: 414px) and (max-width: 414px) {

/*  .spin_circle {
margin-left: 15px;
}*/

.profile_pg_img_wrap .profile_heading {
margin-top: 60%;
}

.profile_pg_img_wrap .profile_subheading {
margin-top: 68%;
}

/* .edit_txt {
margin-top: 93px;
} */


}

@media (min-width: 412px) and (max-width: 412px) {

/*  .spin_circle {
margin-left: 15px;
}*/

.profile_pg_img_wrap .profile_heading {
margin-top: 60%;
}

.profile_pg_img_wrap .profile_subheading {
margin-top: 68%;
}

/* .edit_txt {
margin-top: 93px;
} */

}

@media (min-width: 375px) and (max-width: 375px) {
.battle_opt_pg_img_wrap {
height: 47vh !important;
}
}


.red_border {
outline: 3px solid #ed1c24 !important;
}


.red_border_b {
border: 1px solid #ed1c24 !important;
}

.green_border_b {
border: 1px solid #17c00a !important;
}



.dictionary_txt_emptyspace {
margin-left: auto;
margin-right: auto;
line-height: 50px;
float: right;
width: 33px;
height: 37px;
text-align: center;
}

.dictionary_txt1_emptyspace {
margin-left: auto;
margin-right: auto;
line-height: 50px;
float: right;
width: 23px;
height: 27px;
text-align: center;
}

@media (min-width: 240px) and (max-width: 320px) {
.battle_card_player {
width: 92% !important;
}

.question_header_wrap .red_bck_btn {
margin-left: 0px;

}
}


/*.scale_80 {
transform: scale(.85,.85);
transition: all .2s ease-in-out;
}


.scale_zoom {
transform: scale(1, 1);
transition: all .2s ease-in-out;
}*/

.paymentinfo_bg {
width: 100vw;
height: auto;
background-color: transparent !important;
}

.paymentinfo_bg .back_btn {
position: absolute;
}

.paymentinfo_bg .back_btn img {
width: 35px;
height: auto;
margin-top: -3px;
margin-left: 8px;
}

/*Scramble image styles*/
.scramble_ans_wrap {
width: 300px;
height: 300px;
border: 1px solid #efefef;
margin-left: auto;
margin-right: auto;
}

.scramble_ans_wrap img {
width: 100px;
height: 100px;
}


.scramble_ans_wrap .div1 {
width: 100px;
height: 100px;
background-color: #faebe6;
float: left;
}

.scramble_ans_wrap .div2 {
width: 100px;
height: 100px;
background-color: #f5d5cc;
float: left;
}

.scramble_ans_wrap .div3 {
width: 100px;
height: 100px;
background-color: #efc2b5;
float: left;
}

.scramble_ans_wrap .div4 {
width: 100px;
height: 100px;
background-color: #efb9ab;
float: left;
}

.scramble_ans_wrap .div5 {
width: 100px;
height: 100px;
background-color: #ed917e;
float: left;
}

.scramble_ans_wrap .div6 {
width: 100px;
height: 100px;
background-color: #df2927;
float: left;
}

.scramble_ans_wrap .div7 {
width: 100px;
height: 100px;
background-color: #c70616;
float: left;
}

.scramble_ans_wrap .div8 {
width: 100px;
height: 100px;
background-color: #b40513;
float: left;
}

.scramble_ans_wrap .div9 {
width: 100px;
height: 100px;
background-color: #960511;
float: left;
}

.scramble_image_wrap {
width: 92%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.scramble_image_wrap img {
width: 60px;
height: 60px;
}

.scramble_image_wrap .div1 {
width: 60px;
height: 60px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.scramble_image_wrap .div2 {
width: 60px;
height: 60px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.scramble_image_wrap .div3 {
width: 60px;
height: 60px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.scramble_image_wrap .div4 {
width: 60px;
height: 60px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.scramble_image_wrap .div5 {
width: 60px;
height: 60px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.scramble_image_wrap .div6 {
width: 60px;
height: 60px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.scramble_image_wrap .div7 {
width: 60px;
height: 60px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.scramble_image_wrap .div8 {
width: 60px;
height: 60px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.scramble_image_wrap .div9 {
width: 60px;
height: 60px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.scramble_question {
color: #FFFFFF;
font-size: 1.8rem;
text-decoration: none;
font-family: 'Roboto-Medium';
text-align: center;
width: 80%;
font-weight: bold;
margin-left: auto;
margin-right: auto;
margin-top: -20px;
}

.scramble_question1 {
color: #FFFFFF;
font-size: 1.8rem;
text-decoration: none;
font-family: 'Roboto-Medium';
text-align: center;
width: 80%;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}

.black_clr {
color: #1d1d1d;
}

/*scramble image style ends*/

/*Country dropdown Style*/
.country_box {
width: 30px;
height: 30px;
position: absolute;
margin-left: 5px;
margin-top: 8px;
text-align: center;
}
.country_code{
position: absolute;
color: black;
/* margin-top: 3.6vw; */
margin-left: 50px;
font-size: 1.3rem;
height: 40px;
line-height: 45px;
}

.country_box img {
width: 40px;
height: auto;
border-radius: 10px;
/* margin-top: 8px; */
}

.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #1d1d1d;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}

.popup_close {
width: auto;
float: right;
margin: 0px;
margin-top: -8px;
margin-right: -10px;
}

.popup_close img {
height: 30px;
width: auto;
opacity: 0.5;
}

.popup_close a {
border: none;
text-decoration: none;
}

.popup_search {
height: 30px;
border-bottom: 1px solid #ddd;
width: 89%;
background-image: url(../image/search_ic.svg);
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
margin-bottom: 10px;
background-size: 4.8vw;
}


span.flag_ic {
float: left;
margin-right: 10px;
margin-top: 3px;

}

span.flag_ic img {
width: 25px;
height: auto;
margin-top: 14px;
}

#myUL {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: 'Roboto-Regular';
}
#myUL, .contact_content, .contact_text_area textarea {
font-family: 'Poppins-Regular'!important;
}


#myUL {
list-style-type: none;
padding: 0;
margin: 0;
background-color: #FFFFFF;
}

#myUL li a {
margin-top: -1px;
/* Prevent double borders */
padding: 14px;
text-decoration: none;
font-size: 16px;
color: #222222;
display: block;
font-family: 'PoppinsRegular';

}

#myUL li a.header {
background-color: #e2e2e2;
cursor: default;
}

/*battle style starts*/
.battle_page_bg {
width: 100vw;
height: auto;
background-color: #ffffff !important;
}

.battle_page_bg .back_btn {
position: absolute;
}

.battle_page_bg .back_btn img {
width: 35px;
height: auto;
margin-top: -3px;
margin-left: 8px;
}

.battle_page_header {
font-family: 'Ethnocentric Rg';
color: #1d1d1d;
font-size: 1.5rem;
text-transform: capitalize;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
line-height: 1.3rem;
}

.battle_opt_pg_img_wrap {
position: relative;
height: 50vh;
width: 100%;
overflow-y: hidden;
}


.battle_opt_pg_img_wrap .bg_image {
width: 100%;
height: auto;
}

.battle_opt_pg_img_wrap .bg_image img {
width: 100%;
height: auto;
}

.battle_opt_pg_img_wrap .back_btn {
text-align: center;
width: 50px;
height: 50px;
position: absolute;
padding-top: 0px;
padding-left: 0px;
z-index: 2;
}

.battle_opt_pg_img_wrap .back_btn img {
width: 35px;
height: auto;
margin-top: 12px;
}

.battle_opt_pg_container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top: -10vh;
overflow-x: hidden;
}

.battle_game_header {
width: 90%;
color: #fff;
font-family: 'Ethnocentric Rg';
font-size: 1.7rem;
text-transform: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.battle_game_subheader {
width: 90%;
color: #fff;
font-family: 'Ethnocentric Rg';
font-size: 1.4rem;
text-transform: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.black_bg {
background-color: #211b12 !important;
/*  height: 150%!important;*/
}

.battle_icon_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
}

.battle_icon_wrap .div1_battle {
float: left;
width: 25%;
}

.battle_icon_wrap .div2_battle {
float: left;
width: 75%;
color: #fff;
font-family: 'Ethnocentric Rg';
font-size: 1.3rem;
line-height: 70px;
text-transform: none;
position: absolute;
margin-left: 15vh;
}

.battle_icon_wrap .div1_battle .icon_image {
width: 70px;
height: 70px;
position: relative;
}

.battle_icon_wrap .div1_battle .icon_image img {
width: 70px;
height: 70px;
border-radius: 7px;
}

.battle_icon_wrap .div1_battle .icon_ic {
width: 70px;
height: 30px;
position: relative;
text-align: center;
}

.battle_icon_wrap .div1_battle .icon_ic img {
width: 30px;
height: auto;
margin-top: -14px;
}

.battle_opt_small_header {
width: 90%;
margin-left: auto;
margin-right: auto;
color: #999;
font-size: 1.1rem;
text-transform: none;
font-weight: bolder;
}

/* .fill_btn4 {
border-radius: 30px;
padding: 8px 0px 8px 0px;
color: #fff;
text-decoration: none;
font-size: 1.1rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Bold';
background-color: #ed1c24;
text-transform: capitalize;
line-height: 15px;
width: 90px;
display: block;
text-align: center;
float: right;
} */

/* .fill_btn4 a {
text-decoration: none;
} */

.battle_card {
min-height: 85px;
width: 90%;
margin-right: auto;
margin-left: auto;
background-color: #313130;
border-radius: 7px;
}


.set_rock_table1 table td .txt1_white {
font-size: 12px;
font-family: 'Roboto-Regular';
padding-top: 0px;
color: #CCCCCC;
padding: 2px;
}

.set_rock_table1 table td .txt2_white {
font-size: 18px;
font-family: 'Roboto-Bold';
padding-top: 0px;
color: #FFFFFF;
padding: 2px;
}

.set_rock_table1 table td .txt3_white {
font-size: 16px;
font-family: 'Roboto-Regular';
padding-top: 0px;
color: #FFFFFF;
padding: 2px;
margin-top: 5px;
}

.battle_card_player {
min-height: 85px;
width: 85%;
margin-right: auto;
margin-left: auto;
background-color: #313130;
border-radius: 7px;
padding: 20px 0px 20px 0px;
}

.battle_player_img {
width: 90px;
height: 90px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.battle_player_img img {
width: 90px;
height: 90px;
border-radius: 5px;
}

.battle_number {
width: 20px;
height: 20px;
border-radius: 50%;
font-family: 'Ethnocentric Rg';
font-size: .9rem;
border: 2.5px solid #17c00a;
position: absolute;
margin-top: -12px;
padding-left: 0px;
color: #17c00a;
text-align: center;
line-height: 22px;
z-index: 1;
background-color: #fff;
margin-left: -5px;

}

.battle_player_txt1 {
width: 88px;
;
color: #fff;
font-family: 'Ethnocentric Rg';
font-size: .7rem;
text-transform: none;
line-height: 15px;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
margin-top: -22px;
padding-left: 4px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
text-align: center;
}

.battle_player_txt2 {
width: 90px;
color: #fff;
font-family: 'Ethnocentric Rg';
font-size: 0.65rem;
text-transform: none;
text-align: center;
margin-top: 3px;
}

.battle_player_txt3 {
width: 90px;
color: #fff;
font-family: 'Ethnocentric Rg';
font-size: 0.7rem;
text-transform: none;
text-align: center;
margin-top: 3px;
}

.battle_player_icon {
width: 50px;
height: 50px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: -40px;
}

.battle_player_icon img {
width: 50px;
height: 50px;
}

.orange_color {
color: #ee5500 !important;
}

.battle_img1 {
width: 70px;
height: 70px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;

}

.battle_img1 img {
width: 70px;
height: 70px;
border-radius: 5px;
}

.set_rock_table1 table td .txt4b {
font-size: 12px;
font-family: 'Roboto-Regular';
padding-top: 0px;
color: #222;
padding: 2px;
}

.set_rock_table1 table td .txt4b strong {
color: #1d1d1d;
font-weight: bolder;
}

.set_rock_table1 table td .txt4b div {
width: auto;
color: #777777;
float: left;
}

.album_wrap_small1 {
width: 70px;
height: 80px;
padding: 0px;
margin: 0px;
background-color: transparent;
overflow-x: hidden;
position: relative;
overflow-y: hidden;
}

.dropdownwrap2 .score_table .div1a {
float: left;
width: 25%;
color: #1d1d1d;
font-family: 'Roboto-Bold';
font-size: 1.1rem;
line-height: 30px;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.dropdownwrap2 .score_table .div2a {
float: left;
width: 25%;
color: #1d1d1d;
font-family: 'Roboto-Bold';
line-height: 30px;
font-size: 1.1rem;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.dropdownwrap2 .score_table .div3a {
float: left;
width: 25%;
color: #1d1d1d;
font-family: 'Roboto-Bold';
line-height: 30px;
font-size: 1.1rem;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.dropdownwrap2 .score_table .div4a {
float: left;
width: 24%;
color: #1d1d1d;
font-family: 'Roboto-Bold';
line-height: 30px;
font-size: 1.1rem;
text-align: center;
}

.casual_battle_page_bg {
width: 100vw;
height: auto;
}

.casual_battle_page_bg .back_btn {
position: absolute;
}

.casual_battle_page_bg .back_btn img {
width: 35px;
height: auto;
margin-top: -3px;
margin-left: 8px;
}

.casual_battle_page_header {
font-family: 'Ethnocentric Rg';
color: #000;
font-size: 1.4rem;
text-transform: capitalize;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
line-height: 28px;
position: absolute;
}

.casual_battle_div1 {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.casual_battle_div1 .image_wrap {
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative;
z-index: 11;
border: 4px solid #40c3fe;
}

.casual_battle_div1 .image_wrap img {
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.casual_battle_div1 .image_wrap1 {
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative;
z-index: 11;
border: 4px solid #40c3fe;
}

.casual_battle_div1 .image_wrap1 img {
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
border: 0px solid #40c3fe;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-top: 0px;
margin-left: 0px;
}

.casual_battle_wrap .image_name {
font-family: 'Ethnocentric Rg';
color: #FFFFFF;
font-size: 1.2rem;
text-transform: capitalize;
text-align: center;
}

.casual_battle_div1 .image_wrap_s {
width: 50px;
height: 50px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative;
z-index: 11;
border: 3px solid #6e50ff;
}

.casual_battle_div1 .image_wrap_s img {
width: 50px;
height: 50px;
margin-left: auto;
margin-right: auto;
border: 0px solid #40c3fe;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-top: 0px;
margin-left: 0px;
}

.casual_battle_wrap .image_name_s {
font-family: 'Ethnocentric Rg';
color: #FFFFFF;
font-size: .8rem;
text-transform: capitalize;
text-align: center;
}

.casual_battle_wrap .image_name {
font-family: 'Ethnocentric Rg';
color: #FFFFFF;
font-size: 1rem;
text-transform: capitalize;
text-align: center;
position: absolute;
width: 100%;
text-align: center;
}

.vs_icon {
width: 100%;
height: 50px;
margin-left: auto;
margin-right: auto;
text-align: center;
position: absolute;
z-index: 999;
text-align: center;
}

.vs_icon img {
width: 45px;
height: auto;
margin-top: 0px;
margin-left: 0px;
}

@-webkit-keyframes hoop-animation {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}

2% {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}

90% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
opacity: 0.1;
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}

100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}

@-moz-keyframes hoop-animation {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}

2% {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}

90% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
opacity: 0.1;
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}

100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}

@-o-keyframes hoop-animation {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}

2% {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}

90% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
opacity: 0.1;
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}

100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}

@keyframes hoop-animation {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}

2% {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}

90% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
opacity: 0.1;
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}

100% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
}

.casual_page_blur_bg {
position: absolute;
z-index: 0;
height: auto;
width: 100%;
text-align: center;
}

.casual_page_blur_bg img {
opacity: 0.8;
height: auto;
width: 100%;
}

.blur_casual {
width: 100%;
height: 100%;
-webkit-filter: blur(10px);
filter: blur(10px);
margin-left: 0;
margin-top: -15%;
}

.outer_layer {
position: absolute;
z-index: 999;
height: 100%;
width: 100%;
text-align: center;
}

.congrats_pg_img_reward {
width: 100%;
text-align: center;
}

.congrats_pg_img_reward img {
width: 80px;
height: auto;
border-radius: 50%;
}

.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

/*styles 22 Oct 2020 starts*/
.helpUL {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
display: block;
background-color: #fff;
}

.helpUL li a {
margin-top: 0px;
/* Prevent double borders */
padding: 10px 10px 0px 0px;
text-decoration: underline;
height: 40px;
font-size: 1.45rem;
color: #f4f4f4;
display: block;
border-bottom: 1px solid #333;
line-height: 30px;
background-color: #000000;
margin: 0;
font-family: 'Roboto-Regular';
text-transform: capitalize;
}

.question_message {
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: 'Roboto-Bold';
color: #f4f4f4;
font-size: 1.2rem;
text-transform: none;
}

.scrat_pop_card_wrap {
transform: scale(.8);
margin-top: 180px;
}

/*styles 22 Oct 2020 ends*/

.question_header_wrap .question_score {
float: left;
margin-top: 18px;
margin-left: 8px;
width: 60%;
}

.question_scorebox {
width: 80%;
float: right;
background-color: #fff;
border-radius: 50px;
border: 3px solid rgba(255, 255, 255, 0.5);
color: #333;
text-align: center;
height: 23px;
line-height: 23px;
font-weight: bolder;
font-size: 16px;
}


.question_header_wrap .question_skip {
float: left;
margin-top: 18px;
margin-left: 8px;
width: 20%;
text-align: right;
color: #fff;
font-weight: bolder;
font-size: 16px;
text-transform: none;
line-height: 25px;
}

.question_header_wrap .round_skip {
margin-top: 8px;
width: 60px;
text-align: center;
color: #fff;
font-weight: bolder;
font-size: 14px;
text-transform: none;
line-height: 22px;
border: 2px solid #fff;
border-radius: 50px;
}

.score_sliding_wrap {
width: 99%;
margin-left: auto;
margin-right: auto;
margin-top: -55px;
position: absolute;
}

.score_sliding_wrap.challenge_ques {
width: 90%;
margin-left: 10%;
}

.score_sliding_wrap .score_slide_div1 {
float: left;
width: 38%;
border-top: 1px solid rgba(255, 255, 255, 0);
}

.score_sliding_wrap .score_slide_div2 {
float: left;
width: 22%;
border-top: 1px solid rgba(255, 255, 255, 0);
}

.score_sliding_wrap .score_slide_div3 {
float: left;
width: 40%;
border-top: 1px solid rgba(255, 255, 255, 0);
}

.score_sliding_wrap .score_slide_div1 .contestant_score_wrap {
width: 90%;
height: 50px;
background-color: rgba(0, 0, 0, 0.5);
float: left;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}

.score_sliding_wrap .score_slide_div1 .contestant_score_wrap .div_c_1 {
width: 40%;
height: 30px;
float: left;
text-align: center;

}

.score_sliding_wrap .score_slide_div1 .contestant_score_wrap .div_c_2 {
width: 60%;
height: 30px;
float: right;
color: #fff;
font-size: 16px;
line-height: 50px;
text-align: center;
}

.score_sliding_wrap .score_slide_div1 .contestant_score_wrap .div_c_1 img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-top: 5px;
}

.score_sliding_wrap .score_slide_div3 .contestant_score_wrap {
width: 90%;
height: 50px;
background-color: rgba(0, 0, 0, 0.5);
float: right;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}

.score_sliding_wrap .score_slide_div3 .contestant_score_wrap .div_c_1 {
width: 40%;
height: 30px;
float: right;
text-align: center;

}

.score_sliding_wrap .score_slide_div3 .contestant_score_wrap .div_c_2 {
width: 60%;
height: 30px;
float: left;
color: #fff;
font-size: 16px;
line-height: 50px;
text-align: center;
}

.score_sliding_wrap .score_slide_div3 .contestant_score_wrap .div_c_1 img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-top: 5px;
}

.question_scorebox_60 {
width: 70%;
background-color: #fff;
border-radius: 50px;
border: 3px solid rgba(255, 255, 255, 0.5);
color: #f4f4f4;
text-align: center;
height: 30px;
line-height: 32px;
font-size: 1.3rem;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
font-family: 'PoppinsRegular';

font-weight: bolder;
}

.profile_btn_wrap .btn_center {
width: 50%;
margin-left: auto;
margin-right: auto;
}

@media (min-width: 415px) and (max-width: 420px) {
/*.spin_circle{
margin-left: 7px;
}*/
}

@media (min-width: 420px) and (max-width: 430px) {
/*.spin_circle{
margin-left: 11px;
}*/
}

@media (min-width: 431px) and (max-width: 454px) {
/*.spin_circle{
margin-left: 24px;
}*/
}

#new_overlay_treasure {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120%;
background: rgba(20, 20, 20, 0.7);
display: block;
}

/* game type css change -start*/
.score_on_game {
height: 20px;
position: absolute;
width: 100%;
z-index: 1;
}

.back_btn_on_game {
height: 45px;
width: 45px;
position: absolute;
z-index: 1;
}

.sample_bg img {
height: 100vh;
position: relative;
}

/* ​​​​​​​ */
/* game type css change -end*/

.pop_2btn_wrap {
width: 100%;
text-align: center;
}

.fill_btn5 {
border-radius: 30px;
padding: 13px 20px 13px 20px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.6rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
background-color: #ed1c24;
text-transform: capitalize;
line-height: 15px;
}

.fill_btn5 a {
text-decoration: none;
}

/*styles 6 Jan 2021 starts*/
.battle_card1 {
height: auto;
width: 94%;
margin-right: auto;
margin-left: auto;
background-color: #313130;
border-radius: 7px;
padding-bottom: 5px;
}

.battle_prize_details {
height: 40px;
width: 94%;
margin-left: 15px;
}

.battle_prize_wrap {
width: 100px;
float: left;
height: 40px;
margin-top: -10px;
}

.prize_div1 {
width: 100%;
height: 20px;
}

.prize_div2 {
width: 100%;
height: 20px;
color: #fff;
font-weight: normal;
font-family: 'Roboto-Regular';
font-size: 12px;
color: #999;
}

.prize_div1 .prize_div1a {
width: 20px;
height: auto;
float: left;
}

.prize_div1 .prize_div1b {
width: 70px;
height: auto;
float: left;
color: #fff;
font-weight: normal;
font-family: 'Roboto-Regular';
font-size: 13px;
}

.prize_div1 .prize_div1a img {
width: 15px;
height: auto;
}

.prize_hr {
width: 100%;
margin-right: auto;
margin-right: auto;
border-top: 1px solid #999;
text-align: center;
opacity: 10%;
}

.prize_arrow {
width: 100%;
text-align: center;
}

.prize_arrow img {
width: 20px;
height: auto;
text-align: center;
margin-top: 5px;
}

.prize_drop_head1 {
font-size: 1.3rem;
font-family: 'Roboto-Bold';
padding-top: 15px;
color: #FFFFFF;
margin-left: 15px;
}

.prize_drop_txt1 {
font-size: 12px;
font-family: 'Roboto-Light';
padding-top: 15px;
color: #EFEFEF;
margin-left: 15px;
opacity: 0.6;
}

.contestant_image_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 10px;
padding: 6px 10px 6px 10px;
}

.contestant_image_wrap._2contenstant {
width: 140px !important;
}

.contestant_image_wrap._4contenstant {
width: 230px !important;
}

.contestant_image_wrap._3contenstant {
width: 170px !important;
}

.contestant_image_wrap._5contenstant {
width: 290px !important;
}


.contestant_wrap {
width: 55px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
}

.contestant_img_wrap {
text-align: center;
width: 50px;
margin-left: auto;
margin-right: auto;
}

.artist_image1 {
width: 50px;
height: 50px;
overflow: hidden;
position: relative;
}

.artist_image1 img {
width: 45px;
height: auto;
overflow: hidden;
border-radius: 50%;
background-color: #d7d7d7;
box-shadow: 2px 1px 3px -2px rgba(0, 0, 0, 1);
-webkit-box-shadow: 2px 1px 3px -2px rgba(0, 0, 0, 1);
-moz-box-shadow: 2px 1px 3px -2px rgba(0, 0, 0, 1);
border: 1px solid rgba(0, 0, 0, 0.2);
}


.contestant_name1 {
text-align: center !important;
font-family: 'Roboto-Regular';
color: #FFFFFF;
font-size: 10px;
width: 45px;
height: 14px;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
line-height: 13px;
background-color: #ed1c24;
border-radius: 10px;
font-weight: bolder;
position: absolute;
margin-left: 5px;
overflow-x: hidden;
}

.contestant_score1 {
text-align: center !important;
font-family: 'Roboto-Regular';
color: #FFFFFF;
font-size: 8px;
width: 40px;
height: 12px;
margin-top: -22px;
margin-left: auto;
margin-right: auto;
line-height: 12px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px;
font-weight: bolder;
position: absolute;
margin-left: 8px;

}


.orange_border {
border: 2px solid #ee5500 !important;
}

.casual_battle_div3 {
width: 75%;
margin-left: auto;
margin-right: auto;
}

.battle_confirm_txt {
width: 100%;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
color: #FFFFFF;
font-size: 11px;
text-align: center;
position: absolute;
text-align: center;
}

.flex {
padding: 0;
margin: 0;
list-style: none;
display: -webkit-box;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: space-around;
}

.item {
margin-bottom: 10px;
}

.item.btm_margin {
margin-bottom: 30px;
}

.single_contest_space {
width: 100%;
height: auto;
margin-top: 2px;
}

.single_contest_space img {
width: 100%;
height: auto;
}

.pop_2btn_wrap {
width: 100%;
text-align: center;
}


.battle_card1 .leaderboard_menu_wrap {
width: 85%;
margin-left: auto;
margin-right: auto;
padding: 0px 5px 0px 5px;
height: 30px;
}

.battle_card1 .leaderboard_menu_wrap .div1 {
float: left;
width: 49.5%;
color: #CCCCCC;
font-family: 'Roboto-Regular';
font-size: 1.1rem;
line-height: 30px;
text-align: center;
border-bottom: 1px solid #cccccc;
margin-right: 1px;
background-color: #444444;

}

.battle_card1 .leaderboard_menu_wrap .div1.select {
border-bottom: 1px solid #cccccc !important;
color: #000;
background-color: #FFFFFF;
font-family: 'Roboto-Bold'
}

.prize_hr1 {
width: 100%;
margin-right: auto;
margin-right: auto;
border-top: 1px solid #999;
text-align: center;
opacity: 50%;
}

/* .fill_btn4 {
border-radius: 30px;
padding: 10px 18px 10px 18px;
color: #fff;
text-decoration: none;
font-size: 1.6rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
background-color: #ed1c24;
text-transform: capitalize;
line-height: 15px;
} */

/* .fill_btn4 a {
text-decoration: none;
} */

.fill_btn5a {
border-radius: 30px;
padding: 6px 7px 6px 7px;
color: #fff;
text-decoration: none;
font-size: 1rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
background-color: #ed1c24;
text-transform: capitalize;
line-height: 15px;
}

.fill_btn5a a {
text-decoration: none;
}

.casual_battle_div1 .image_wrap_bs {
width: 55px;
height: 55px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative;
z-index: 11;
border: 4px solid #40c3fe;
}

.casual_battle_div1 .image_wrap_bs img {
width: 55px;
height: 55px;
margin-left: auto;
margin-right: auto;

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.casual_battle_wrap .image_name_bs {
font-family: 'Ethnocentric Rg';
color: #FFFFFF;
font-size: .8rem;
text-transform: capitalize;
text-align: center;
position: absolute;
width: 100%;
text-align: center;
}

.share_image_wrap {
width: 200px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.share_image_wrap .room_share_image {
width: 50px;
height: 40px;
float: left;
z-index: 1;
}

.share_image_wrap .room_share_image img {
width: 23px;
height: 23px;
border-radius: 50%;
border: 2px solid #ccc;
}


/* .share_image_wrap {
width: 150px;
margin-left: auto;
margin-right: auto;
} */


.horzontal_line {
width: 100%;
text-align: center;
}

.horzontal_line img {
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
/*	 filter: brightness(var(--value, 1.4));*/
}

.fill_btn_gradient {
border-radius: 5px;
padding: 8px 20px 8px 20px;
color: #fff;
text-decoration: none;
font-size: 1.4rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
text-transform: capitalize;
line-height: 23px;
background: #353535;
background: -webkit-linear-gradient(bottom, #353535, #969696);
background: -moz-linear-gradient(bottom, #353535, #969696);
background: linear-gradient(to top, #353535, #969696);
display: inline;
margin-left: 5px;
height: 23px;
}

.question_header_wrap.new_roundheader {
margin-bottom: 1.5vh !important;
}

.question_header_wrap .btn_table1 {
float: left;
width: 87%;
margin-top: 10px;
}

.room_id_space_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.room_id_space {
width: 100%;
margin-left: auto;
margin-right: auto;
border: 1px solid rgba(255, 255, 255, 0.3);
background-color: #404040;
color: rgba(255, 255, 255, 0.7);
text-align: center;
height: 30px;
line-height: 20px;
color: #FFFFFF !important;
font-size: 1.3rem;
letter-spacing: 5px;
}

.room_id_space::placeholder {
color: #FFFFFF !important;
font-family: 'Roboto-Regular';
font-size: 1rem;
text-transform: capitalize !important;
letter-spacing: 1px;
}

.black_bg1 {
background-color: #000;
}

.room_code_wrp {
width: 100%;
text-align: center;
position: absolute;
}

.room_code_wrp_space {
width: 270px;
border-radius: 20px;
height: 110px;
margin-left: auto;
margin-right: auto;
background-color: rgba(60, 60, 60, 0.95);
color: #FFFFFF;
}

.room_code_wrp_space .share_icon {
float: right;
margin-top: -15px;
}

.room_code_wrp_space .share_icon img {
width: 20px;
height: auto;
margin-right: 15px;

}

.room_code_wrp_space .room_txt1 {
text-align: center;
font-family: 'Roboto-Medium';
font-size: 1rem;
}

.room_code_wrp_space .room_txt2 {
text-align: center;
font-family: 'Roboto-Light';
font-size: 1rem;
color: #999;
}

.room_code_wrp_space .room_txt3 {
text-align: center;
font-family: 'Roboto-Medium';
font-size: .9rem;
}

.room_code_wrp_space .room_txt3 strong {
text-align: center;
font-family: 'Roboto-Medium';
font-size: .95rem;
color: #ff6600;
}


/*CSS added on 8 Feb 2021*/
.ripple_green {
margin: auto;
margin-top: auto;
background-color: #fff;
width: .5rem;
height: .5rem;
border-radius: 50%;
animation: ripple_g 1s linear infinite;
}

@keyframes ripple_g {
0% {
box-shadow: 0 0 0 .2rem rgba(23, 192, 10, 0.1),
0 0 0 .3rem rgba(23, 192, 10, 0.1),
0 0 0 .5rem rgba(23, 192, 10, 0.1);
}

100% {
box-shadow: 0 0 0 .9rem rgba(23, 192, 10, 0.1),
0 0 0 .7rem rgba(23, 192, 10, 0.1),
0 0 0 .7rem rgba(23, 192, 10, 0);
}
}

.green_select {
border: 3px solid rgba(23, 192, 10, 0.7) !important;
}

.battle_icon_wrap .div1_battle .icon_image img {
width: 70px;
height: 70px;
border-radius: 7px;
}

.casual_page_blur_bg img {
opacity: 0.5;
height: 100vh;
width: 100%;
}

.casual_battle_wrap .image_name_s {
font-family: 'Ethnocentric Rg';
color: #FFFFFF;
font-size: .8rem;
text-transform: capitalize;
text-align: center;
width: 80px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.language_page .back_btn img {
/*filter: brightness(var(--value, 5));
--value: 0;*/
}

.contact_page .back_btn img {
/*filter: brightness(var(--value, 5));
--value: 0;*/
}

.battle_player_txt1 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.battle_player_txt2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.battle_opt_pg_container {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color: transparent;
position: absolute;
margin-top: -10vh;
}

.green_border {
/*  outline: 3px solid #17c00a !important;*/
box-shadow: 0 0 0 4px #17c00a !important;
border-radius: 7px;
}

/*CSS added on 8 Feb 2021*/
/*CSS added on 10 Feb 2021*/

.overallleaderboard_menu_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 0px 5px 10px 5px;
height: 40px;
}

.overallleaderboard_menu_wrap .div1 {
float: left;
width: 49.5%;
color: #cccccc;
font-family: 'Roboto-Medium';
font-size: 1.5rem;
line-height: 23px;
text-align: center;
border-bottom: 3px solid #CCCCCC;
margin-right: 1px;
font-weight: bolder;
}

.overallleaderboard_menu_wrap .div1.select {
border-bottom: 3px solid #ed1c24 !important;
color: #111111;
font-family: 'Roboto-Medium';
font-weight: bolder;
}

.overleaderboard_head .header_txt {
text-align: left;
color: #1d1d1d;
ffont-family: 'Roboto-Medium';
font-weight: bold;
font-size: 1.8rem;
width: auto;
padding-top: 0px;
margin-left: 20px;
float: left !important;
}

.overleaderboard_head .subheader_txt {
text-align: left;
color: #999999;
font-family: 'Roboto-Medium';
font-size: 1rem;
width: auto;
padding-top: 2px;
margin-left: 20px;
float: left !important;
}


/*CSS added on 10 Feb 2021*/

.cdk-overlay-pane {
max-width: 100vw !important;
}

.my-class .mat-dialog-container {
width: 100vw !important;
max-width: 100vw !important;
height: 100vh !important;
max-height: 100vh !important;
padding: 0px !important;
background-color: black;
border-radius: 0 !important;
}

.adv_timer {
width: 100%;
color: #fff;
font-size: 1.3rem;
text-align: center;
position: absolute;
z-index: 1;
}

.ad_close_ic {
width: 40px;
height: 30px;
color: #fff;
font-size: 1.5rem;
text-align: center;
position: absolute;
z-index: 2;
float: right;
right: 0px;
font-weight: bolder;
font-family: 'Roboto-Medium';
line-height: 30px;
margin-top: -10px;
}

a.ad_close_ic {
color: #fff;
display: block;
}

.black_bg {
background-color: #000000 !important;
}

/*CSS added on 12 Feb 2021*/
.cashwallet_outer_wrap .question_wrap .div5 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
width: 90%;
}

/*CSS added on 12 Feb 2021*/
.header_wrap .head_c {
width: 36%;
float: left;
font-family: 'Ethnocentric Rg';
color: #FFFFFF;
font-size: 1.5rem;
text-transform: none;
margin-top: 20px;
margin-left: 3%;
text-align: center;
}

.profile_pg_img_wrap .profile_heading {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
width: 99%;
padding-left: 1%;
}

.casual_battle_wrap .image_name {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
width: 50%;
margin-left: 24%;
}

.row {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.row1 {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.fill_btn6 {
border-radius: 30px;
padding: 5px 5px 5px 5px;
color: #fff;
text-decoration: none;
font-size: 0.6rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
background-color: #ed1c24;
text-transform: capitalize;
line-height: 15px;
}

.fill_btn6 a {
text-decoration: none;
}

@media (min-width: 482px) and (max-width: 500px) {
.slider_content {
height: 520px !important;
}
}

/*CSS added on april29 2021*/
.finished_page .score_table .div1a {
float: left;
width: 33%;
color: #fff;
font-family: 'Roboto-Regular';
font-size: .9rem;
line-height: 37px;
text-align: center;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.finished_page .score_table .div2a {
float: left;
width: 33%;
color: #fff;
font-family: 'Roboto-Regular';
line-height: 37px;
font-size: .9rem;
text-align: center;

}

.finished_page .score_table .div3a {
float: left;
width: 33%;
color: #fff;
font-family: 'Roboto-Regular';
line-height: 37px;
font-size: .9rem;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.congrats_header_white {
font-family: 'Roboto-Medium';
color: #FFFFFF;
font-size: 1.3rem;
text-transform: capitalize;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}

.finished_bg .share_btn {
position: absolute;
width: 30%;
right: 15px;
text-align: right;
top: 10px;
}

.finished_bg .share_btn img {
width: 25px;
height: auto;
}

.basic-info-tab {
text-align: center;
margin-top: 00px;
/* border: 1px solid #ddd; */
background: rgba(100, 100, 100, 0.2);
display: inline-block;
border-radius: 50px;
position: relative;
font-size: 1rem;
width: 92%;
padding: 4px 0px 4px 0px;
}

.basic-info-tab.tabs_2 {
width: 45% !important;
}

.basic-info-tab a {
display: inline-block;
text-decoration: inherit;
color: inherit;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* background-color: #f0f0f0; */
color: rgba(255, 255, 255, 0.5);
/* border-radius: 50px; */
padding: 6px 18px;
box-sizing: border-box;
position: relative;
z-index: 1;
transition-duration: 0.6s;
}

.basic-info-tab a.active {
background-color: #ed1c24;
color: #fff;
border-radius: 50px;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

background: #ed1c24;
background-color: #ed1c24;
}

.basic-info-tab a.disable {
/* pointer-events: none; */
/*color: #f0f0f0;;*/
/* background-color: #f0f0f0; */
}

.basic-info-tab .selector {
height: 100%;
display: inline-block;
position: absolute;
left: 25px;
top: 0px;
z-index: 1;
border-radius: 50px;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

background: #ed1c24;
background-color: #ed1c24;
/* background: -moz-linear-gradient(45deg, #05abe0 0%, #8200f4 100%);
background: -webkit-linear-gradient(45deg, #05abe0 0%,#8200f4 100%);
background: linear-gradient(45deg, #05abe0 0%,#8200f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#8200f4',GradientType=1 ); */
}

.purple_bg {
background-color: #1f0e3b !important;
}

.darkblue_bg {
background-color: #0A356B !important;
}



.leaderboard_table table,
tbody,
tfoot,
thead,
tr,
th,
td {
background: none;
margin: 0;
padding: 0;
border: 0;
font-size: 1.1rem;
font: inherit;
vertical-align: middle;
border: none;
}

.leaderboard_table table {
color: #333;
width: 95%;
margin-left: auto;
margin-right: auto;
border: none;
}

.leaderboard_table th.border_left {
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}

.leaderboard_table th.border_right {
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}

.leaderboard_table td,
th {
border: none !important;
height: 30px;
transition: all 0.3s;

}

.leaderboard_table th {
background: #1d1d1d;
font-weight: bold;
color: #fff;
}

.leaderboard_table td {
background: #FAFAFA;
text-align: center;
border-bottom: 1px solid #efefef !important;
}

.leaderboard_table tr: nth-child(even) td {
background: #F1F1F1;
}

.leaderboard_table tr: nth-child(odd) td {
background: #FEFEFE;
}

.leaderboard_table tr td: hover {
background: #666;
color: #FFF;
}

.leaderboard_table .image_name_wrap {
width: 105px;
margin-left: auto;
margin-right: auto;
}

.leaderboard_table .image_name_wrap .table_sm_img {
float: left;
width: 25px;
height: 25px;
}

.leaderboard_table .image_name_wrap .table_sm_img img {
width: 23px;
height: 23px;
border-radius: 50%;
margin-top: 3px;
}

.leaderboard_table .image_name_wrap .table_sm_txt {
float: left;
margin-left: 5px;
height: 30px;
line-height: 30px;
width: 70px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
}

.leaderboard_table .prize_number {
width: 30px;
overflow: hidden;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;

text-align: center;
margin-left: auto;
margin-right: auto;
}

.leaderboard_table .image_name_wrap1 {
width: 95px;
margin-left: auto;
margin-right: auto;
border: 1px solid rgba(255, 50, 50, 0.2);
-webkit-border-radius: 30px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius: 30px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
border-radius: 30px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
height: 20px;
margin-top: 8px;
}

.leaderboard_table .image_name_wrap1.darker {
border: 1px solid rgba(255, 100, 50, 0.5) !important;
}

.leaderboard_table .image_name_wrap1 .table_sm_img {
float: left;
width: 20px;
height: 20px;
background-color: rgba(255, 100, 100, 0.2);
border-radius: 50%;
}

.leaderboard_table .image_name_wrap1 .table_sm_img.darker {
background-color: rgba(255, 170, 100, 0.4);
}

.leaderboard_table .image_name_wrap1 .table_sm_img img {
width: 18px;
height: 18px;
margin-top: 1px;
}

.leaderboard_table .image_name_wrap1 .table_sm_txt {
float: left;
margin-left: 5px;
height: 20px;
line-height: 20px;
font-family: 'Roboto-Heavy';
width: 70px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
}

.leaderboard_table .image_name_wrap2 {
width: 80px;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
}

.leaderboard_table .image_name_wrap2 .table_sm_img {
float: right;
width: 25px;
height: 25px;
}

.leaderboard_table .image_name_wrap2 .table_sm_img img {
width: 12px;
height: 12px;
margin-top: 6px;
}

.leaderboard_table .image_name_wrap2 .table_sm_txt {
float: right;
margin-left: 5px;
height: 30px;
line-height: 27px;
}

.winner_pondium_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 85px;
}

.winner_pondium_wrap .div_winner {
width: 33.3%;
float: left;
}

.leader_prize_box_wrap {
width: 100%;
height: 140px;
margin-left: auto;
margin-right: auto;
position: relative;
box-shadow: 0px -4px 42px 0px rgba(0, 0, 0, 0.33);
-webkit-box-shadow: 0px -4px 42px 0px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0px -4px 42px 0px rgba(0, 0, 0, 0.33);

}

.yellow_bg {
background-color: #f4cc03;
}

.darkyellow_bg {
background-color: #e3a601;
}

.leader_prize_box_wrap .div1 {
width: 100%;
height: 65px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.leader_prize_box_wrap .div2 {
width: 100%;
height: 95px;
}

.leader_prize_box_wrap .div2 .image_name_wrap2 {
width: 75%;
margin-left: auto;
margin-right: auto;
}

.leader_prize_box_wrap .div2 .image_name_wrap2 .table_sm_img {
float: right;
width: 20px;
height: 20px;
}

.leader_prize_box_wrap .div2 .image_name_wrap2 .table_sm_img img {
width: 12px;
height: 12px;
margin-top: 7px;
}

.leader_prize_box_wrap .image_name_wrap2 .table_sm_txt {
float: left;
margin-left: 5px;
height: 30px;
line-height: 27px;
}

.leader_prize_box_wrap .div2 .pize_txt1 {
text-align: center;
color: #FFFFFF;
height: 25px;
font-size: .85rem;
font-family: 'Roboto-Medium';
line-height: 35px;
}

.leader_prize_box_wrap .div2 .pize_txt2 {
text-align: center;
color: #FFFFFF;
font-size: 1rem;
font-family: 'Roboto-Regular';
line-height: 25px;
height: 25px;
}

.leader_prize_box_wrap .div2 .pize_txt3 {
text-align: center;
color: #FFFFFF;
font-size: 1rem;
font-family: 'Roboto-Medium';
}

.leader_prize_box_wrap .crown_image_wrap {
width: 100%;
text-align: center;
position: absolute;
z-index: 2;
margin-top: -80px;
}

.leader_prize_box_wrap .crown_image_wrap .crown_image_div {
width: 30px;
height: 30px;
margin-left: auto;
margin-right: auto;
}

.leader_prize_box_wrap .crown_image_wrap .crown_image_div img {
width: 26px;
height: 26px;
margin-left: 2px;
margin-top: 4px;
}


.leader_prize_box_wrap .prize_number_wrap {
width: 100%;
text-align: center;
position: absolute;
z-index: 2;
margin-top: 22px;
}

.leader_prize_box_wrap .prize_number_wrap .number_div1 {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #fff8a5;
background-color: #e3a601;
margin-left: auto;
margin-right: auto;
font-size: 1.2rem;
font-family: 'Roboto-Medium';
margin-top: 2px;
color: #FFFFFF;
line-height: 30px;
}

.leader_prize_box_wrap .prize_image_wrap {
width: 100%;
text-align: center;
position: absolute;
margin-top: -50px;
}

.leader_prize_box_wrap .prize_image_wrap .image_div {
width: 90px;
height: 90px;
margin-left: auto;
margin-right: auto;
}

.leader_prize_box_wrap .prize_image_wrap .image_div img {
width: 90px;
height: 90px;
border-radius: 50%;
border: 3px solid #fff8a5;
}

/*silver*/
.leader_prize_box_wrap1 {
width: 100%;
/* height: 120px; */
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: 20px;
}

.silver_bg {
background-color: #e1e3e4;
}

.darksilver_bg {
background-color: #9e9fa0;
}

.leader_prize_box_wrap1 .div1 {
width: 100%;
height: 60px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.leader_prize_box_wrap1 .div2 {
width: 100%;
height: 60px;
}

.leader_prize_box_wrap1 .div2 .image_name_wrap2 {
width: 75%;
margin-left: auto;
margin-right: auto;
}

.leader_prize_box_wrap1 .div2 .image_name_wrap2 .table_sm_img {
float: right;
width: 20px;
height: 20px;
}

.leader_prize_box_wrap1 .div2 .image_name_wrap2 .table_sm_img img {
width: 12px;
height: 12px;
margin-top: 4px;
}

.leader_prize_box_wrap1 .image_name_wrap2 .table_sm_txt {
float: left;
margin-left: 5px;
height: 20px;
line-height: 20px;
}

.leader_prize_box_wrap1 .div2 .pize_txt1 {
text-align: center;
color: #FFFFFF;
height: 20px;
font-size: .85rem;
font-family: 'Roboto-Medium';
line-height: 20px;
}

.leader_prize_box_wrap1 .div2 .pize_txt2 {
text-align: center;
color: #FFFFFF;
font-size: 1rem;
font-family: 'Roboto-Regular';
line-height: 20px;
height: 20px;
}

.leader_prize_box_wrap1 .div2 .pize_txt3 {
text-align: center;
color: #FFFFFF;
font-size: 1rem;
font-family: 'Roboto-Medium';
height: 25px;
}

.leader_prize_box_wrap1 .prize_number_wrap {
width: 100%;
text-align: center;
position: absolute;
z-index: 2;
margin-top: 5px;
}

.leader_prize_box_wrap1 .prize_number_wrap .number_div1 {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #FFFFFF;
background-color: #9c9c9d;
margin-left: auto;
margin-right: auto;
font-size: 1.2rem;
font-family: 'Roboto-Medium';
margin-top: 2px;
color: #FFFFFF;
line-height: 30px;
}

.leader_prize_box_wrap1 .prize_image_wrap {
width: 100%;
text-align: center;
position: absolute;
margin-top: -50px;
}

.leader_prize_box_wrap1 .prize_image_wrap .image_div {
width: 70px;
height: 70px;
margin-left: auto;
margin-right: auto;
}

.leader_prize_box_wrap1 .prize_image_wrap .image_div img {
width: 70px;
height: 70px;
border-radius: 50%;
border: 3px solid #FFFFFF;
}

/*silver*/

/*Bronze*/
.leader_prize_box_wrap2 {
width: 100%;
height: 120px;
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: 20px;
}

.bronze_bg {
background-color: #df7d40;
}

.darkbronze_bg {
background-color: #a6521d;
}

.leader_prize_box_wrap2 .div1 {
width: 100%;
height: 60px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.leader_prize_box_wrap2 .div2 {
width: 100%;
height: 60px;
}

.leader_prize_box_wrap2 .div2 .image_name_wrap2 {
width: 75%;
margin-left: auto;
margin-right: auto;
}

.leader_prize_box_wrap2 .div2 .image_name_wrap2 .table_sm_img {
float: right;
width: 20px;
height: 20px;
}

.leader_prize_box_wrap2 .div2 .image_name_wrap2 .table_sm_img img {
width: 12px;
height: 12px;
margin-top: 4px;
}

.leader_prize_box_wrap2 .image_name_wrap2 .table_sm_txt {
float: left;
margin-left: 5px;
height: 20px;
line-height: 20px;
}

.leader_prize_box_wrap2 .div2 .pize_txt1 {
text-align: center;
color: #FFFFFF;
height: 20px;
font-size: .85rem;
font-family: 'Roboto-Medium';
line-height: 20px;
}

.leader_prize_box_wrap2 .div2 .pize_txt2 {
text-align: center;
color: #FFFFFF;
font-size: 1rem;
font-family: 'Roboto-Regular';
line-height: 20px;
height: 20px;
}

.leader_prize_box_wrap2 .div2 .pize_txt3 {
text-align: center;
color: #FFFFFF;
font-size: 1rem;
font-family: 'Roboto-Medium';
height: 25px;
}

.leader_prize_box_wrap2 .prize_number_wrap {
width: 100%;
text-align: center;
position: absolute;
z-index: 2;
margin-top: 5px;
}

.leader_prize_box_wrap2 .prize_number_wrap .number_div1 {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #ffc8a5;
background-color: #a5531f;
margin-left: auto;
margin-right: auto;
font-size: 1.2rem;
font-family: 'Roboto-Medium';
margin-top: 2px;
color: #FFFFFF;
line-height: 30px;
}

.leader_prize_box_wrap2 .prize_image_wrap {
width: 100%;
text-align: center;
position: absolute;
margin-top: -50px;
}

.leader_prize_box_wrap2 .prize_image_wrap .image_div {
width: 70px;
height: 70px;
margin-left: auto;
margin-right: auto;
}

.leader_prize_box_wrap2 .prize_image_wrap .image_div img {
width: 70px;
height: 70px;
border-radius: 50%;
border: 3px solid #ffc8a5;
}

/*bronze*/

.leader_top_link_wrap {
width: 100%;
height: 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 5px;
}

.leader_top_link_wrap._singlehader {
width: 100%;
height: 30px !important;
}

.leader_top_btn_wrap {
width: 82%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

.leader_btn_left_wrap {
width: auto;
float: left;
height: 24px;

}

.leader_btn_center_wrap {
width: 115px;
height: 24px;
margin-left: auto;
margin-right: auto;
opacity: 0.6;
}

.leader_btn_center_wrap .div1 {
float: left;
height: 25px;
}

.leader_btn_center_wrap .div1 img {
width: 17px;
height: auto;
margin-top: 3px;
margin-right: 4px;
}

.leader_btn_center_wrap .div2 {
float: left;
font-size: 1.2rem;
color: #fff;
font-family: 'Roboto-Medium';
line-height: 25px;
}

.leader_btn_center_wrap.select {
border-bottom: 2px solid #ed1c24;
}

.leader_btn_left_wrap.select {
border-bottom: 2px solid #ed1c24;
}

.leader_btn_left_wrap .div1 {
float: left;
height: 25px;
}

.leader_btn_left_wrap .div1 img {
width: 17px;
height: auto;
margin-top: 3px;
margin-right: 4px;
}

.leader_btn_left_wrap .div2 {
float: left;
font-size: 1.2rem;
color: #fff;
font-family: 'Roboto-Medium';
line-height: 25px;
}


.leader_btn_right_wrap {
width: auto;
float: right;
height: 24px;

}

.leader_btn_right_wrap.select {
border-bottom: 2px solid #ed1c24;
}

.leader_btn_right_wrap .div1 {
float: left;
height: 25px;
}

.leader_btn_right_wrap .div1 img {
width: 18px;
height: auto;
margin-top: 3px;
margin-right: 2px;
}

.leader_btn_right_wrap .div2 {
float: left;
font-size: 1.2rem;
color: #fff;
font-family: 'Roboto-Medium';
line-height: 23px;
}

.leader_yellow_wrap {
width: 83%;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
height: 40px;
}

.leader_yellow_wrap .leader_head_left {
font-size: 1.5rem;
color: #ed1c24;
font-family: 'Roboto-Medium';
float: left;
width: 50%;
}

.leader_yellow_wrap .leader_head_right {
font-size: 1.5rem;
color: #ed1c24;
font-family: 'Roboto-Medium';
float: right;
width: 50%;
text-align: right;
}

.leader_yellow_wrap .leader_head_right .div1 {
font-size: 1.1rem;
color: #ed1c24;
font-family: 'Roboto-Heavy';
}

.leader_yellow_wrap .leader_head_right .div2 {
font-size: 1rem;
color: #FFFFFF;
font-family: 'Roboto-Regular';
opacity: 0.8;
}

.timer_ic img {
width: 15px;
height: auto;
margin-top: 0px;
margin-right: 3px;
}

.leader_calender_wrap {
width: 83%;
height: 46px;
border: 1px solid rgba(255, 255, 255, 0.1);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
}

.leader_calender_wrap.seasonal {
width: 50% !important;
}

/*Date style starts*/
.month_single_wrap {
background-color: rgba(255, 255, 255, 0.05);
width: 20vw;
height: 30px;
border-radius: 7px;
margin-top: 8px;
/* display: inline-flex; */
margin-left: 12px;
color: #968ea3;
text-align: center !important;
font-size: 1rem;
text-transform: none;
line-height: 30px;
}

.date_single_wrap {
background-color: rgba(255, 255, 255, 0.05);
width: 10vw;
height: 30px;
border-radius: 7px;
margin-top: 8px;
display: inline-flex;
margin-left: 13px;
}

.date_single_wrap.weekly {
width: 18vw !important;
height: 30px;
margin-left: 5px;
}

.date_single_wrap.right {
float: right !important;
margin-right: 5px;
}

.date_single_wrap .weekly_divider_red {
float: left;
border-left: 1px solid #ed1c24;
width: 1px;
height: 23px;
margin-top: 3px;
}

.date_single_wrap .weekly_divider_white {
float: left;
border-left: 1px solid #968ea3;
width: 1px;
height: 23px;
margin-top: 3px;
}

.date_single_wrap .select {
color: #ed1c24 !important;
opacity: 1 !important;
}

.month_single_wrap.select {
color: #ed1c24 !important;
opacity: 1 !important;
}

.date_single_wrap .left_space {
width: 2.5vw;
font-family: 'Roboto-Medium';
height: 30px;
writing-mode: tb-rl;
text-orientation: upright;
/* useless */
text-transform: none;
color: #968ea3;
text-align: center;
font-size: .5rem;
float: left;
}

.date_single_wrap .right_space {
width: 6.5vw;
float: left;
}

.date_single_wrap .right_space .div1 {
color: #968ea3;
text-align: center;
font-size: .7rem;
font-family: 'Roboto-Regular';
margin-top: 3px;
}

.date_single_wrap .right_space .div2 {
color: #968ea3;
text-align: center;
font-size: 1rem;
font-family: 'Roboto-Medium';
}

.date_icon_wrap {
width: 20px;
height: auto;
margin-right: 8px;
float: right;
margin-top: 12px;
}

.date_icon_wrap img {
width: 20px;
height: auto;
}

.finished_bg .back_btn img {
width: 33px;
height: auto;
margin-top: -3px;
margin-left: 10px;
}

.roll-in-blurred-bottom {
-webkit-animation: roll-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
animation: roll-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes roll-in-blurred-bottom {
0% {
-webkit-transform: translateY(800px) rotate(720deg);
transform: translateY(800px) rotate(720deg);
-webkit-filter: blur(50px);
filter: blur(50px);
opacity: 0;
}

100% {
-webkit-transform: translateY(0) rotate(0deg);
transform: translateY(0) rotate(0deg);
opacity: 1;
}
}

@keyframes roll-in-blurred-bottom {
0% {
-webkit-transform: translateY(800px) rotate(720deg);
transform: translateY(800px) rotate(720deg);
-webkit-filter: blur(50px);
filter: blur(50px);
opacity: 0;
}

100% {
-webkit-transform: translateY(0) rotate(0deg);
transform: translateY(0) rotate(0deg);
opacity: 1;
}
}

.bounce-in-bck {
-webkit-animation: bounce-in-bck 1.1s both;
animation: bounce-in-bck 1.1s both;
}

@-webkit-keyframes bounce-in-bck {
0% {
-webkit-transform: scale(7);
transform: scale(7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}

38% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}

55% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

72% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}

81% {
-webkit-transform: scale(1.24);
transform: scale(1.24);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

89% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}

95% {
-webkit-transform: scale(1.04);
transform: scale(1.04);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}

@keyframes bounce-in-bck {
0% {
-webkit-transform: scale(7);
transform: scale(7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}

38% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}

55% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

72% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}

81% {
-webkit-transform: scale(1.24);
transform: scale(1.24);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

89% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}

95% {
-webkit-transform: scale(1.04);
transform: scale(1.04);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}

div.parent {
display: table;
padding: 0;
width: 100px;
/* you can change/remove margin */
margin: 0px 0;
}

div.text {
vertical-align: middle;
display: table-cell;
text-align: right;
}

div.parent .img {
vertical-align: middle;
display: table-cell;
padding-right: 0px;
width: auto;
/* you can change width */
}

div.img img {
width: 10px;
height: auto;
/* you can change height */
vertical-align: middle;
}

/*Date style ends*/

/*Language style*/
.language_container1 {
width: 100%;
}

.language_container1 table {
width: 93%;
margin-left: auto;
margin-right: auto;
}

.language_container1 table td {
border: none;
text-align: center;
}

.language_circle1 {
width: 27vw;
height: 27vw;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.language_circle1 .txt1 {
font-size: 1.7rem;
font-family: 'Roboto-Regular';
line-height: 27vw;
position: absolute;
width: 27vw;
text-align: center;
z-index: 1;
}


.normal_bg1 {
background-color: #ffffff;
color: #FFFFFF;
}

.normal_bg1 .g1 {
background: #ff670f;
/* Old browsers */
background: -moz-linear-gradient(top, #ff670f 0%, #db0d77 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff670f 0%, #db0d77 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff670f 0%, #db0d77 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff670f', endColorstr='#db0d77', GradientType=0);
opacity: 0.8;

position: absolute;
z-index: 1;
width: 27vw;
height: 27vw;
border-radius: 7px;
}

.normal_bg1 .image_bg {
position: absolute;
z-index: 0;
width: 27vw;
height: 27vw;
}

.normal_bg1 .image_bg img {
width: 27vw;
height: 27vw;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
}

.normal_bg1 .g2 {
background: rgb(2, 0, 36) !important;
background: linear-gradient(180deg, rgba(2, 0, 36, 0.5) 0%, rgba(244, 155, 24, 0.7) 0%, rgba(242, 60, 18, 0.7) 100%) !important;
position: absolute;
z-index: 1;
width: 27vw;
height: 27vw;
border-radius: 7px;
}

.normal_bg1 .g3 {
background: linear-gradient(180deg, rgba(2, 0, 36, 0.7) 0%, rgba(219, 27, 221, 0.7) 0%, rgba(80, 57, 180, 0.7) 100%);
position: absolute;
z-index: 1;
width: 27vw;
height: 27vw;
border-radius: 7px;
}

.normal_bg1 .g4 {
background: rgb(2, 0, 36) !important;
background: linear-gradient(180deg, rgba(2, 0, 36, 0.7) 0%, rgba(255, 193, 0, 0.7) 0%, rgba(251, 162, 18, 0.7) 100%) !important;
position: absolute;
z-index: 1;
width: 27vw;
height: 27vw;
border-radius: 7px;
}

.normal_bg1 .g5 {
background: rgb(2, 0, 36) !important;
background: linear-gradient(180deg, rgba(2, 0, 36, 0.7) 0%, rgba(57, 183, 161, 0.7) 0%, rgba(24, 97, 157, 0.7) 100%) !important;
position: absolute;
z-index: 1;
width: 27vw;
height: 27vw;
border-radius: 7px;
}

.normal_bg1 .g6 {
background: rgb(2, 0, 36) !important;
background: linear-gradient(180deg, rgba(2, 0, 36, 0.7) 0%, rgba(29, 195, 246, 0.7) 0%, rgba(63, 115, 200, 0.7) 100%) !important;
position: absolute;
z-index: 1;
width: 27vw;
height: 27vw;
border-radius: 7px;
}

.language_page .header_txt1 {
text-align: left;
color: #1d1d1d;
font-family: 'Roboto-Medium';
font-weight: bold;
font-size: 1.4rem;
width: auto;
padding-top: 15px;
position: relative;
margin-left: 20px;
}

.battle_opt_pg_img_wrap .blackgradient {
width: 100%;
height: 100%;
background: rgba(248, 80, 50, 0);
background: -moz-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(121, 49, 31, 0) 59%, rgba(33, 27, 18, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(59%, rgba(121, 49, 31, 0)), color-stop(100%, rgba(33, 27, 18, 1)));
background: -webkit-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(121, 49, 31, 0) 59%, rgba(33, 27, 18, 1) 100%);
background: -o-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(121, 49, 31, 0) 59%, rgba(33, 27, 18, 1) 100%);
background: -ms-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(121, 49, 31, 0) 59%, rgba(33, 27, 18, 1) 100%);
background: linear-gradient(to bottom, rgba(248, 80, 50, 0) 0%, rgba(121, 49, 31, 0) 59%, rgba(33, 27, 18, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#211b12', GradientType=0);
position: absolute;
z-index: 0;
}

.battle_card_player {
padding-bottom: 0px;
}

.congrats_heade_language {
font-family: 'Ethnocentric Rg';
color: #1d1d1d;
font-size: 1.3rem;
text-transform: capitalize;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
line-height: 27px;
}

.language_bg {
height: 420vh!important;
}

/*Language style ends*/

.leaderboard_table .image_name_wrap_empty {
margin-left: auto;
margin-right: auto;
width: 90%;
}



.leaderboard_table .image_name_wrap_empty .table_sm_txt {
float: left;
margin-left: 5px;
height: 30px;
line-height: 30px;
width: 125px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
}



.leaderboard_table .image_name_wrap_empty .table_sm_img {
float: left;
width: 25px;
height: 25px;
}

.leaderboard_table .image_name_wrap_empty .table_sm_img img {
width: 23px;
height: 23px;
border-radius: 50%;
margin-top: 3px;
}

.answer_box_txt {
width: 100px;
height: 20px;
color: #f4f4f4;
font-family: 'Roboto-Heavy';
font-size: 1rem;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: -10px;
margin-bottom: 10px;
}

/* cashwallet css starts  */

.cashwallet_btn_wrap {
display: inline-flex;
width: 60%;
margin-left: auto;
margin-right: auto;
margin-left: 15px;
margin-top: 10px;
}

.cashwallet_btn1_white {
border-radius: 30px;
height: 26px;
width: 90px;
background: #fff;
color: #fff;
font-size: 1em;
text-align: center;
line-height: 26px;
margin-left: auto;
margin-right: auto;
color: #222222;
font-family: 'Roboto-Bold';
}

.cashwallet_btn1_outline {
border-radius: 30px;
height: 24px;
width: 90px;
background-color: transparent;
color: #fff;
font-size: 1em;
text-align: center;
line-height: 25px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Bold';
border: 1px solid #FFFFFF;
}

.coins_deatails_wrap {
display: inline-flex;
width: 90%;
margin-left: 0px;
border-radius: 8px;
height: 12px;
line-height: 12px;
padding: 7px;
background: #565656;
/* Old browsers */
background: -moz-linear-gradient(left, #565656 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #565656 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #565656 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#000000', GradientType=1);
/* IE6-9 */
}

.cashwallet_outer_wrap .question_wrap .div2a {
width: 50px;
height: 21px;
position: absolute;
right: 20px;
padding-right: 20px;
top: 20px;
}

.cashwallet_btn2a {
border-radius: 30px;
height: 23px;
width: 70px;
background: #ed1c24;
font-size: .8rem;
text-align: center;
line-height: 23px;
color: #FFFFFF;
font-family: 'Roboto-Bold';
}

.cashwallet_outer_wrap {
width: 100%;
/*  height: 35vh;*/
background: #f1f1f1 !important;
/*	padding-top: 5vh;*/

}

.cashwallet_outer_wrap .question_wrap .div2 img {
width: 15px;
height: 15px;

}

/* cashwallet css ends  */


/* empty leaderboard changes- start */
.set_rock_table1 table td .txt3_white {
font-size: 12px;
font-family: 'Roboto-Regular';
padding-top: 0px;
color: #FFFFFF;
padding: 2px;
margin-top: 10px;
opacity: 0.7;
}

.levelends_txt {
color: #fff;
font-size: .9rem;
font-family: 'Roboto-Medium';
font-weight: bolder;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}

.battle_opt_pg_img_wrap .add_user {
text-align: center;
width: 50px;
height: 50px;
position: absolute;
padding-top: 0px;
padding-left: 0px;
z-index: 2;
right: 10px;
}

.battle_opt_pg_img_wrap .add_user img {
width: 35px;
height: auto;
margin-top: 12px;
}

.battle_opt_pg_img_wrap .blackgradient {
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%, rgba(0, 0, 0, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%, rgba(0, 0, 0, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%, rgba(0, 0, 0, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
/* IE6-9 */
position: absolute;
z-index: 0;
}

.battle_opt_pg_img_wrap .blackgradient_top {
width: 100%;
height: 50vh;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(161, 161, 161, 0) 63%, rgba(255, 255, 255, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(161, 161, 161, 0) 63%, rgba(255, 255, 255, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(161, 161, 161, 0) 63%, rgba(255, 255, 255, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#00ffffff', GradientType=0);
/* IE6-9 */
position: absolute;
z-index: 0;
}

.battle_level_btn_wrap1 {
float: right;
height: 40px;
margin-top: 0px;
}

.battle_level_btn_wrap2 {
float: right;
height: 40px;
position: absolute;
right: 20px;
}

.price_new {
font-size: 10px;
font-family: 'Roboto-Regular';
padding-top: 0px;
color: #222;
padding: 0px;
margin-left: auto;
margin-right: auto;
width: 80px;
text-align: center;
padding-bottom: 3px;
}

.price_new strong {
font-family: 'Roboto-Medium';
}

.set_rock_table1 table td .txt2 {
font-size: 14px;
font-family: 'Roboto-Bold';
padding-top: 0px;
color: #1d1d1d;
padding: 2px;
}

.dropdownwrap2 .score_table .div1e {
float: left;
width: 50%;
color: #1d1d1d;
font-family: 'Roboto-Bold';
font-size: 1.3rem;
line-height: 30px;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.dropdownwrap2 .score_table .div2e {
float: left;
width: 49%;
color: #1d1d1d;
font-family: 'Roboto-Bold';
line-height: 30px;
font-size: 1.3rem;
text-align: center;

}

.dropdownwrap2 .score_table .div1f {
float: left;
width: 99%;
color: #1d1d1d;
font-family: 'Roboto-Bold';
line-height: 30px;
font-size: 1.3rem;
text-align: center;

}

.fill_btn_level1 {
border-radius: 30px;
padding: 4px 10px 4px 10px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.1rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
background-color: #ed1c24;
/*  text-transform: capitalize;*/
line-height: 15px;
float: right;
margin-right: 10px;
}

.fill_btn_level1.grey {

background-color: #CCCCCC !important;
color: rgba(0, 0, 0, 0.50);
}


.fill_btn_level1 a {
text-decoration: none;
}

.album_wrap_small1 .battle_img_activity {
width: 70px;
height: 70px;
padding: 0px;
margin: 0px;
z-index: 1;
text-align: center;
margin-top: -13px;
position: absolute;
}



.album_wrap_small1 .battle_img_activity img {
width: 25px;
height: auto;
margin-top: 70px;
}

.dropdownwrap2 .crick_table table td.td_left {
text-align: left !important;
}

.ellipse2 {
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
line-height: 20px;
float: left;
}

.empty_leaderboard {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.empty_leaderboard img {
width: 50%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.empty_leaderboard_heading {
font-family: 'Roboto-Bold';
font-size: 1.2rem;
color: #FFFFFF;
width: 100%;
text-align: center;
}

.empty_leaderboard_heading {
font-family: 'Roboto-Bold';
font-size: 1.2rem;
color: #FFFFFF;
width: 100%;
text-align: center;
}

.empty_leaderboard_subheading {
font-family: 'Roboto-Regular';
font-size: 1rem;
color: #FFFFFF;
opacity: 0.6;
width: 100%;
text-align: center;
}

/* empty leaderboard changes- end */

.scoresync_bg {
position: absolute;
z-index: 0;
height: auto;
width: 100%;
text-align: center;
}

.scoresync_bg img {
height: 100vh;
width: 100%;
}

.score_sync_msg {
position: absolute;
z-index: 225;
width: 100%;
}

.score_sync_msg_image {
width: 100%;
height: auto;
margin-top: 65vw;
text-align: center;
}

.score_sync_msg_image img {
width: 60vw;
height: auto;
}

.score_sync_msg_text {
width: 100%;
height: auto;
margin-top: 8vw;
text-align: center;
color: #a2f54c;
font-size: 2.2rem;
font-family: 'Roboto-Medium';
}

.arena_question {
height: 30vh;
width: 90%;

padding: 10px;

margin-left: auto;
margin-right: auto;
border-radius: 3px;
text-align: center !important;
background-color: #ed1c24;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
border: 1px solid rgba(255, 255, 255, 0.5);
background: #bc0711;
/* Old browsers */
background: -moz-linear-gradient(top, #de0a16 0%, #bc0711 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #de0a16 0%, #bc0711 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #de0a16 0%, #bc0711 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-bottom: 2px solid #efefef;
}

.text1 {
font-size: 30px;
word-break: break-word;
font-family: 'Arial';
color: #FFFFFF;
}

.fontchange {}

.contact_heading {
width: 100%;
text-align: center;
color: #f4f4f4;
font-family: 'Roboto-Heavy';
font-size: 2rem;
}

.contact_icon_link_wrap {
width: 95vw;
margin-left: auto;
margin-right: auto;
height: 20vw;
background-color: transparent;

}

.contact_icon_link_wrap .contact_icon {
width: 28vw;
height: 18vw;
float: left;
}

.contact_icon_link_wrap .contact_icon img {
width: 18vw;
height: 18vw;
border-radius: 7px;
margin-top: 1vw;
}

.contact_icon_link_wrap .contact_description {
width: 50vw;
height: 20vw;
border-radius: 30px;
margin-top: 15px;
background-color: transparent;
float: left;
text-align: left;
color: #f4f4f4;
font-family: 'Roboto-Regular';
font-size: 1.4rem;
line-height: 37px;
margin-left: 2vw;
}

.contact_icon_link_wrap .right_arrow {
width: 15vw;
height: 15vw;
text-align: center;
float: left;
}

.contact_icon_link_wrap .right_arrow img {
width: 8vw;
height: 8vw;
transform: rotate(180deg);
margin-top: 5vw;
filter: brightness(var(--value, 5));
--value: 0;
}

/* hide battle player list changes */
.contestant_image_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 10px;
padding: 6px 10px 6px 10px;
position: relative;
bottom: 0px;
}

.contestant_image_wrap .battle_close {
right: -10px;
top: -10px;
position: absolute;
z-index: 1;
}

.contestant_image_wrap .battle_close img {
width: 22px;
height: auto;
}

.battle_pop_ic {
display: none;
}

.battle_pop_ic img {
width: 35px;
height: auto;
position: absolute;
z-index: 1;
right: 2.5vw;
top: 10px !important;
}

.battle_pop_wrap {
display: none !important;
top: 0px;
}

/* hide battle player list changes end*/

/* leaderboard current & best score css starts*/
.finished_page .score_table3 {
width: 87%;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
height: 90px;
background: rgba(239, 239, 239, .95);
border: 5px outset rgba(239, 239, 239, .45);
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.35);
}

.finished_page .score_table3 .div1 {
float: left;
width: 50%;
color: #ffcc00;
text-align: center;
background-color: #cccccc;
height: 90px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
line-height: 25px;
background: rgb(3, 3, 3);
background: linear-gradient(90deg, rgba(3, 3, 3, 1) 0%, rgba(40, 40, 40, 1) 100%);
}

.finished_page .score_table3 .div1 .head1 {
font-family: 'Roboto-Regular';
font-size: 1.1rem;
}

.finished_page .score_table3 .div1 .head2 {
font-family: 'Roboto-Bold';
font-size: 2rem;
}

.finished_page .score_table3 .div1 .head3 {
font-family: 'Roboto-Regular';
font-size: 1.35rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.finished_page .score_table3 .div1 .head3 img {
width: 17px;
height: auto;
margin-top: 8px;
margin-right: 3px;
}

.finished_page .score_table3 .div2 {
float: left;
width: 50%;
color: #33d24d;
text-align: center;
background-color: #999999;
height: 90px;
line-height: 25px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
background: rgb(56, 56, 56);
background: linear-gradient(90deg, rgba(56, 56, 56, 1) 0%, rgba(112, 112, 112, 1) 100%);
}

.finished_page .score_table3 .div2 .head1 {
font-family: 'Roboto-Regular';
font-size: 1.1rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.finished_page .score_table3 .div2 .head1 img {
width: 17px;
height: auto;
margin-top: 0px;
margin-left: 3px;
}

.finished_page .score_table3 .div2 .head2 {
font-family: 'Roboto-Bold';
font-size: 2rem;
}

.finished_page .score_table3 .div2 .head3 {
font-family: 'Roboto-Regular';
font-size: 1.4rem;
}

/* leaderboard current & best score css ends*/


/*Teff Spain CSS added from Sep 2 2021 starts*/

.prebuy_pg_subheading_teff {
font-size: 1.7rem;
font-family: 'Roboto-Regular';
color: #1d1d1d;
text-align: left;
width: 95%;
float: left;
margin-left: 5%;
text-transform: capitalize;
height: auto;
margin-bottom: 15px;
margin-top: 20px;
}

.slider_content_s {
width: 100%;
height: 100vw;
padding: 0px 0px 0px 0px;
margin: 0px;
background: #FFFFFF;
overflow-y: hidden;

}

.home_big_banner_teff {
background-color: transparent;
border: 3px solid #DDDDDD;
margin-top: 0px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
}




.home_big_banner_teff table {}

.home_big_banner_teff table td {
padding: 0px;
color: #535353;
font-family: 'Roboto-Regular';
background-color: transparent;
}

.home_big_banner_teff .album_wrap {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: transparent;
}

.home_big_banner_teff .album_placeholder {
z-index: 111;
overflow: hidden;

}

.home_big_banner_teff .album_placeholder img {
width: 100%;
height: 669px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.home_big_banner_teff .album_placeholder_s img {
width: 100%;
/* height: 664px; */
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.home_big_banner_teff .slider_txt_btn_wrap {
height: 320px;
background-color: #FFFFFF;
}

.home_big_banner_teff .slider_txt_btn_wrap .div_txt1 {
width: 100%;
text-align: center;
font-family: 'Roboto-Regular';
color: #f4f4f4;
font-size: 3.3rem;
}

.home_big_banner_teff .slider_txt_btn_wrap .div_txt2 {
width: 90%;
text-align: left;
font-family: 'Roboto-Regular';
color: #86888c;
font-size: 2.2rem;
margin-top: 2vw;
line-height: 3.5rem;
margin-left: auto;
margin-right: auto;
font-weight: bold;
}

.home_big_banner_teff .slider_txt_btn_wrap .div_txt3 {
width: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.promo_btn {
border-radius: 10px;
padding: 1.3rem;
color: #FFFFFF;
text-decoration: none;
font-size: 2.8rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: block;
background-color: #5cb615;
text-transform: capitalize;
width: 80%
}



.grey_bg {
background-color: #f7f8fa !important;
}

.home_big_banner_teff_s {
background-color: transparent;
border: 1px solid #DDDDDD;
margin-top: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
width: 150px;
}



.home_big_banner_teff_s table {}

.home_big_banner_teff_s table td {
padding: 0px;
color: #535353;
font-family: 'Roboto-Regular';
background-color: transparent;
}

.home_big_banner_teff_s .album_wrap {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: transparent;
}

.home_big_banner_teff_s .album_placeholder {
z-index: 111;
overflow: hidden;

}


.home_big_banner_teff_s .album_placeholder_s img {
width: 150px;
height: auto;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.home_big_banner_teff_s .slider_txt_btn_wrap {
height: 100px;
background-color: #FFFFFF;
}

.home_big_banner_teff_s .slider_txt_btn_wrap .div_txt1 {
width: 100%;
text-align: center;
font-family: 'Roboto-Light';
color: #f4f4f4;
font-size: 1.1rem;
}

.home_big_banner_teff_s .slider_txt_btn_wrap .div_txt2 {
width: 90%;
text-align: left;
font-family: 'Roboto-Regular';
color: #86888c;
font-size: 1rem;
line-height: 1.5rem;
margin-left: auto;
margin-right: auto;
font-weight: bold;
margin-top: 5px;
}

.home_big_banner_teff_s .slider_txt_btn_wrap .div_txt3 {
width: 90%;
text-align: right;
margin-left: auto;
margin-right: auto;
}

.home_big_banner_teff_s .slider_txt_btn_wrap .div_txt3 a {
color: #019df4;
text-decoration: none;
font-size: 1.2rem;
font-family: 'Roboto-Medium';
}

ul.Search_ContentBlock_List_teff {
width: 120vh;
overflow: hidden;
/*  height: 225px;*/
margin-left: 20px;
}

li.Search_ContentBlock_List_teff {
float: left;
list-style-type: none;
margin-right: 10px;
}


.finished_page .contest_table table {
width: 86%;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border-radius: 8px;
border: 1px solid #979797;
/* height: 225px;
display: block;
overflow: scroll; */
}

.finished_page .contest_table table td {
padding: 7px;
background-color: transparent;
text-align: center;
font-family: 'Roboto-Regular';
font-size: 1.1rem !important;
}

.finished_page .contest_table table th {
padding: 7px;
font-size: 1.2rem;
background-color: transparent;
text-align: center;
border-bottom: 1px solid #979797 !important;
font-family: 'Roboto-Regular';
}

.finished_page .contest_table table td a {
color: #f4f4f4;
text-decoration: underline;
font-weight: bolder;
display: inline;
text-decoration: none;
background-color: transparent;
}


.finished_page .contest_table td.rating_table {
font-family: 'Roboto-Regular';

}

.finished_page .contest_table table td.ellipse1 {
width: 93%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
line-height: 30px;
border-right: none;
}

.finished_page .contest_table table td {
padding: 7px;
font-size: 12px;
background-color: transparent;
text-align: center;
}

.finished_page .score_table .div1 {
float: left;
width: 48%;
color: #fff;
font-family: 'Roboto-Light';
font-size: 1.4rem;
line-height: 37px;
text-align: center;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.finished_page .score_table .div2 {
float: left;
width: 48%;
color: #fff;
font-family: 'Roboto-Light';
line-height: 37px;
font-size: 1.4rem;
text-align: center;
}

.congrats_btn_grey {
border-radius: 7px;
padding: 10px 30px 10px 30px;
color: #019df4;
text-decoration: none;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Bold';
display: inline;
background-color: #e6f5fd;
text-transform: capitalize;
line-height: 15px;
/*	border: 2px solid #f38787;*/
}

.congrats_header {
font-family: 'Roboto-Regular';
color: #1d1d1d;
font-size: 2rem;
text-transform: capitalize;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.profile_pg_img_wrap_teff {
height: auto;
width: 100%;
overflow-y: hidden;
text-align: center;
}

.profile_pg_img_wrap_teff .profile_img {
width: 100%;
text-align: center;
margin-top: 10%;
overflow: hidden;
}

.profile_pg_img_wrap_teff .profile_img img {
border-radius: 50%;
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
}

.register_details table {
min-height: 100px;
margin-left: auto;
margin-right: auto;
width: 83%;
}

.register_details table td {
font-size: 1.2rem;
color: #f4f4f4;
font-family: 'Roboto-Light';
padding-left: 5px;
vertical-align: middle;
padding-top: 5px;
}

.register_details table td .select_box_big_name {
width: 100%;
height: 31px;
border: 1px solid #ccc;
font-size: 1.2rem;
padding: 0px;
padding-left: 0px;
font-family: 'Roboto-Regular';
color: #f4f4f4;
letter-spacing: 0.0625em;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.register_details .select_box_big_name:disabled {
width: 100%;
height: 31px;
border: 1px solid #ccc;
font-size: 1.2rem;
padding: 0px;
padding-left: 0px;
font-family: 'Roboto-Regular';
color: grey !important;
letter-spacing: 0.0625em;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.register_details .select_box_big_name::placeholder {
color: #b4b1b1;
font-family: 'Roboto-Light';
font-size: 1.3rem;

}

.register_details table td .select_box_big_feedback {
width: 94%;
height: 100px;
border: 1px solid #ccc;
font-size: 18px;
padding: 5px;
font-family: 'Roboto-Regular';
color: #f4f4f4;
letter-spacing: 0.0625em;
overflow-y: auto;
vertical-align: text-top;
}

.submit_btn_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.edit_profile {
color: #908f8f;
font-family: 'Roboto-Regular';
font-size: 14px;
text-transform: capitalize;
text-align: center;
text-decoration: underline;
}

.edit_profile a {
color: #908f8f;
}

input::placeholder {
color: #b4b1b1;
font-family: 'Roboto-Light';
text-transform: capitalize;
}

.tc_btn_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.red_btn_fill_160 {
background-color: #5cb615;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 6px 17px 6px 17px;
color: #ffffff;
font-size: 1.3rem;
cursor: pointer;
height: 50px;
font-family: 'Roboto-Regular';
width: 150px;
border: 1px solid #5cb615;
text-transform: capitalize;
}


.leader_pop1_wrap {
width: 85%;
margin-left: auto;
margin-right: auto;
height: auto;
text-align: center;
}

.leader_pop1_wrap .arrow_top {
width: 100%;
margin-left: auto;
margin-right: auto;
height: auto;
}

.leader_pop1_wrap .arrow_top img {
width: 40px;
height: auto;
}

.leader_pop1_wrap .leader_pop_content {
width: 100%;
text-align: center;
border: 1px solid #019df4;
border-radius: 5px;
height: auto;
font-size: 1.3rem;
font-family: 'Roboto-Regular';
color: #7d7f82;
padding: 10px 0px 10px 0px;
margin-top: -3px;
}

.leader_pop1_wrap .leader_pop_content a {
color: #019df4;
}

.myprofile_btn_wrap {
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.myprofile_btn,
.myprofile_btn_white,
.myprofile_btn_white_big,
.myprofile_username {
text-decoration: none;
font-size: 1.6rem;
font-family: "Roboto-Light";
margin-left: auto;
margin-right: auto;
}

.myprofile_btn {
border-radius: 7px;
padding: 10px 20px 0px 20px;
color: #ed1c24;
/* background-color: #ed1c24; */
background-color: #23a5ea;
text-transform: capitalize;
line-height: 30px;
display: inline-flex;
height: 40px;
margin: 5px;
font-family: 'Roboto-Medium';
}

/* .myprofile_btn {
border-radius: 7px;
padding: 10px 40px 10px 40px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.6rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Light';
display: inline;
background-color: #23a5ea;
text-transform: capitalize;
line-height: 15px;
} */

.myprofile_btn img {
width: 35px;
height: auto;
margin-top: -5px;
}

.myprofile_username {
color: #f4f4f4;
text-decoration: none;
font-size: 1.6rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Light';
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;

}

.myprofile_btn_white {
border-radius: 7px;
padding: 20px 0px 20px 10%;
color: #f4f4f4;
text-decoration: none;
font-size: 1.4rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Light';
background-color: #FFFFFF;
text-transform: capitalize;
line-height: 15px;
text-align: left;
width: 70%;
font-weight: bolder;
}

.myprofile_btn_white_big {
border-radius: 7px;
padding: 00px 0px 00px 0%;
color: #f4f4f4;
text-decoration: none;
font-size: 1.4rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Light';
background-color: #FFFFFF;
text-transform: capitalize;
line-height: 15px;
text-align: left;
width: 80%;
font-weight: bolder;
}

.myprofile_btn_white_big .profile_list {
height: 50px;
border-bottom: 1px solid #efefef;
width: 90%;
line-height: 50px;
padding-left: 10%;

}

.myprofile_content_wrap {
width: 100%;
background-color: #f1f1f1;
}

.myprofile_edit_ic {
position: absolute;
right: 8%;
margin-top: 8%;
}

.register_pop_heading_teff {
color: #f4f4f4;
font-size: 1.8rem;
text-decoration: none;
font-family: 'Roboto-Medium';
text-align: center;
width: 100%;
}

.register_pop_subheading_teff {
color: #f4f4f4;
font-size: 1.5rem;
text-decoration: none;
font-family: 'Roboto-Light';
text-align: center;
width: 85%;
margin-left: auto;
margin-right: auto;
line-height: 27px;
}

.register_pop_subheading_teff strong {
font-size: 1.5rem;
font-family: 'Roboto-Regular';
font-weight: bolder;
}

.dropdownwrap2 .register_tc {
font-size: 1.2rem;
color: #f4f4f4;
font-family: 'Roboto-Light';
text-transform: capitalize;
text-decoration: none;
text-align: center !important;
width: 85% !important;
margin-left: auto;
margin-right: auto;
}

.dropdownwrap2 .register_tc a {
font-size: 1.2rem;
color: #23a5ea;
font-family: 'Roboto-Light';
display: inline;
text-transform: capitalize;
text-decoration: none;
}

.dropdownwrap2 .select_box_big_name {
width: 70%;
height: 40px;
border-bottom: 1px solid #979797;
font-size: 1.5rem;
padding: 0px;
padding-left: 0px;
font-family: 'Roboto-Regular';
color: #f4f4f4;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.dropdownwrap2 .select_box_big_name::placeholder {
color: #f4f4f4;
font-family: 'Roboto-Light';
font-size: 1.5rem;

}

.blue_teff_bg {
height: 35%;
width: 100%;
background-color: #23a5ea !important;
color: #fff;
}

.register_pop_heading_teff1 {
color: #FFFFFF;
font-size: 1.5rem;
text-decoration: none;
font-family: 'Roboto-Medium';
text-align: left;
width: 85%;
margin-left: auto;
margin-right: auto;
}

.register_pop_subheading_teff1 {
color: #FFFFFF;
font-size: 1.4rem;
text-decoration: none;
font-family: 'Roboto-Light';
text-align: left;
width: 85%;
margin-left: auto;
margin-right: auto;
line-height: 27px;
}

.btn_center {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.cookies_btn {
border-radius: 7px;
padding: 10px 20px 10px 20px;
color: #019df4;
text-decoration: none;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Bold';
display: inline;
background-color: #e6f5fd;
text-transform: capitalize;
line-height: 15px;
}

/*Teff Spain CSS added from Sep 2 2021 ends*/

/*Teff Spain CSS added from Sep 7 2021 starts*/

.congrats_bg {
width: 100vw;
height: 100vh;
background-color: #23a5ea !important;
}

.congrats_bg .back_btn {
position: absolute;
}

.congrats_bg .back_btn img {
width: 25px;
height: auto;
margin-top: 0px;
}

/* .countdown_header {
font-family: 'Roboto-Regular';
color: #fff;
font-size: 1.7rem;
text-transform: capitalize;
text-align: center;
width: 90%;
margin-left: auto;
margin-right: auto;
}

.countdown_subheader {
font-family: 'Roboto-Light';
color: #fff;
font-size: 1.5rem;

text-align: center;
width: 90%;
margin-left: auto;
margin-right: auto;
} */

.countdown_number {
width: 70px;
height: 70px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
color: #23a5ea;
font-family: 'Roboto-Bold';
font-size: 4.3rem;
text-align: center;
}

.countdown_header_teff {
font-family: 'Roboto-Light';
color: #fff;
font-size: 1.9rem;
text-transform: capitalize;
text-align: center;
width: 90%;
margin-left: auto;
margin-right: auto;
}

.space_200 {
height: 200px;
}

.answer_wrap_teff {
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.answer_wrap_teff .answer_box {
width: 125px;
height: 125px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #5cb615;
font-family: 'Roboto-Regular';
font-size: 1.4rem;
text-transform: capitalize;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
border: 2px solid #5cb615;
}

.answer_wrap_teff .wrong_ans {
width: 125px;
height: 125px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #FFFFFF;
font-family: 'Roboto-Regular';
font-size: 1.4rem;
text-transform: capitalize;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
background-color: #ed1c24;
}

.answer_wrap_teff .correct_ans {
width: 125px;
height: 125px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #FFFFFF;
font-family: 'Roboto-Regular';
font-size: 1.4rem;
text-transform: capitalize;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
background-color: #5cb615;
}

.question_teff_header {
height: 60px;
width: 100%;
background-color: #019df4;
}

.question_teff_header .back_btn {
float: left;
}

.question_teff_header .back_btn {
text-align: center;
width: 50px;
height: 50px;
position: absolute;
padding-top: 0px;
padding-left: 0px;
z-index: 1;
}

.question_teff_header .back_btn img {
width: 25px;
height: auto;
margin-top: 17px;
filter: brightness(var(--value, 0));
--value: 10;
}

.teff_question {
color: #f4f4f4;
font-size: 1.5rem;
text-decoration: none;
font-family: 'Roboto-Light';
text-align: center;
width: 90%;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}

.teff_points_wrap {
height: 50px;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.teff_points_wrap .teff_div1 {
width: 33.3%;
float: left;
color: #f4f4f4;
font-size: 1.5rem;
text-decoration: none;
font-family: 'Roboto-Light';
text-align: center;
overflow-x: hidden;
line-height: 50px;
}

.teff_points_wrap .teff_div2 {
width: 33.3%;
float: left;
color: #5cb615;
font-size: 1.8rem;
text-decoration: none;
font-family: 'Roboto-Regular';
text-align: center;
overflow-x: hidden;
line-height: 50px;
}

.teff_points_wrap .teff_div3 {
width: 33.3%;
float: left;
color: #f4f4f4;
font-size: 1.5rem;
text-decoration: none;
font-family: 'Roboto-Light';
text-align: center;
overflow-x: hidden;
line-height: 50px;
}

.teff_question_image {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

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

.activity_page .header_txt {
text-align: left;
color: #1d1d1d;
font-family: 'Roboto-Light';
font-weight: bold;
font-size: 1.7rem;
width: auto;
padding-top: 20px;
margin-left: 20px;
float: left !important;
}

.set_rock_table1 table td .txt1 {
font-size: 1rem;
font-family: 'Roboto-Light';
padding-top: 0px;
color: #f4f4f4;
padding: 2px;
}

.set_rock_table1 table td .txt4 {
font-size: 1rem;
font-family: 'Roboto-Light';
padding-top: 0px;
color: #f4f4f4;
padding: 2px;
}

.set_rock_table1 table td .txt2 {
font-size: 1.3rem;
font-family: 'Roboto-Medium';
padding-top: 0px;
color: #f4f4f4;
padding: 2px;
}

.activity_teff_link_wrap {
width: 100%;
height: auto;
background-color: #019df4;
text-align: center;
color: #fff;
font-size: 1.4rem;
font-family: 'Roboto-Light';
line-height: 30px;
padding: 20px 0px 20px 0px;
}

.activity_teff_link_wrap a {
color: #fff;
text-decoration: none;
}

.teff_toaster_pop_wrap {
width: 98%;
height: auto;
border-radius: 7px;
background-color: #1d1d1d;
margin-left: auto;
margin-right: auto;
padding: 10px 0px 10px 0px;
position: absolute;
top: 0px;
z-index: 999;
margin-left: 1%;
box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.15);
}

.teff_toaster_pop_wrap .teff_toaster_1 {
float: left;
width: 15%;
height: 25px;
text-align: center;
}

.teff_toaster_pop_wrap .teff_toaster_1 img {
width: 25px;
height: auto;
margin-top: 1px;
}

.teff_toaster_pop_wrap .teff_toaster_2 {
float: left;
width: 75%;
}

.toaster_head {
color: #F4F4F4;
font-size: 1.3rem;
font-family: 'Roboto-Regular';
line-height: 25px;
}

.toaster_message {
color: #F4F4F4;
font-size: 1.3rem;
font-family: 'Roboto-Regular';
line-height: 25px;
}

.toaster_link {
color: #019df4;
font-size: 1.4rem;
font-family: 'Roboto-Regular';
line-height: 27px;
text-align: right;
}

.toaster_link a {
color: #019df4;
text-decoration: none;
}

.teff_toaster_pop_wrap .teff_toaster_3 {
float: left;
width: 10%;
height: 25px;
text-align: center;
}

.teff_toaster_pop_wrap .teff_toaster_3 img {
width: 15px;
height: auto;
margin-top: 3px;
	border-radius: 7px;
}

/*Teff Spain CSS added from Sep 7 2021 ends*/

.language_circle1 .select_lang {
position: absolute;
z-index: 2;
width: 30px;
height: 30px;
right: -7px;
margin-top: -7px;
}

.language_circle1 .select_lang img {
width: 25px;
height: 25px;
}

.popup_toaster_pop_wrap {
width: 98%;
height: 100px;
border-radius: 7px;
background-color: #1d1d1d;
margin-left: auto;
margin-right: auto;
padding: 10px 0px 10px 0px;
}

.popup_toaster_pop_wrap .teff_toaster_1 {
float: left;
width: 25%;
height: 25px;
text-align: left;
}

.popup_content {
height: auto !important;
overflow-y: scroll;
}


.popup_toaster_pop_wrap .teff_toaster_1 img {
width: 60px;
height: auto;
margin-top: -10px;
	border-radius: 7px;
}

.popup_toaster_pop_wrap .teff_toaster_2 {
float: left;
width: 75%;
}

.toaster_head {
color: #f4f4f4;
font-size: 1.5rem;
font-family: 'Roboto-Bold';
line-height: 25px;
}

.toaster_message {
color: #f4f4f4;
font-size: 1.1rem;
font-family: 'Roboto-Regular';
line-height: 25px;
}

.toaster_link {
color: #019df4;
font-size: 1.4rem;
font-family: 'Roboto-Regular';
line-height: 27px;
text-align: right;
}

.toaster_link a {
color: #019df4;
text-decoration: none;
}

.popup_toaster_pop_wrap .teff_toaster_3 {
float: right;
width: 90%;
height: auto;
text-align: right;
position: absolute;
}

.popup_toaster_pop_wrap .teff_toaster_3 img {
width: 25px;
height: auto;
margin-top: -20px;
	border-radius: 7px;
}

.add_to_home_wrap {
width: 98%;
height: auto;
border-radius: 7px;
background-color: #1d1d1d;
margin-left: auto;
margin-right: auto;
padding: 10px 0px 10px 0px;
}

.add_to_home_wrap .add_div1 {
color: #f4f4f4;
font-size: 1.5rem;
font-family: 'Roboto-Bold';
line-height: 25px;
width: 55%;
float: left;
margin-left: 5%;
}

.add_to_home_wrap .add_div2 {
color: #ed1c24;
font-size: 1.5rem;
font-family: 'Roboto-Bold';
line-height: 25px;
width: 35%;
float: left;
text-align: right;
margin-right: 5%;
}

.add_to_home_descrip {
color: #999999;
font-size: 1.2rem;
font-family: 'Roboto-Regular';
line-height: 22px;
margin-left: auto;
margin-right: auto;
width: 88%;
padding: 10px 0px 10px 0px;
}

.addto_hr {
width: 88%;
margin-right: auto;
margin-left: auto;
border-top: 1px solid #999999;
text-align: center;
opacity: 50%;

}

.add_to_home_img_wrap {
width: 98%;
height: auto;
border-radius: 7px;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
padding: 10px 0px 10px 0px;
}

.add_to_home_img_wrap .image_div1 {
width: 15%;
float: left;
margin-left: 5%;
}

.add_to_home_img_wrap .image_div1 img {
width: 30px;
height: auto;
}

.add_to_home_img_wrap .image_div2 {
color: #f4f4f4;
font-size: 1.1rem;
font-family: 'Roboto-Regular';
line-height: 25px;
width: 70%;
float: left;
margin-right: 5%;
}

.popup-dialog .mat-dialog-container {
border-radius: 10px !important;
height: auto !important;
width: 85vw !important;
margin-bottom: 0% !important;
opacity: 1;
visibility: visible;
display: inline-block;
outline: none;
text-align: left;
position: relative;
vertical-align: middle;
}

.cashwallet_outer_wrap .question_wrap {
height: 160px !important;
}

.cashwallet_burification_wrap {
width: 250px;
margin-left: auto;
margin-right: auto;
height: 50px;
background-color: #FFFFFF;
border-radius: 7px;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
}

.left_buri_wrap {
float: left;
width: 143px;
margin-top: 10px;
margin-left: 7px;
}

.left_buri_wrap .lb1 {
float: left;
width: 30px;
}

.left_buri_wrap .lb1 img {
width: 28px;
height: auto;
margin-right: 3px;
}

.left_buri_wrap .lb2 {
float: left;
width: 95px;
}

.left_buri_wrap .lb2 .lb2a {
color: #f4f4f4;
font-size: 1rem;
font-family: 'Roboto-Regular';
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

.left_buri_wrap .lb2 .lb2b {
color: #f4b844;
font-size: 1.1rem;
font-family: 'Roboto-Heavy';
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

.right_buri_wrap {
float: left;
width: 100px;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

.right_buri_wrap .rb1 {
float: left;
width: 30px;
}

.right_buri_wrap .rb1 img {
width: 27px;
height: auto;
margin-top: 2px;
margin-right: 3px;
}


.right_buri_wrap .rb2 {
float: left;
width: 70px;
}

.right_buri_wrap .rb2 .rb2a {
color: #f4f4f4;
font-size: 1rem;
font-family: 'Roboto-Regular';
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

.right_buri_wrap .rb2 .rb2b {
color: #34b718;
font-size: 1.1rem;
font-family: 'Roboto-Heavy';
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

/* debug icon -start */
#mainitem {
width: 55px;
height: 55px;
background: #ed1c24;
border-radius: 50%;
z-index: 1;
box-shadow: 0px 2px 5px #666;
position: absolute;
bottom: 10vw;
right: 10vw;
text-align: center;
}

#mainitem img {
width: 35px;
height: auto;
margin-top: 10px;
}

/* debug icon -end */

.loading_payment {
width: 100%;
text-align: center;
}

.loading_payment img {
width: 80px;
height: auto;
}

.fill_btn11 {
border-radius: 30px;
padding: 13px 20px 13px 20px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.6rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
text-transform: capitalize;
line-height: 17px;
background-color: #ed1c24;
display: inline-flex;
}

.fill_btn11 a {
text-decoration: none;
}

.fill_btn11 img {
width: 17px;
height: auto;
}

.set_rock_table1 table td .live_txt {
border-radius: 5px;
padding: 3px 0px 3px 0px;
color: #00D315;
text-decoration: none;
font-size: 1.1rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
background-color: transparent;
text-transform: none;
line-height: 15px;
}

/* async battle finished page -start */
/* CSS added on oct8 2021*/

.set_rock_table1 table td .live_txt {
border-radius: 5px;
padding: 3px 0px 3px 0px;
color: #00D315;
text-decoration: none;
font-size: 1.1rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
background-color: transparent;
text-transform: none;
line-height: 15px;
}

.share_ic_btn img {
width: 25px;
height: auto;
margin-top: 6px;
}

.share_ic_btn {
border-radius: 50%;

background-color: #ed1c24;

width: 40px;
height: 40px;
}

ul.share_menu1 {
width: 65%;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}

li.share_menu1 {
color: #333;
width: 45%;
margin: 7px 2px 7px 2px;
padding: 5px 0px 5px 0px;
float: left;
text-align: center;
background-color: none;
font-weight: normal;
font-family: 'Roboto-Regular';
font-size: 14px;
line-height: 10px;
margin-left: 7px;
}

.battle_opt_pg_container .crick_table table {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: transparent;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.battle_opt_pg_container .crick_table table td {
padding: 7px;
font-size: 12px;
background-color: transparent;
text-align: center;
}

.battle_opt_pg_container .crick_table table td a {
color: #333;
text-decoration: underline;
font-weight: bolder;
display: inline;
text-decoration: none;
background-color: transparent;
}

.battle_opt_pg_container table tr td.crick_table_header {
background-color: #333;
color: #fff;
font-weight: bold;
}

.battle_opt_pg_container table tr.crick_table_header_grey {
background-color: #eee;
color: #fff;
font-weight: bolder;
font-size: 13px;
background: rgba(61, 61, 61, 1);
background: -moz-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(61, 61, 61, 1)), color-stop(49%, rgba(102, 102, 102, 1)), color-stop(100%, rgba(71, 71, 71, 1)));
background: -webkit-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -o-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: -ms-linear-gradient(left, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
background: linear-gradient(to right, rgba(61, 61, 61, 1) 0%, rgba(102, 102, 102, 1) 49%, rgba(71, 71, 71, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#474747', GradientType=1);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.battle_opt_pg_container table td.crick_table_header_grey {
background-color: #666;
color: #fff;
font-weight: bolder;
font-size: 11px !important;
font-family: 'Roboto-Regular';
text-align: center !important;

}

table td.black_bg {
background-color: #333333 !important;
border-radius: 0 !important;
border: 1px solid #333333 !important;
border-right: 1px solid #333333 !important;
}

.battle_opt_pg_container table td.crick_table_header_grey table {
border-radius: 10px;
}

.battle_opt_pg_container table tr.crick_table_normal td {
background-color: #222222;
color: #fff;
font-weight: normal;
/*	border-bottom: 1px solid #efefef;*/
}



.battle_opt_pg_container table td.crick_table_header_yellow {
background-color: #f4f0d5;
color: #8a5603;
font-weight: bolder;
font-size: 14px;
text-align: center;
font-family: 'Roboto-Regular';
}

.battle_opt_pg_container table tr.crick_table_header_yellow {
background-color: #f4f0d5;
color: #8a5603;
font-weight: bolder;
font-size: 14px;
text-align: center;
font-family: 'Roboto-Regular';
}

.battle_opt_pg_container .leader_heading {
text-align: left;
color: #1d1d1d;
font-family: 'Roboto-Medium';
font-weight: bold;
font-size: 5vw;
float: left;
margin-left: 10px;
margin-top: 8px;
margin-bottom: 8px;
}

.battle_opt_pg_container table td .ellipse1 {
width: 93%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
line-height: 30px;
}

.battle_opt_pg_container a.disable_state {
color: #ccc !important;
}

.battle_opt_pg_container .crick_table table td {
font-size: 14px;
background-color: transparent;
text-align: left;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.battle_opt_pg_container table tr.crick_table_normal td.rating_table {
border-bottom: none;
font-family: 'Roboto-Regular';
color: #EFEFEF;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-size: 11px !important;
}

.loading_payment {
width: 100%;
text-align: center;
}

.loading_payment img {
width: 80px;
height: auto;
}


.fill_btn11 {
border-radius: 30px;
padding: 13px 20px 13px 20px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.6rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
text-transform: capitalize;
line-height: 17px;
background-color: #ed1c24;
display: inline-flex;
}

.fill_btn11 a {
text-decoration: none;
}

.fill_btn11 img {
width: 17px;
height: auto;
}

.fill_btn13 {
border-radius: 30px;
padding: 10px 30px 10px 30px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.5rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Bold';
display: inline;
background-color: #ed1c24;

line-height: 15px;
}

.fill_btn13 a {
text-decoration: none;
}

.coin_place {
display: inline-flex;
}

.coin_place img {
width: 13px;
height: auto;
float: right;
}


.battle_opt_pg_container .bottom_table_border {
background: #222222;
}

.center {
text-align: center !important;
}

.battle_btn_wrap {
text-align: center;
margin-top: 10px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}



.fill_btn10 {
border-radius: 30px;
padding: 10px 20px 10px 20px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.3rem;
/* margin-left: auto; modified for buttons in boottom of battle finished page 
margin-right: auto;*/
font-family: 'Roboto-Regular';
background-color: #ed1c24;

line-height: 20px;
}



.fill_btn10 a {
text-decoration: none;
}

/* CSS ended on oct8 2021*/

.fill_btn_level {
border-radius: 30px;
padding: 7px 10px 7px 10px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
background-color: #ed1c24;
/*  text-transform: capitalize;*/
line-height: 15px;
float: left;
}

.fill_btn_level a {
text-decoration: none;
}

.battle_opt_right {
width: 94.5%;
color: #999;
font-size: 1.1rem;
text-transform: none;
font-weight: bolder;
position: absolute;
text-align: right;
margin-top: -15px;
}

.battle_opt_right1 {
width: 94.5%;
color: #999;
font-size: 1.1rem;
text-transform: capitalize;
font-weight: bolder;
position: absolute;
text-align: right;
margin-top: -30px;
}

.triangle-right {
width: 0px;
height: 0;
border-top: 6px solid transparent;
border-left: 12px solid #17c00a;
border-bottom: 5px solid transparent;
float: left;
margin-left: -7px;
}

.text-flicker-in-glow {
-webkit-animation: text-flicker-in-glow 1s linear infinite;
animation: text-flicker-in-glow 1s linear infinite;
}

@-webkit-keyframes text-flicker-in-glow {
0% {
opacity: 0;
}

10% {
opacity: 0;
text-shadow: none;
}

10.1% {
opacity: 1;
text-shadow: none;
}

10.2% {
opacity: 0;
text-shadow: none;
}

20% {
opacity: 0;
text-shadow: none;
}

20.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
}

20.6% {
opacity: 0;
text-shadow: none;
}

30% {
opacity: 0;
text-shadow: none;
}

30.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
}

30.5% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
}

30.6% {
opacity: 0;
text-shadow: none;
}

45% {
opacity: 0;
text-shadow: none;
}

45.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
}

50% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
}

55% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
}

55.1% {
opacity: 0;
text-shadow: none;
}

57% {
opacity: 0;
text-shadow: none;
}

57.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
}

60% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
}

60.1% {
opacity: 0;
text-shadow: none;
}

65% {
opacity: 0;
text-shadow: none;
}

65.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
}

75% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
}

75.1% {
opacity: 0;
text-shadow: none;
}

77% {
opacity: 0;
text-shadow: none;
}

77.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
}

85% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
}

85.1% {
opacity: 0;
text-shadow: none;
}

86% {
opacity: 0;
text-shadow: none;
}

86.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
}

100% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
}
}

@keyframes text-flicker-in-glow {
0% {
opacity: 0;
}

10% {
opacity: 0;
text-shadow: none;
}

10.1% {
opacity: 1;
text-shadow: none;
}

10.2% {
opacity: 0;
text-shadow: none;
}

20% {
opacity: 0;
text-shadow: none;
}

20.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
}

20.6% {
opacity: 0;
text-shadow: none;
}

30% {
opacity: 0;
text-shadow: none;
}

30.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
}

30.5% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
}

30.6% {
opacity: 0;
text-shadow: none;
}

45% {
opacity: 0;
text-shadow: none;
}

45.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
}

50% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
}

55% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
}

55.1% {
opacity: 0;
text-shadow: none;
}

57% {
opacity: 0;
text-shadow: none;
}

57.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
}

60% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
}

60.1% {
opacity: 0;
text-shadow: none;
}

65% {
opacity: 0;
text-shadow: none;
}

65.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
}

75% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
}

75.1% {
opacity: 0;
text-shadow: none;
}

77% {
opacity: 0;
text-shadow: none;
}

77.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
}

85% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
}

85.1% {
opacity: 0;
text-shadow: none;
}

86% {
opacity: 0;
text-shadow: none;
}

86.1% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
}

100% {
opacity: 1;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
}
}



.now_play_wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.triangle-right_red {
width: 0px;
height: 0;
border-top: 6px solid transparent;
border-left: 12px solid #ed1c24;
border-bottom: 5px solid transparent;
float: left;
margin-left: -7px;
}

/* async battle finished page -end */

/* jackpot popup */

.plus_minus_wrap {
width: 150px;
height: 50px;
background-color: #FFFFFF;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.24);
border-radius: 7px;
margin-left: auto;
margin-right: auto;
}

.plus_minus_wrap .minus_div {
width: 40px;
height: 50px;
text-align: center;
float: left;
line-height: 50px;
}

.plus_minus_wrap .minus_div img {
width: 12px;
height: auto;
}

.plus_minus_wrap .plus_div {
width: 40px;
height: 50px;
text-align: center;
float: left;
line-height: 50px;
}

.plus_minus_wrap .plus_div img {
width: 12px;
height: auto;
}

.plus_minus_wrap .value_div input {
width: 70px;
height: 50px;
text-align: center;
font-family: 'Roboto-Medium';
color: #f4f4f4;
float: left;
font-size: 1.6rem;
line-height: 50px;
}

.coins_drop_img_name1 {
color: #1d1d1d;
font-family: 'Roboto-Heavy';
font-size: 1.7rem;
width: 100%;
text-align: center;
margin-top: 5px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.coins_drop_img_name1 img {
width: 20px;
height: auto;
margin-left: 5px;
margin-top: 4px;
}


.jackpot-iframe {}

.jackpot_close_ic {
height: 50px;
position: absolute;
width: 100%;
z-index: 1;
}

.jackpot_close_btn img {
right: 10px;
width: 50px;
height: auto;
margin-top: 10px;
z-index: 1;
position: absolute;
}

/* cookies css */

.blue_teff_bg {
height: 100% !important;
width: 100%;
background-color: #000000 !important;
color: #fff;
}

.register_pop_subheading_teff1 a {
font-weight: bolder;
color: #fff;
text-decoration: underline;
font-family: 'Roboto-Bold';
}


.register_pop_subheading_teff1 {
color: #FFFFFF;
font-size: 1.4rem;
text-decoration: none;
font-family: 'Roboto-Light';
text-align: left;
width: 85%;
margin-left: auto;
margin-right: auto;
line-height: 27px;
}

.btn_center {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.cookies_btn {
border-radius: 7px;
padding: 10px 20px 10px 20px;
color: #f4f4f4;
text-decoration: none;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Bold';
display: inline;
background-color: #e6f5fd;
text-transform: capitalize;
line-height: 15px;
}

#new_overlay {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120%;
background: rgba(20, 20, 20, 0.6);
display: none;
}

#new_overlay_he {
z-index: 223;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120%;
background: rgba(20, 20, 20, 0.6);
display: none;
}

#new_overlay1 {
z-index: 5;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120%;
display: none;
background: rgba(20, 20, 20, 0.1);
}

.agora-local {
border-radius: 5px;
width: 14vw;
height: 14vw;
/* border-radius: 50%;
width: 50px;
height: 50px; */
overflow: hidden;
position: relative;
}

.agora-local video {
position: relative !important;
}

.video_audio_wrap {
text-align: center !important;
font-family: 'Roboto-Regular';
color: #FFFFFF;
font-size: 10px;
width: 45px;
height: 14px;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
line-height: 13px;
background-color: #ed1c24;
border-radius: 10px;
font-weight: bolder;
position: absolute;
margin-left: 5px;

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.video_audio_wrap .vid1 {
width: 22px;
height: 14px;
text-align: center;
/* border-right:1px solid rgba(255,255,255,0.4); */
float: left;
}

.video_audio_wrap .vid2 {
width: 20px;
height: 14px;
text-align: center;
float: left;
}

.video_audio_wrap .vid1 img {
width: 12px;
height: auto;
margin-top: 1px;
}

.video_audio_wrap .vid2 img {
width: 11px;
height: auto;
margin-top: 1px;
}

.video_audio_wrap .vid1a {
width: 1px;
height: 14px;
text-align: center;
border-right: 1px solid rgba(255, 255, 255, 0.4);



}

.contestant_img_wrap .mute_icon {
position: absolute;
z-index: 2;
width: 50px;
text-align: center;
display: block;
}

.contestant_img_wrap .mute_icon img {
width: 25px;
height: auto;
margin-top: 7px;
}

/*Ipl CSS starts*/
.ipl_banner {
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ipl_banner img {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
}

.ipl_heading {
font-size: 1.5rem;
font-family: 'PoppinsMedium';
color: #f4f4f4;
text-align: left;
width: 60%;
float: left;
font-weight: bolder;
margin-left: 5vw;
text-transform: capitalize;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.fill_btn1_ipl {
border-radius: 4px;
padding: 4px 6px 4px 6px;
color: #FFFFFF;
text-decoration: none;
font-size: .9rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Regular';
display: inline;
background-color: #2c44ae;
text-transform: capitalize;
line-height: 15px;
margin-top: 10px;
font-weight: bolder;
}

.ipl_tab {
width: 90%;
background-color: #1d1d1d;
border: 1px solid rgba(255,255,255,0.1);
line-height: 40px;
height: 46px;
margin-right: auto;
margin-left: auto;
border-radius: 10px;
}

.ipl_tab .inside_tab {
width: 50%;
float: left;
font-size: 1.3rem;
text-align: center;
font-family: 'Roboto-Regular';
padding: 3px 0px 3px 0px;
}

.ipl_tab .inside_tab.select_left {
background-color: #1d1d1d;
color: #FFFFFF;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
font-family: 'Poppins-Bold';
}

.ipl_tab .inside_tab.select_right {
background-color: #1d1d1d;
color: #FFFFFF;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
font-family: 'Poppins-Bold';
}

.home_match_wrap {
width: 90%!important;
min-height: 144px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #FFFFFF;
position: relative;
/*  -webkit-box-shadow: -1px 2px 25px 4px rgb(0 0 0 / 18%);
-moz-box-shadow: -1px 2px 25px 4px rgba(0,0,0,0.18);
box-shadow: -1px 2px 25px 4px rgb(0 0 0 / 18%);*/
}

.home_match_wrap .ipl_card_bg {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
text-align: center;
margin-top: -px;
}

.home_match_wrap .ipl_card_bg img {
width: 88%;
height: auto;
display: none;
}

.live_space {
width: 32px;
height: 40px;
right: 0px;
position: absolute;
top: 0px;
background-color: #ed1c24;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topright: 40px;
border-top-right-radius: 40px;
color: #FFFFFF;
text-align: center;
font-size: 1rem;
font-family: 'Roboto-Medium';
font-weight: bolder;
line-height: 45px;
text-transform: none;
padding-right: 8px;
}

.home_match_wrap.blue_bg {
background-image: none!important;
background-repeat: repeat-x;
background-position: top;
    background: rgb(88, 89, 104)!important;
	background-color: rgb(88, 89, 104)!important;
    background: -moz-linear-gradient(-45deg, rgba(88, 89, 104, 1) 0%, rgba(47, 48, 67, 1) 100%)!important;
    background: -webkit-linear-gradient(-45deg, rgba(88, 89, 104, 1) 0%, rgba(47, 48, 67, 1) 100%)!important;
    background: linear-gradient(135deg, rgba(88, 89, 104, 1) 0%, rgba(47, 48, 67, 1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#585968', endColorstr='#1d1d1d', GradientType=1)!;
color: #f4f4f4;
}

.home_match_wrap.white_bg {
    background: rgb(88, 89, 104)!important;
    background: -moz-linear-gradient(-45deg, rgba(88, 89, 104, 1) 0%, rgba(47, 48, 67, 1) 100%)!important;
    background: -webkit-linear-gradient(-45deg, rgba(88, 89, 104, 1) 0%, rgba(47, 48, 67, 1) 100%)!important;
    background: linear-gradient(135deg, rgba(88, 89, 104, 1) 0%, rgba(47, 48, 67, 1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#585968', endColorstr='#1d1d1d', GradientType=1)!;
color: #f4f4f4;
margin-bottom: 10px;
margin-top: 10px;
}

.home_match_wrap.light_green_bg {
color: #FFFFFF !important;
/*  box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.05);*/
margin-bottom: 10px;
background: rgb(88, 89, 104)!important;
background: -moz-linear-gradient(-45deg, rgba(88, 89, 104, 1) 0%, rgba(47, 48, 67, 1) 100%)!important;
background: -webkit-linear-gradient(-45deg, rgba(88, 89, 104, 1) 0%, rgba(47, 48, 67, 1) 100%)!important;
background: linear-gradient(135deg, rgba(88, 89, 104, 1) 0%, rgba(47, 48, 67, 1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#585968', endColorstr='#1d1d1d', GradientType=1)!;
}

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



.home_match_wrap .header_m {
font-family: 'Roboto-Regular';
font-weight: bolder;
font-size: 1.1rem;
float: left;
width: 55%;
margin-top: 9px;
margin-left: 15px;
color: #f4f4f4;
height: 20px;
	overflow: hidden;
}

.home_match_wrap .header_m_grey {
font-family: 'Roboto-Medium';
font-weight: bolder;
font-size: 1.1rem;
float: left;
width: 55%;
margin-top: 15px;
margin-left: 15px;
color: #FFFFFF;
}

.home_match_wrap .notification_ipl img {
width: 20px;
height: auto;
}

.home_match_wrap .notification_ipl {
font-family: 'Roboto-Medium';
float: right;
width: auto;
padding: 4px 4px 4px 4px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
font-weight: bolder;
font-size: 1.1rem;
color: #ffffff;
}

.home_match_wrap .Live {
font-family: 'Roboto-Medium';
float: right;
width: auto;
padding: 4px 4px 4px 4px;
margin-top: -25px;
margin-right: 14px;
color: #4AA855;
text-align: right;
font-weight: bolder;
font-size: 1rem;
text-transform: none;
clear: both;
}

.timer_main_wrap {
width: 90%;
border-radius: 10px;
background-color: #1d1d1d;
padding: 10px 0px 10px 0px;
margin-left: auto;
margin-right: auto;
}

.ipl_timer_wrap {
width: 100%;
border-radius: 10px;
background-color: #1d1d1d;
padding: 10px 0px 5px 0px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ipl_timer_wrap1 {
width: 100%;
border-radius: 10px;
background-color: #1d1d1d;
padding: 0px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ipl_timer_wrap .timing_box_wrap {
width: 30%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ipl_timer_wrap .timing_box {
width: 30px;
height: 30px;
background-color: rgba(255, 255, 255, 0.5);
color: #FFFFFF;
font-family: 'Roboto-Medium';
line-height: 30px;
font-size: 1.3rem;
text-align: center;
border-radius: 5px;
margin: 7px;
}

.ipl_timer_wrap1 .timing_box_wrap {
width: 30%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ipl_timer_wrap1 .timing_box_wrap .timer_text {
color: #FFFFFF;
}

.ipl_timer_wrap .colan_box {
width: 10px;
height: 30px;
color: #FFFFFF;
font-family: 'Roboto-Medium';
line-height: 30px;
font-size: 1.3rem;
text-align: center;
}

.home_match_wrap .timer_wrap_m {
font-family: 'Roboto-Medium';
float: right;
width: auto;
padding: 4px 4px 4px 4px;
margin-top: -9px;
margin-right: 15px;
color: #ed1c24;
text-align: center;
font-weight: bolder;
font-size: 1rem;
}

.home_match_details_wrap {
width: 70%;
min-height: 40px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 10px;
}



.home_match_details_wrap .div1 {
width: 33.3%;
float: left;
font-size: .85rem!important;
}

.home_match_details_wrap .div2 {
width: 33.3%;
float: left;
text-align: center;
font-size: .85rem!important;
}

.home_match_details_wrap .div2 img {
height: auto;
width: 30px;
margin-top: 10px;
}

.home_match_details_wrap .div3 {
width: 33.3%;
float: left;
font-size: .85rem!important;
}


.home_match_details_wrap .home_team_image_m {
width: 90%;
text-align: center;
background-color: #1d1d1d;
text-align: center;
border-radius: 15px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;
border: 1px solid rgba(255,255,255,0.2);
}

/* .profile_pg_img_wrap .edit_txt {
float: right;
margin-right: 20px;
margin-top: 10px;
position: absolute;
z-index: 1;
color: #fff;
font-size:1rem;
font-family:'PoppinsMedium';
font-weight: bolder;
right: 0px;
top: 10px;
width: auto;
line-height: normal;
} */

/* .profile_pg_img_wrap .edit_txt a{
color: #fff;
font-family:'PoppinsMedium';
font-weight: bolder;
text-decoration: underline;
} */

.profile_page_leader_btn {
border-radius: 7px;
color: #cccccc;
text-decoration: none;
font-size: 1rem;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';
font-weight: bolder;
background-color: #efefef;
text-transform: capitalize;
line-height: 18px;
width: 96%;
height: 60px;
text-align: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.profile_page_leader_btn h2 {
color: #f4f4f4;
text-decoration: none;
font-size: 1.6rem;
font-family: 'PoppinsMedium';
font-weight: bolder;
}

.home_match_details_wrap .home_team_image_m img {
width: 60%;
height: auto;
border-radius: 50%;
	margin-top: 5px;
}

.home_match_details_wrap .home_team_image_s {
width: 90%;
text-align: center;
text-align: center;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;
font-size: .9rem;
}

.home_match_details_wrap .home_team_image_s img {
width: 70%;
height: auto;
border-radius: 50%;
}

.home_match_details_wrap .home_team_bluebox {
width: 85%;
text-align: center;
text-align: center;
height: 25px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;
background: #000000;
border-radius: 15px;
line-height: 15px;
font-family: 'Roboto-Medium';
padding: 10px 4px 10px 4px;
word-break: break-word;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: .9rem;
}


.home_match_details_wrap .div2 .home_team_likes img {
width: 13px;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 2px;
font-size: .8rem;
}

.home_match_details_wrap .home_team_likes {
width: 85%;
text-align: center;
background-color: #000000;
text-align: center;
border-radius: 20px;
margin-left: auto;
margin-right: auto;
padding-top: 7px;
padding-bottom: 5px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 5px;
font-size: .8rem;

}

.home_match_details_wrap .home_team_likes img {
width: 13px;
height: auto;
}

.home_match_wrap .ipl_text1 {
text-align: center;
font-family: 'Roboto-Regular';
font-size: 1.2rem;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.home_match_wrap .ipl_text1 strong {
font-family: 'Roboto-Medium';
}

.home_match_wrap .ipl_text2 {
text-align: center;
font-family: 'Roboto-Regular';
font-size: 1.4rem;
width: 95%;
margin-left: auto;
margin-right: auto;
}

.home_match_wrap .ipl_text2 strong{
font-family: 'Roboto-Regular';
font-size: 1.2rem;
}

.home_match_wrap .ipl_text3 {
text-align: center;
font-family: 'Roboto-Light';
font-size: 1.3rem;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.ipl_hr {
width: 100%;
margin-left: auto;
margin-right: auto;
border-top: 1px solid rgba(255,255,255,0.1);
text-align: center;
opacity: 50%;
}

.remind_btn_wrap {
text-align: center;
width: 100%;
}

.reminder_btn {
border-radius: 10px;
padding: 5px 6px 5px 6px;
color: #2841b5;
text-decoration: none;
font-size: 1.6rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Medium';
background-color: #FFFFFF;
text-transform: capitalize;
line-height: 15px;
font-weight: bolder;
border: 1px solid #2841b5;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 50vw;
height: 28px;
}

.reminder_btn img {
width: 22px;
height: auto;
}

.reminder_btn_black {
border-radius: 10px;
padding: 5px 6px 5px 6px;
color: #f4f4f4;
text-decoration: none;
font-size: 1.6rem;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Medium';
background-color: #FFFFFF;
text-transform: capitalize;
line-height: 15px;
font-weight: bolder;
border: 1px solid #333;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 50vw;
height: 28px;
}

.reminder_btn_black img {
width: 22px;
height: auto;
}

/*Stages style starts*/

.stages_wrap {
font-size: 1.4rem !important;
width: 80%;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
transform: scale(1);
margin-top: 10px;
height: 60px;
}

.navigation_menu {
width: 100%;
margin-left: -2%;
}

.navigation_tabs {
counter-reset: step;
width: 100%;
margin-left: 3%;
}

/* one item */
.navigation_tabs li:first-child:nth-last-child(1) {
width: 100%;
}

/* two items */
.navigation_tabs li:first-child:nth-last-child(2),
.navigation_tabs li:first-child:nth-last-child(2)~li {
width: 49%;
}

/* three items */
.navigation_tabs li:first-child:nth-last-child(3),
.navigation_tabs li:first-child:nth-last-child(3)~li {
/* width: 30.3333%; */
}

/* four items */
.navigation_tabs li:first-child:nth-last-child(4),
.navigation_tabs li:first-child:nth-last-child(4)~li {
width: 24%;
}

/* five items */
.navigation_tabs li:first-child:nth-last-child(5),
.navigation_tabs li:first-child:nth-last-child(5)~li {
width: 19%;
}

/* six items */
.navigation_tabs li:first-child:nth-last-child(6),
.navigation_tabs li:first-child:nth-last-child(6)~li {
width: 16%;
}

.navigation_tabs li {
list-style: none;
display: inline-block;
position: relative;
text-align: center;
/* cursor: pointer; */
color: #fff;
}



.navigation_tabs li a {
text-decoration: none;
}

.navigation_tabs li:before {
content: counter(step);
counter-increment: step;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 100%;
display: block;
text-align: center;
margin: 0 auto 10px auto;
background-color: #999;
color: #fff;
font-weight: normal;
font-size: 1.1rem;
}
.navigation_tabs li:after {
content: "";
position: absolute;
width: 100%;
height: 3px;
background-color: #999999;
top: 15px;
left: -50%;
z-index: -1;
}

.navigation_tabs li:first-child:after {
content: none;
}

.navigation_tabs li.tab_active,
.navigation_tabs li.tab_inactive,
.navigation_tabs li.tab_active a,
.navigation_tabs li.tab_inactive a {
color: #FFFFFF;
}

.navigation_tabs li.tab_active a:hover,
.navigation_tabs li.tab_inactive a:hover {
font-weight: bold;
}


.navigation_tabs li.tab_active:before {
border-color: #f4f4f4;
}

.navigation_tabs li.tab_inactive:before {
border-color: #000000;
background-color: #000000;
color: #fff;
}


.navigation_tabs li.tab_inactive+li:after {
background-color: #f4f4f4;
}



.navigation_tabs1 {
counter-reset: step;
width: 138%;
margin-left: -14%;
}

/* one item */
.navigation_tabs1 li:first-child:nth-last-child(1) {
width: 100%;
}

/* two items */
.navigation_tabs1 li:first-child:nth-last-child(2),
.navigation_tabs1 li:first-child:nth-last-child(2)~li {
width: 49%;
}

/* three items */
.navigation_tabs1 li:first-child:nth-last-child(3),
.navigation_tabs1 li:first-child:nth-last-child(3)~li {
width: 30.3333%;
}

/* four items */
.navigation_tabs1 li:first-child:nth-last-child(4),
.navigation_tabs1 li:first-child:nth-last-child(4)~li {
width: 24%;
}

/* five items */
.navigation_tabs1 li:first-child:nth-last-child(5),
.navigation_tabs1 li:first-child:nth-last-child(5)~li {
width: 19%;
}

/* six items */
.navigation_tabs1 li:first-child:nth-last-child(6),
.navigation_tabs1 li:first-child:nth-last-child(6)~li {
width: 16%;
}

.navigation_tabs1 li {
list-style: none;
display: inline-block;
position: relative;
text-align: center;
/* cursor: pointer; */
color: #fff;
}



.navigation_tabs1 li a {
text-decoration: none;
}

.navigation_tabs1 li:before {
content: counter(step);
counter-increment: step;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 100%;
display: block;
text-align: center;
margin: 0 auto 10px auto;
background-color: #4AA855;
color: #FFFFFF;
font-weight: bolder;
content: "\2713";
}

.navigation_tabs1 li:after {
content: "";
position: absolute;
width: 100%;
height: 3px;
background-color: #1d1d1d;
top: 15px;
left: -50%;
z-index: -1;
}

.navigation_tabs1 li:first-child:after {
content: none;
}

.navigation_tabs1 li.tab_active,
.navigation_tabs1 li.tab_inactive,
.navigation_tabs1 li.tab_active a,
.navigation_tabs1 li.tab_inactive a {
color: #FFFFFF;
}

.navigation_tabs1 li.tab_active a:hover,
.navigation_tabs1 li.tab_inactive a:hover {
font-weight: bold;
}


.navigation_tabs1 li.tab_active:before {
border-color: #f4f4f4;
}

.navigation_tabs1 li.tab_inactive:before {
border-color: #ed1c24;
background-color: #ed1c24;
color: #fff;
color: #FFFFFF;
font-weight: bolder;
content: "\2715";

}


.navigation_tabs1 li.tab_inactive+li:after {
background-color: #1d1d1d;
}

.navigation_tabs1 li.disabled:before {
background-color: #1d1d1d;
}

.navigation_tabs1 li.tab_inactive.disabled:before {
background-color: #1d1d1d;
}

.navigation_tabs li.tab_inactive.gameResult+li:after {
background-color: #1d1d1d;
}


.navigation_tabs2 {
counter-reset: step;
width: 120%;
margin-left: -5%;
transform: scale(.8);
margin-top: -20px;
}

/* one item */
.navigation_tabs2 li:first-child:nth-last-child(1) {
width: 100%;
}

/* two items */
.navigation_tabs2 li:first-child:nth-last-child(2),
.navigation_tabs2 li:first-child:nth-last-child(2)~li {
width: 49%;
}

/* three items */
.navigation_tabs2 li:first-child:nth-last-child(3),
.navigation_tabs2 li:first-child:nth-last-child(3)~li {
width: 30.3333%;
}

/* four items */
.navigation_tabs2 li:first-child:nth-last-child(4),
.navigation_tabs2 li:first-child:nth-last-child(4)~li {
width: 24%;
}

/* five items */
.navigation_tabs2 li:first-child:nth-last-child(5),
.navigation_tabs2 li:first-child:nth-last-child(5)~li {
width: 19%;
}

/* six items */
.navigation_tabs2 li:first-child:nth-last-child(6),
.navigation_tabs2 li:first-child:nth-last-child(6)~li {
width: 16%;
}

.navigation_tabs2 li {
list-style: none;
display: inline-block;
position: relative;
text-align: center;
color: #fff;
font-size: 1rem;
font-family: 'Roboto-Medium';
}



.navigation_tabs2 li a {
text-decoration: none;
}

.navigation_tabs2 li:before {
content: counter(step);
counter-increment: step;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 100%;
display: block;
text-align: center;
margin: 0 auto 10px auto;
background: rgba(216, 214, 223, 1);
background: -moz-linear-gradient(top, rgba(216, 214, 223, 1) 0%, rgba(80, 68, 145, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(216, 214, 223, 1)), color-stop(100%, rgba(80, 68, 145, 1)));
background: -webkit-linear-gradient(top, rgba(216, 214, 223, 1) 0%, rgba(80, 68, 145, 1) 100%);
background: -o-linear-gradient(top, rgba(216, 214, 223, 1) 0%, rgba(80, 68, 145, 1) 100%);
background: -ms-linear-gradient(top, rgba(216, 214, 223, 1) 0%, rgba(80, 68, 145, 1) 100%);
background: linear-gradient(to bottom, rgba(216, 214, 223, 1) 0%, rgba(80, 68, 145, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d6df', endColorstr='#504491', GradientType=0);
color: #FFFFFF;
font-weight: bolder;
border: 2px solid #e669b9;
font-size: 1.4rem;
}

.navigation_tabs2 li:after {
content: "";
position: absolute;
width: 100%;
height: 3px;
background-color: #999999;
top: 15px;
left: -50%;
z-index: -1;
}

.navigation_tabs2 li:first-child:after {
content: none;
}

.navigation_tabs2 li.tab_active,
.navigation_tabs2 li.tab_inactive,
.navigation_tabs2 li.tab_active a,
.navigation_tabs2 li.tab_inactive a {
color: #FFFFFF;
}

.navigation_tabs2 li.tab_active a:hover,
.navigation_tabs2 li.tab_inactive a:hover {
font-weight: bold;
}


.navigation_tabs 2li.tab_active:before {
border-color: #e669b9;
}

.navigation_tabs2 li.tab_inactive:before {
border-color: #e669b9;
background: rgba(112, 38, 224, 1);
background: -moz-linear-gradient(top, rgba(112, 38, 224, 1) 0%, rgba(64, 39, 156, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(112, 38, 224, 1)), color-stop(100%, rgba(64, 39, 156, 1)));
background: -webkit-linear-gradient(top, rgba(112, 38, 224, 1) 0%, rgba(64, 39, 156, 1) 100%);
background: -o-linear-gradient(top, rgba(112, 38, 224, 1) 0%, rgba(64, 39, 156, 1) 100%);
background: -ms-linear-gradient(top, rgba(112, 38, 224, 1) 0%, rgba(64, 39, 156, 1) 100%);
background: linear-gradient(to bottom, rgba(112, 38, 224, 1) 0%, rgba(64, 39, 156, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7026e0', endColorstr='#40279c', GradientType=0);
color: #e669b9;
border: 2px solid #e669b9;
content: "\2713";
font-size: 1.4rem;
}


.navigation_tabs2 li.tab_inactive+li:after {
background-color: #e669b9;
}

/*stages style ends*/

.ipl_header_space {
background-color:transparent;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 50px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-size: .95rem;
border-bottom: 1px solid rgba(255,255,255,0.1);
}

.ipl_body_space {
border-bottom: 1px solid rgba(255,255,255,0.1);
height: 90px;
}

.ipl_body_space.noboder {
border-bottom: none !important;
height: 60px;
}

.ipl_footer_space {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 30px;
line-height: 20px;
}

.ipl_footer_space .ipl_footer_1 {
width: 70%;
text-align: left;
font-size: 1rem;
font-family: 'Roboto-Medium';
margin-left: 15px;
}

.ipl_footer_space .ipl_footer_1 img {
height: auto;
width: 12px;
margin-right: 3px;
margin-left: 3px;
}

.ipl_footer_space .ipl_footer_1 strong {
width: 70%;
text-align: center;
font-size: 1rem;
font-family: 'Roboto-Medium';
}

.ipl_footer_space .ipl_footer_1a {
width: 33%;
text-align: center;
font-size: 1rem;

}

.ipl_footer_space .ipl_footer_1a img {
height: auto;
width: 15px;
margin-right: 3px;
margin-left: 3px;
}

.ipl_footer_space .ipl_footer_1a strong {
text-align: center;
font-size: 1rem;
font-family: 'Roboto-Medium';
}

.ipl_footer_space .ipl_footer_3 {
width: 30%;
text-align: center;
font-size: 1rem;
color: #cccccc;
}


.ipl_footer_space .ipl_footer_2 {
width: 30%;
text-align: center;
font-size: .9rem;
font-family: 'Roboto-Medium';
}

.ipl_footer_space .ipl_footer_2 img {
height: 10px;
width: auto;
margin-right: 3px;
margin-left: 1px;
}

.ipl_winning_tag {
width: 90%;
/*height: 30px;*/
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 20px;
margin-left: auto;
margin-right: auto;
}

.language_page .back_btn_ipl {
text-align: center;
width: 30px;
height: 50px;
position: absolute;
padding-top: 0px;
padding-left: 0px;
z-index: 1;
}

.language_page .back_btn_ipl img {
width: 20px;
height: auto;
margin-top: 19px;
margin-left: 20px;
}

.black_border {
/*  outline: 3px solid #17c00a !important;*/
box-shadow: 0 0 0 3px #2e4dd2 !important;
border-radius: 7px;
}

.pnw_right_ans {
/* background: linear-gradient(176.12deg, #17c00a 3.9%, #17c00a 97.63%) !important; */
color: #fbf7f0 !important;
/* background-color: #17c00a !important; */
color: #333 !important;
border: 1px solid #17c00a;
}

.pnw_mathces_tab {
overflow-y: scroll;
max-height: 66vh;
overflow-x: hidden;
}

.ipl_more {

position: absolute;
z-index: 1;
right: 5vw;/*For VIL advertisement - added on 08 March 2023*/
margin-top: -5px;
}

#target {
background: #FFFFFF;
width: 160px;
height: auto;
padding: 10px;
display: none;
float: right;
border-radius: 5px;
position: absolute;
right: 20px;
z-index: 223;
margin-top: 20px;
/* box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.55); */
/* -webkit-box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.55); */
-moz-box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.55);
}

#target .text1 {
color: #1d1d1d;
font-size: 1rem;
text-decoration: none;
font-family: 'Roboto-Medium';
width: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
}

#target .text1 a {
color: #1d1d1d;
text-decoration: none;
font-size: 1.2rem;
}

.Hide {
display: none;
}

.ipl_search_more a {
float: right;
text-align: right;
margin-right: 25px;
line-height: 30px;
color: #1d1d1d;
font-size: 3vw;
margin-top: -5px;
text-decoration: none;
font-family: 'Roboto-Bold';
}

.ipl_more a img {
width: 27px;
height: auto;
opacity: 70%;
}

#new_overlay2 {
z-index: 222;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120%;
background: rgba(20, 20, 20, 0.0);
display: none;
}

.pnw_text_opt_text {
width: 90% !important;
display: block;
margin: auto
}

/* .home_team_name_m {
height: 40px;
word-break: break-word;
} */

.home_match_details_wrap1 {
width: 95%;
min-height: 90px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 10px;
}



.home_match_details_wrap1 .div1 {
width: 33.3%;
float: left;
}

.home_match_details_wrap1 .div2 {
width: 33.3%;
float: left;
text-align: center;
font-size: .9rem;
}

.home_match_details_wrap1 .div2 img {
height: auto;
width: 30px;
margin-top: 10px;
}

.home_match_details_wrap1 .div2 .txt {
margin-top: -10px;
}

.home_match_details_wrap1 .div3 {
width: 33.3%;
float: left;
}


.home_match_details_wrap1 .home_team_image_m {
width: 90%;
text-align: center;
background-color: #fbf7f0;
text-align: center;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;
}

.home_match_details_wrap1 .home_team_image_m img {
width: 90%;
height: auto;
}

.home_match_details_wrap1 .home_team_image_s {
width: 100%;
text-align: center;
text-align: center;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;
}

.home_match_details_wrap1 .home_team_image_s img {
width: 40%;
height: auto;
}

.home_match_details_wrap1 .home_team_bluebox {
width: 90%;
text-align: center;
text-align: center;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;
background: linear-gradient(176.12deg, #E0EBF9 3.9%, #CDE3FF 97.63%);
border-radius: 10px;
line-height: 15px;
font-family: 'Roboto-Medium';
padding: 10px 0px 10px 0px;
}


.home_match_details_wrap1 .div2 .home_team_likes img {
width: 13px;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 2px;
font-size: .8rem;
}

.home_match_details_wrap1 .home_team_likes {
width: 70%;
text-align: center;
background-color: rgba(0, 0, 0, 0.05);
text-align: center;
border-radius: 20px;
margin-left: auto;
margin-right: auto;
padding-top: 3px;
padding-bottom: 2px;
-webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 5px;
font-size: .8rem;

}

.home_match_details_wrap1 .home_team_likes img {
width: 13px;
height: auto;
}

.purple_gradient {
background: #b71eed;
/* Old browsers */
background: -moz-linear-gradient(top, #b71eed 5%, #362790 96%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b71eed 5%, #362790 96%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b71eed 5%, #362790 96%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b71eed', endColorstr='#362790', GradientType=0);
/* IE6-9 */

}

.purple_txt {
color: #B71EED !important;
}

.ipl_footer_space .ipl_footer_2 a {
color: #438DF8;
}

.ipl_bottom_text {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 30px;
line-height: 20px;
color: #ed1c24;
width: 100%;
}

.player_header_wrap {
background: #5421b8;
/* Old browsers */
width: 100%;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background-image: url("../image/ipl_logo/bg_header.png");
background-size: 100vw;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.28);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.28);
padding-bottom: 10vw;
}

.player_pg_middle_wrap {
width: 96%;
background-color: #1d1d1d;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}

.ipl_yellow_wrap {
width: 100%;
height: 110px;
background-color: #1d1d1d;
position: absolute;
z-index: -1;
margin-top: -10px;
}

.player_circle_wrap {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
word-break: break-all;
margin-top: -40px;
}

.player_circle_wrap .player_circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: transparent;
margin: 10px 20px 10px 20px;
font-family: 'Roboto-Medium';
color: #f4f4f4;
background-image: url("../image/ipl_logo/player_circle_bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
font-size: .9rem;
}


.player_circle_wrap .player_circle.select {
color: #FFFFFF !important;
background-image: url("../image/ipl_logo/player_circle_bg_select.png");

}

.ipl_yellow_wrap .text1 {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
word-break: break-all;
color: #FFFFFF !important;
font-family: 'Roboto-Regular';
font-size: 12px;
}

.ipl_yellow_wrap .player_box_wrap {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
word-break: break-all;
}

.ipl_yellow_wrap .player_box_wrap .player_box {
width: 22px;
height: 22px;
background-color: #FFFFFF;
margin: 10px 2px 10px 2px;
font-family: 'Roboto-Medium';
color: #f4f4f4;
font-size: 1rem;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
line-height: 22px;
}

.ipl_yellow_wrap .player_box_wrap .player_box.select {
color: #FFFFFF !important;
background-color: #6249F0;

}


.player_list_header_wrap {
height: 40px;
width: 100%;
font-size: 1rem;
font-family: 'Roboto-Regular';
color: #FFFFFF;
line-height: 38px;
font-weight: bold;
border-bottom: 1px solid #efefef;
}

.player_list_header_wrap .heading1 {
width: 33%;
height: 40px;
text-align: center;
float: left;
font-size: 1.1rem;
text-transform: capitalize;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
}

.player_list_header_wrap .heading1 img {
width: 10px;
height: auto;
margin-left: 2px;
margin-top: 15px;
}

.player_list_header_wrap .heading2 {
width: 40%;
height: 40px;
text-align: center;
float: left;
font-size: 1.1rem;
text-transform: capitalize;
}

.player_list_header_wrap .heading2 img {
width: 10px;
height: auto;
margin-left: 2px;
margin-top: 15px;
}

.player_list_header_wrap .heading3 {
width: 27%;
height: 40px;
text-align: center;
float: left;
font-size: 1.1rem;
text-transform: capitalize;
}

.player_list_header_wrap .heading3 img {
width: 10px;
height: auto;
margin-left: 2px;
margin-top: 15px;
}

.player_list_header_wrap .heading1a {
width: 45%;
height: 40px;
text-align: center;
float: left;
font-size: 1rem;
text-transform: capitalize;
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
text-align: center;
margin-left: 10px;
}

.player_list_header_wrap .heading1a img {
width: 10px;
height: auto;
margin-left: 2px;
margin-top: 15px;
}

.player_list_header_wrap .heading1b {
width: 68%;
height: 40px;
text-align: center;
float: left;
font-size: 1rem;
text-transform: capitalize;
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
text-align: center;
margin-left: 18px;
}

.player_list_header_wrap .heading1b img {
width: 10px;
height: auto;
margin-left: 2px;
margin-top: 10px;
}

.player_list_header_wrap .heading2a {
width: 20%;
height: 40px;
text-align: center;
float: left;
font-size: 1rem;
text-transform: capitalize;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
padding-left: 1%;
}

.player_list_header_wrap .heading2a img {
width: 10px;
height: auto;
margin-left: 2px;
margin-top: 15px;
}

.player_list_details_wrap {
height: 50px;
width: 100%;
font-size: 1rem;
font-family: 'Roboto-Medium';
color: #f4f4f4;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.player_list_header_wrap .heading2b {
width: 19%;
height: 40px;
text-align: center;
float: left;
font-size: 1rem;
text-transform: capitalize;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
padding-left: 1%;
}
.player_list_header_wrap .heading2b img {
width: 10px;
height: auto;
margin-left: 2px;
margin-top: 15px;
}
.trending_wrap .more_icon{
position: absolute;
right: 3vw;
top: 10px;
z-index: 1;
width: 10px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
/* .trending_wrap .more_icon img{
width: 4px;
height: auto;
} */

.ipl_table_header {
height: 30px;
width: auto;
font-size: 1.2rem;
font-family: 'Roboto-Medium';
color: #f4f4f4;
margin-left: 2vw;
line-height: 30px;
}

.player_list_details_wrap.normal {
background-color: #FFFFFF;
}

.player_list_details_wrap.dark {
background-color: #f4fbf7;
}

.player_list_details_wrap.yellow_bg {
background-color: #f7e0a8;
}


.player_list_details_wrap .div1 {
width: 11%;
height: 50px;
text-align: center;
float: left;
}

.player_list_details_wrap .div1 img {
width: 27px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}

.player_list_details_wrap .div1b {
width: 11%;
height: 50px;
text-align: center;
float: left;
margin-left: 3%;
}

.player_list_details_wrap .div1b img {
width: 27px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}


.player_list_details_wrap .div2 {
width: 35%;
height: 50px;
text-align: center;
text-transform: none;
float: left;
line-height: 15px;
	color: #FFFFFF!important;
}

.player_list_details_wrap .div2 .player {
font-size: 1rem;
margin-top: 11px;
text-align: left;
font-family: 'Roboto-Medium';
text-transform: capitalize;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

.player_list_details_wrap .div2 .team {
font-size: .7rem;
text-align: left;
padding-left: 0px;
font-family: 'Roboto-Regular';
text-transform: capitalize;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
color: #999;
}

.player_list_details_wrap .div2 .team img {
width: 11px;
height: 12px;
line-height: 10px;
margin-top: 1px;
}

.player_list_details_wrap .div2 .team .playing {
height: 8px;
width: 8px;
margin-top: auto;
margin-bottom: auto;
background-color: red;
border-radius: 50%;
display: inline-block;
}

.player_list_details_wrap .div2 .team .not_playing {
height: 8px;
width: 8px;
margin-top: auto;
margin-bottom: auto;
background-color: green;
border-radius: 50%;
display: inline-block;
}

.player_list_details_wrap .div1a {
width: 11%;
height: 50px;
text-align: center;
float: left;
}

.player_list_details_wrap .div1a img {
width: 27px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}

.player_list_details_wrap .div2a {
width: 30%;
height: 50px;
text-align: center;
text-transform: none;
float: left;
line-height: 15px;
}

.player_list_details_wrap .div2a .player {
font-size: 0.8rem;
margin-top: 11px;
text-align: left;
}

.player_list_details_wrap .div2a .team {
font-size: 0.6rem;
text-align: left;
padding-left: 0px;
opacity: 0.8;
}


.player_list_details_wrap .div3 {
width: 21%;
height: 50px;
text-align: center;
float: left;
line-height: 50px;
}

.player_list_details_wrap .div3a {
width: 50%;
height: 50px;
text-align: center;
float: left;
line-height: 50px;
}

.player_list_details_wrap .div3b {
width: 35%;
height: 50px;
text-align: right;
float: left;
line-height: 50px;
}


.player_list_details_wrap .div4 {
width: 15%;
height: 50px;
text-align: center;
float: left;
line-height: 50px;
}

.player_list_details_wrap .div4a {
width: 15%;
height: 50px;
text-align: center;
float: left;
}

.player_list_details_wrap .div5 {
width: 18%;
height: 50px;
text-align: center;
float: left;
background-image: url("../image/ipl_logo/table_left_bg.png");
background-position: left;
background-repeat: no-repeat;
background-size: 4px;
}

.player_list_details_wrap .div5 img {
width: 25px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}

.player_list_details_wrap .div5a {
width: 16%;
height: 50px;
text-align: center;
float: left;
}

.player_list_details_wrap .div5a img {
width: 25px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
}

.button_wrap {
width: 100%;
height: 50px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
position: fixed;
bottom: 0px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
}

.button_wrap .btn_click {
width: 30%;
height: 30px;
float: left;
text-align: center;
line-height: 30px;
font-size: 1.2rem;
font-family: 'Roboto-Regular';
text-transform: capitalize;
color: #FFFFFF;
margin: 10px;
border-radius: 25px;
}

.button_wrap .btn_click.select {
background-color: #ed1c24;
}

.button_wrap .btn_click.normal {
background-color: #C0C0C0;
}

.button_wrap .btn_click.green_bg {
background-color: #00a000;
}

.button_wrap .btn_click.black_bg_btn {
background-color: #f4f4f4;
}

.ipl_selectplayer {
color: #FFFFFF !important;
font-size: 1.3rem !important;
}


.language_page .back_btn_ipl.select_player img {
width: 16px;
height: auto;
margin-top: 17px;
margin-left: 20px;
filter: brightness(100);
}

.ipl_player_timer {
width: 100px;
height: 25px;
border-radius: 50px;
margin-left: auto;
margin-right: auto;
color: #f4f4f4;
line-height: 25px;
font-size: .9rem;
font-family: 'Roboto-Medium';
text-transform: capitalize;
background-color: #fff;
text-align: center;
}

.ipl_player_timer_1 {
width: 100px;
height: 25px;
border-radius: 50px;
color: #f4f4f4;
line-height: 25px;
font-size: .9rem;
font-family: 'Roboto-Medium';
text-transform: capitalize;
background-color: #fff;
text-align: center;
float: right;
margin-top: -20px;
margin-right: 20px;
}

.ipl_player_score {
width: 100px;
height: 25px;
border-radius: 50px;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
line-height: 25px;
font-size: .9rem;
font-family: 'Roboto-Medium';
text-transform: capitalize;
background-color: transparent;
text-align: center;
border: 1px solid #FFFFFF;
padding: 0px 10px 0px 10px;
}

.ipl_view_team_btn {
min-width: 100px;
height: 25px;
border-radius: 7px;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
line-height: 25px;
font-size: .9rem;
font-family: 'Roboto-Medium';
text-transform: capitalize;
background-color: #ed1c24;
text-align: center;
padding: 0px 10px 0px 10px;
display: inline-block;
}

.view_team_green {
width: 50px;
height: 15px;
border-radius: 5px;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
line-height: 15px;
font-size: .6rem;
font-family: 'Roboto-Medium';
text-transform: capitalize;
background-color: #4AA855;
text-align: center;
padding: 0px 1px 0px 1px;
margin-top: 17px;
}

.team_name_header {
width: 80%;
height: 25px;
margin-left: auto;
margin-right: auto;
color: #FF94BD;
line-height: 25px;
font-size: 1.2rem;
font-family: 'Roboto-Medium';
text-transform: capitalize;
background-color: transparent;
text-align: center;
padding: 0px 10px 0px 10px;
}

.home_match_details_wrap2 {
width: 75%;
min-height: 90px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 10px;
color: #FFFFFF;
}



.home_match_details_wrap2 .div1 {
width: 33.3%;
float: left;
}

.home_match_details_wrap2 .div2 {
width: 33.3%;
float: left;
text-align: center;
font-size: .9rem;
}

.home_match_details_wrap2 .div2 img {
height: auto;
width: 30px;
margin-top: 10px;
filter: brightness(100);
}

.home_match_details_wrap2 .div2a {
width: 33.3%;
float: left;
text-align: center;
font-size: .9rem;
}

.home_match_details_wrap2 .div2a img {
height: auto;
width: 25px;
margin-top: -10px;
filter: brightness(100);
}

.home_match_details_wrap2 .div2 .txt {
margin-top: -10px;
}

.home_match_details_wrap2 .div3 {
width: 33.3%;
float: left;
}

.home_match_details_wrap2 .home_team_name_m {
color: #FFFFFF;
font-weight: bold;
text-transform: none;
font-family: 'Roboto-Medium';
font-size: .9rem;
}

.home_match_details_wrap2 .home_team_name_m1 {
color: #FFFFFF;
text-transform: none;
font-family: 'Roboto-Regular';
font-size: .7rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;

}


.home_match_details_wrap2 .home_team_image_s {
width: 100%;
text-align: center;
text-align: center;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;

}

.home_match_details_wrap2 .home_team_image_s img {
width: 50%;
height: auto;
/* background-color: #fff; */
border-radius: 50%;
}

.home_match_details_wrap2 .home_team_image_s1 {
width: 100%;
text-align: center;
text-align: center;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;

}

.home_match_details_wrap2 .home_team_image_s1 img {
width: 50%;
height: auto;
background-color: #fff;
border-radius: 50%;
}

.player_number {
color: #FFFFFF;
text-transform: capitalize;
font-family: 'Roboto-Regular';
font-size: .9rem;
}

.player_number strong {
font-weight: bold;
font-family: 'Roboto-Medium';
font-size: 1rem;
}

.player_list_button_wrap .cap_div1 {
text-align: right;
width: 40%;
float: left;
}

.player_list_button_wrap .cap_div2 {
text-align: center;
width: 20%;
float: left;
}

.player_list_button_wrap .cap_div2 img {
width: 23px;
height: auto;
margin-top: 12px;
}

.player_list_button_wrap .cap_div3 {
text-align: left;
width: 40%;
float: left;
}

.dc_vc_circle {
background-position: center;
background-repeat: repeat-x;
width: 27px;
height: 27px;
border-radius: 50%;
border: 1px solid #999999;
font-size: .9rem;
line-height: 28px;
font-family: 'Roboto-Regular';
margin-top: 6px;
margin-left: auto;
margin-right: auto;
color: #999;
}

.dc_vc_circle_red {
background-color: #4726A7;
width: 28px;
height: 28px;
border-radius: 50%;
border: none;
font-size: .85rem;
line-height: 27px;
font-family: 'Roboto-Regular';
margin-top: 6px;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;

}

.dc_vc_circle_yellow {
background-color: #F7C043;
width: 28px;
height: 28px;
border-radius: 50%;
border: none;
font-size: .85rem;
line-height: 27px;
font-family: 'Roboto-Regular';
margin-top: 6px;
margin-left: auto;
margin-right: auto;
color: #f4f4f4;

}

.dc_vc_circle_empty {
width: 27px;
height: 27px;
border-radius: 50%;
border: 1px solid #ed1c24;
font-size: 15px;
line-height: 26px;
font-family: 'Vodafone-Rg';
margin-left: auto;
margin-right: auto;
text-align: center;
color: #fff;
}


.dc_vc_circle_txt {
text-align: center;
font-size: 0.6rem;
font-family: 'Roboto-Regular';
opacity: 0.8;
height: 10px;
margin-top: 1px;
color: #999;
}

.player_image {
position: relative;

}

.fa_captain_tag {
background-color: #4726A7;
width: 18px;
height: 18px;
border-radius: 50%;
font-size: .7rem;
line-height: 18px;
font-family: 'Roboto-Regular';
margin-top: -40px;
margin-left: 6vw;
margin-right: auto;
color: #fff;
text-transform: none;
position: relative;

z-index: 1;
}

.fa_captain_tag_big {
background-color: #4726A7;
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 1.2rem;
line-height: 42px;
font-family: 'Roboto-Regular';
margin-top: 35px;
margin-left: 65px;
margin-right: auto;
color: #fff;
text-transform: none;
position: absolute;

z-index: 1;
}

.fa_captain_tag_big_y {
background-color: #F7C043;
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 1.2rem;
line-height: 42px;
font-family: 'Roboto-Regular';
margin-top: 35px;
margin-left: 65px;
margin-right: auto;
color: #f4f4f4;
text-transform: none;
position: absolute;

z-index: 1;
}

.fa_captain_tag_y {
background-color: #F7C043;
width: 18px;
height: 18px;
border-radius: 50%;
font-size: .7rem;
line-height: 18px;
font-family: 'Roboto-Regular';
margin-top: -40px;
margin-left: 6vw;
margin-right: auto;
color: #f4f4f4;
text-transform: none;
position: relative;

z-index: 1;
}

.leaderboard_card_table {
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
border: 1px solid rgba(255,255,255,0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.leaderboard_card_table table {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.leaderboard_card_table .divwrap_head {
text-align: center;
padding: 8px 0px 8px 8px;
text-transform: none;
font-family: 'Roboto-Regular';
font-size: 1rem;
background-color: #000000;
font-size: 1rem;
height: 25px;
line-height: 25px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.leaderboard_card_table .divwrap_head .leader_div1 {
width: 40%;
float: left;
}

.leaderboard_card_table .divwrap_head .leader_div2 {
width: 60%;
float: left;
}


.leaderboard_card_table .divwrap_head .heading {
text-align: left;
text-transform: none;
font-weight: bold;
font-family: 'Roboto-Medium';
font-size: 1.3rem;
color: #cccccc;
}

.leaderboard_card_table .divwrap_normal {
text-align: left;
padding: 2px 0px 2px 10px;
text-transform: none;
font-family: 'Roboto-Medium';
font-size: 1rem;
background-color: rgba(255, 255, 255, 0.1);
font-size: 1rem;
height: 30px;
line-height: 25px;
color: #FFFFFF;
}

.leaderboard_card_table .divwrap_dark {
text-align: left;
padding: 2px 0px 2px 10px;
text-transform: none;
font-family: 'Roboto-Medium';
font-size: 1rem;
background-color: #1d1d1d;
font-size: 1rem;
height: 30px;
line-height: 25px;
color: #FFFFFF;
}

.leaderboard_card_table .divwrap_normal .leader_div1 {
width: 40%;
float: left;
}

.leaderboard_card_table .divwrap_normal .leader_div2 {
width: 60%;
float: left;
display: inline-flex;
justify-content: flex-start;
align-items: center;
}
.leaderboard_card_table .divwrap_normal .leader_div2 img{
width: 16px;
margin-right: 3px;
height: auto;
}

.leaderboard_card_table .divwrap_dark .leader_div1 {
width: 40%;
float: left;
display: inline-flex;
justify-content: flex-start;
align-items: center;
}

.leaderboard_card_table .divwrap_dark .leader_div1 img{
width: 16px;
margin-right: 3px;
height: auto;
}
.leaderboard_card_table .divwrap_dark .leader_div2 {
width: 60%;
float: left;
display: inline-flex;
justify-content: flex-start;
align-items: center;
}

.leaderboard_card_table .divwrap_dark .leader_div2 img{
width: 16px;
margin-right: 3px;
height: auto;
}

.error_toaster {
width: 100%;
height: 50px;
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
z-index: 2;
color: #FFFFFF;
font-family: 'Roboto-Regular';
font-size: 1.1rem;
line-height: 50px;
display: none;
}

.error_toaster .warning_img {
width: 30px;
height: auto;
float: left;
margin-top: 5px;
margin-left: 10px;
}

.error_toaster .warning_img img {
width: 20px;
height: auto;
}

.error_toaster .message_err {
/* width: 250px; */
float: left;
}

.how_banner {
width: 100%;
height: auto;
text-align: center;
}

.how_banner img {
width: 90%;
height: auto;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: relative;
}

.howto_text_wrap {
width: 90%;
height: auto;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
position: absolute;
margin-left: 5%;
margin-top: -20px;
}

.howto_text_wrap .left_space {
width: 40%;
float: left;
padding: 5%;
}

.howto_text_wrap .left_space img {
width: 40vw;
height: auto;
}



.howto_text_wrap .right_space img {
width: 40vw;
height: auto;
}

.howto_text_wrap .head_text {
font-size: 1.5rem;
font-family: 'Roboto-Bold';
text-align: left;
color: #18207A;
margin-top: 15px;
padding-right: 5px;
}

.howto_text_wrap .head_text1 {
font-size: 1rem;
font-family: 'Roboto-Regular';
text-align: left;
color: #f4f4f4;
margin-top: 5px;
padding-right: 10px;
}

.howto_text_wrap .head_text1 strong {
font-size: 1rem;
font-family: 'Roboto-Bold';
}

.howto_text_wrap .right_space {
width: 50%;
float: left;
}

.team_preview_header_wrap {
background: #5421b8;
/* Old browsers */
width: 100%;
height: 50px;
}

.team_preview_black_header {
background: #1d1d1d;
/* Old browsers */
width: 100%;
height: 65px;
}

.team_preview_black_header .div1 {
width: 25%;
float: left;
color: #FFFFFF;
}

.team_preview_black_header .div2 {
width: 50%;
float: left;
}

.team_preview_black_header .div3 {
width: 25%;
float: left;
}

.scorelist_head {
font-family: 'Roboto-Regular';
font-size: 1rem;
color: #999999;
/* margin-top: 15px; */
/* margin-left: 10px; */
}

.scorelist_head strong {
font-family: 'Roboto-Bold';
font-size: 1.3rem;
color: #FFFFFF;

}

.scorelist_head_r {
font-family: 'Roboto-Regular';
font-size: 1rem;
color: #999999;
margin-top: 15px;
margin-right: 10px;
text-align: right;
}

.scorelist_head_r strong {
font-family: 'Roboto-Bold';
font-size: 1.3rem;
color: #FFFFFF;

}

.ground_pg_middle_wrap {
width: 100%;
height: 700px;
background: url("../image/ipl_logo/ipl_ground.jpg")no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

.fa_player_wrap {
width: 95px;
height: 95px;
text-align: center;
transform: scale(0.7);
margin-left: auto;
margin-right: auto;
position: relative;
}

.fa_player_wrap .fa_player {
width: 80px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: -100px;
}

.fa_player_wrap .fa_player img {
width: 75px;
height: auto;
}

.fa_player_wrap .fa_player_bg {
background-color: transparent;
border-radius: 50%;
width: 80px;
height: 100px;
margin-left: auto;
margin-right: auto;
}

.fa_player_wrap .fa_player_name_bg {
background-color: #f4f4f4;
border-radius: 20px;
width: 100px;
height: 25px;
font-weight: bold;
font-family: 'Roboto-Regular';
text-align: center;
line-height: 25px;
font-size: 1.1rem;
margin-left: auto;
margin-right: auto;
margin-top: -7px;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;

}

.fa_player_wrap .fa_player_score {
background-color: transparent;
border-radius: 20px;
width: 100px;
height: 25px;
font-weight: bold;
font-family: 'Roboto-Regular';
text-align: center;
line-height: 25px;
font-size: 1.1rem;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
color: #FFFFFF;
}

.fa_contestants_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
transform: scale(0.9);
}

.space_90 {
height: 85px;
}

.green_txt {
color: #00FF1E !important;
}

.lightgrey_txt {
color: white !important;
opacity: 0.6;
}

/*Ipl CSS ends*/
.text_ellipsis {
margin-right: 10px;
text-align: right;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
overflow: hidden;
}

.box_3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-word;
/* text-align: left; */
overflow: hidden;
color: #FFFFFF!important;
font-size: .8rem;
}

.text_opt_box {
height: 25px !important;
/*padding: 5px 4px 7px 4px !important;*/
}


.fantasy_scroll {
overflow-y: scroll;
max-height: 42vh;
}

.fantasy_leaderboard_scroll {
overflow-y: scroll;
max-height: 70vh;
}

.player_list_header_wrap .heading1c {
width: 43%;
height: 40px;
text-align: center;
float: left;
font-size: 1rem;
text-transform: capitalize;
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
text-align: center;
margin-left: 10px;
}

.player_list_header_wrap .heading1c img {
width: 10px;
height: auto;
margin-left: 2px;
margin-top: 15px;
}

.player_list_header_wrap .heading2c {
width: 30%;
height: 40px;
text-align: center;
float: left;
font-size: 1rem;
text-transform: capitalize;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
text-align: center;
padding-left: 3%;
}

.player_list_header_wrap .heading2c img {
width: 10px;
height: auto;
margin-left: 2px;
margin-top: 15px;
}

.player_list_header_wrap .heading2d {
width: 16%;
height: 40px;
text-align: center;
float: left;
font-size: 1rem;
text-transform: capitalize;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
padding-left: 1%;
}

.player_list_header_wrap .heading2d img {
width: 10px;
height: auto;
margin-left: 2px;
margin-top: 15px;
}

.rules_btn {
width: auto;
height: 25px;
border-radius: 50px;
color: #FFFFFF;
line-height: 25px;
font-size: .9rem;
font-family: 'Roboto-Regular';
text-transform: capitalize;
background-color: transparent;
text-align: center;
border: 1px solid #FD999E;
padding: 0px 10px 0px 10px;
float: right;
position: absolute;
right: 20px;
margin-top: -20px;
display: flex;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}



.rules_btn img {
width: 15px;
height: auto;
margin-right: 2px;
}

.player_number_b {
color: #FFFFFF;
text-transform: capitalize;
font-family: 'Roboto-Regular';
font-size: 1rem;
}

.player_number_b strong {
font-weight: bold;
font-family: 'Roboto-Medium';
font-size: 1.5rem;
opacity: 1;
color: #FFFFFF;
}

.trump_page_scroll {
max-height: 60vh;
overflow-y: scroll;
}

.view_team_scroll {
max-height: 66vh;
overflow-y: scroll;
}

.gradient_bg {
background: rgb(22, 64, 162);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(22, 64, 162, 1) 0%, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 61%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(22, 64, 162, 1) 0%, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 61%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(22, 64, 162, 1) 0%, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 61%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1640a2', endColorstr='#ffffff', GradientType=0);
/* IE6-9 */
}

/* ============================================== */

.football_menu_wrap1 {
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
height: 30px;
}

.football_menu_wrap1 .div1 {
float: left;
width: 49%;
color: #cccccc;
font-family: 'Roboto-Regular';
font-size: 1.3rem;
line-height: 30px;
text-align: center;
border-bottom: 3px solid #CCCCCC;
margin-right: 1px;
}

.football_menu_wrap1 .div1.select {
border-bottom: 3px solid #ed1c24 !important;
color: #ed1c24;
}

.winners-lb {
position: fixed;
width: 99vw !important;
height: 90% !important;
}


/* css added for ui-revamp starts */
/*
.header_wrap .header_left {
width: 20vw;
text-align: left;
float: left;
}

.header_wrap .header_left img {
width: 40px;
height: 40px;
margin-left: auto;
margin-right: auto;
margin-left: 5vw;
}

.header_wrap .header_left .menu_icon {
margin-left: auto;
margin-right: auto;
border-radius: none!important;
text-align: center;
}
.header_wrap .header_left .menu_icon img {
width: 23px!important;
height: auto;
border-radius: none;
margin-top: 6px;
margin-left: -10px;
}

.header_wrap .header_right {
width: 80vw;
text-align: right;
float: left;
}

.notification_main_wrap .left_image {
width: 75%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.notification_main_wrap .left_image img {
width: 25px;
height: auto;
}

.notification_main_wrap .right_image {
width: 25%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.notification_main_wrap .right_image img {
width: 15px;
height: auto;
margin-right: 2px;
}
*/
/* ui-revamp payment init popup */
.popup_header_txt {
text-align: left;
color: #FFFFFF;
font-family: 'PoppinsMedium';
font-weight: bold;
font-size: 1.8rem;
width: 60%;
padding-top: 0px;
margin-left: 20px;
}


.dropdownwrap2 .blur {
width: 200%;
height: 305%;
-webkit-filter: blur(10px);
filter: blur(10px);
margin-left: 0;
margin-top: 0%;
}

.dropdownwrap2 .blur img {
filter: brightness(var(--value, 0));
--value: 0.5;
}

.pop_btn_go {
border-radius: 25px;
padding: 5px !important;
color: #FFFFFF;
text-decoration: none;
margin-left: auto;
margin-right: auto;
text-transform: none;
line-height: 40px;
width: 150px;
display: block;
text-align: center;
height: 40px;
font-size: 1.2rem!important;
font-family: 'Poppins-Bold';
background-color: #ed1c24!important;
}

/* ui-revamp buy-coins popup */


.money_info_page .coins_roundborder {
width: 90vw;
height: 70px;
border: 1px solid #5f9df3;
border-radius: 8px;
margin-left: auto;
margin-right: auto;
}

.money_info_page .div5 {
color: #1d1d1d;
font-family: 'PoppinsRegular';
font-size: 1.3rem;
line-height: 70px;
width: 100%;
text-align: center;
}

.fill_btn8 {
border-radius: 5px;
padding: 7px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.5rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: #3d55f0;
background: -moz-linear-gradient(top, #3d55f0 0%, #1a75f4 100%);
background: -webkit-linear-gradient(top, #3d55f0 0%, #1a75f4 100%);
background: linear-gradient(to bottom, #3d55f0 0%, #1a75f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d55f0', endColorstr='#1a75f4', GradientType=0);
text-transform: none;
line-height: 40px;
width: 150px;
display: block;
text-align: center;
height: 40px;
}

/* ui-revamp profile primary */

.white_bg {
background-color: #FFFFFF !important;
}

.profile_pg_img_wrap .leader_heading {
position: absolute;
z-index: 1;
width: 100%;
text-align: center;
color: #fff;
font-size: 1.8rem;
font-family: 'Poppins-Bold';
margin-top: 10%;
}

.profile_pg_img_wrap .countdown_wrap {
margin-left: auto;
margin-right: auto;
text-align: center;
position: absolute;
z-index: 1;
width: 100%;
margin-top: 30%;
}

.profile_pg_img_wrap .countdown_image1 {
margin-left: auto;
margin-right: auto;
position: relative;
}

.profile_pg_img_wrap .countdown_image1 img {
width: 90px;
height: auto;
}

.profile_pg_img_wrap .countdown_txt1 {
color: #FFFFFF;
font-size: 1.8rem;
position: absolute;
width: 100%;
text-align: center;
font-family: 'Poppins-Bold';
z-index: 2;
margin-top: 28px;
}

.profile_pg_img_wrap .leader_subheading {
position: absolute;
z-index: 1;
width: 100%;
text-align: center;
color: #fff;
font-family: 'PoppinsMedium';
font-size: 1.45rem;
margin-top: 20%;
}

.profile_pg_img_wrap .leader_btn_wrap {
margin-left: auto;
margin-right: auto;
text-align: center;
position: absolute;
z-index: 1;
width: 100%;
margin-top: 55%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.profile_pg_img_wrap .leader_timer {
width: 48%;
color: #fff;
font-family: 'PoppinsMedium';
margin-top: 3px;
text-align: center;
margin-right: 2%;
}



.profile_pg_img_wrap .leader_timer strong {
font-family: 'Poppins-Bold';
}

.profile_pg_img_wrap .leader_btn {
/* width:48%; */
/* float: left; */
width: 48%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.profile_pg_img_wrap .leader_score_wrap {
margin-left: auto;
margin-right: auto;
text-align: center;
position: absolute;
z-index: 1;
width: 100%;
margin-top: 73%;
font-size: 1rem;
}

.profile_pg_img_wrap .leader_best_score {
width: 46%;
float: left;
color: #fff;
font-family: 'PoppinsRegular';
margin-top: 12px;
text-align: right;
margin-right: 4%;
}

.profile_pg_img_wrap .leader_best_score strong {
font-family: 'Poppins-Bold';
font-size: 1.3rem;
}

.profile_pg_img_wrap .leader_current_score {
width: 46%;
float: left;
color: #fff;
font-family: 'PoppinsRegular';
margin-top: 3px;
text-align: left;
margin-left: 4%;
}

.profile_pg_img_wrap .leader_current_score strong {
font-family: 'Poppins-Bold';
font-size: 1.3rem;
}

.profile_pg_img_wrap .timer_ic {
display: flex;
}

.profile_pg_img_wrap .timer_ic img {
width: auto;
height: 13px;
margin-top: 2px;
margin-right: 3px;
}

.profile_pg_img_wrap .profile_img_wrap {
position: absolute;
z-index: 1;
width: 100%;
text-align: center;
margin-top: 20%;
overflow: hidden;
}

.profile_pg_img_wrap .header_txt {
float: left;
margin-left: 50px;
margin-top: 12px;
position: absolute;
z-index: 1;
color: #fff;
font-size: 1.7rem;
font-family: 'Poppins-Bold';
}

.profile_pg_img_wrap .edit_txt {
float: right;
margin-right: 20px;
margin-top: 10px;
position: absolute;
z-index: 1;
color: #fff;
font-size: 1rem;
font-family: 'PoppinsMedium';
font-weight: bolder;
right: 0px;
top: 10px;
width: auto;
line-height: normal;
}

.profile_pg_img_wrap .edit_txt a {
color: #fff;
font-family: 'PoppinsMedium';
font-weight: bolder;
text-decoration: underline;
}

.profile_page_leader_btn {
border-radius: 7px;
color: #cccccc;
text-decoration: none;
font-size: 1rem;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';
font-weight: bolder;
background-color: #efefef;
text-transform: capitalize;
line-height: 18px;
width: 96%;
height: 60px;
text-align: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.profile_page_leader_btn h2 {
color: #f4f4f4;
text-decoration: none;
font-size: 1.6rem;
font-family: 'PoppinsMedium';
font-weight: bolder;
}

.profile_page_leader_btn img {
width: 33px;
height: auto;
margin-right: 10px;
margin-left: 10px;
}

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

.home_heading {
font-size: 1.5rem;
font-family: 'PoppinsMedium';
color: #FFFFFF;
text-align: left;
width: 75%;
float: left;
font-weight: bolder;
margin-left: 5vw;
text-transform: capitalize;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
text-transform: none;
}

.view_all {
float: right;
text-align: right;
margin-right: 5vw;
line-height: 30px;
font-size: .9rem;
font-family: 'PoppinsMedium';
color: #FFFFFF;
text-align: left;
text-transform: none;
}

ul.recently_Block_List1 {
width: 180vh;
overflow: hidden;
height: 30vw;
margin-left: 0px;
}

li.recently_Block_List1 {
float: left;
list-style-type: none;
width: 25vw;
margin-right: 10px;
}

.recently_wrap {
width: 25vw;
height: 30vw;
border-radius: 15px;
position: relative;
overflow: hidden;
margin-left: 5vw;
}

.recently_wrap .recently_image_wrap {
width: 25vw;
height: 25vw;
border-radius: 15px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
}

.recently_wrap .recently_image_wrap img {
width: 25vw;
height: 25vw;
}

.recently_wrap .recently_text_wrap {
width: 25vw;
height: 15vw;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
margin-left: 5px;
}

.recently_wrap .recently_txt {
font-family: 'PoppinsMedium';
color: #f4f4f4;
display: table-row-group;
text-align: left;
width: 100%;
}

.recently_wrap .recently_txt .text2 {
font-family: 'PoppinsMedium';
font-size: 1rem;
flex-direction: row;
text-align: center;
align-items: flex-start;
width: 100%;
margin-top: -5px;
}

.recently_wrap .recently_txt .text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.recently_wrap .recently_txt .text1 {
font-family: 'PoppinsRegular';
font-size: .9rem;
margin-top: 5px;
color: #f4f4f4;
}

.recently_wrap .recently_like {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
right: 0vw;
top: 10px;
z-index: 1;
width: 40px;
height: 20px;
background-color: rgba(229, 13, 44, 0.70);
display: flex;
align-items: center;
justify-content: center;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
text-align: center;
font-weight: bolder;
}

.set_rock_table table td a {
color: #000;
text-decoration: none;
}

.arrow_ic {
width: 12px;
height: auto;
margin-right: 20px;
}

.arrow_ic img {
width: 12px;
height: auto;
}

/* ui-revamp profile primary ends */


/*Arena page css starts*/
.question_outer_wrap {
width: 100%;
height: 30vh;
background-image: url("../image/qa_bg.jpg");
background-position: top;
background-repeat: no-repeat;
background-size: auto;
}

.profile_btn_wrap .btn_center {
width: 50%;
margin-left: auto;
margin-right: auto;
}


@media (min-width: 390px) and (max-width: 410px) {
/*.spin_circle{
margin-left: 7px;
}*/

.slider_content {
height: 500px !important;
}

.white_bg_image {
margin-top: -20px;
}
}

.red_border {
/*  outline: 3px solid #17c00a !important;*/
box-shadow: 0 0 0 4px #ed1c24 !important;
border-radius: 7px;
}

.qa_footer_wrap {
height: 25px;
width: 100vw;
background-color: #FFFFFF;
position: fixed;
bottom: 0px;
padding-top: 25px;
}

.qa_footer_wrap .left_space {
width: 25%;
float: left;
text-align: center;
font-family: 'Poppins-Bold';
font-size: 1.4rem;
margin-top: -8px;
}

.qa_footer_wrap .left_space a {
text-decoration: underline;
color: #999999;
line-height: 1.2;
}

.qa_footer_wrap .middle_space {
width: 50%;
float: left;
text-align: center;
overflow: scroll;

}

.qa_footer_wrap .right_space {
width: 25%;
float: left;
text-align: center;
font-family: 'PoppinsRegular';
font-size: 1.4rem;
margin-top: -8px;

}

.green_circle {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #33cc00;
margin: 2px;
}

.grey_circle {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #CCCCCC;
margin: 2px;
}

.qa_btn {
background-color: #fff;
color: #000;
font-size: 15px;
border-color: #ebeef1;
border-style: solid;
border-width: 1px;
border-radius: 7px;
padding: 3px 0px;
text-decoration: none;
width: 90vw;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: 'Poppins-Bold';
font-weight: bold;
display: block;
/* background-color: #ebeef1; */
background-color: lightgray;
height: 6vh;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
overflow: hidden;
}

.qa_btn.correct {
color: #fff;
font-size: 1.2rem;
border-color: #33cc00;
border-style: solid;
border-width: 1px;
background-color: #33cc00;
}

.qa_btn.wrong {
color: #fff;
font-size: 1.2rem;
border-color: #ed1c24;
border-style: solid;
border-width: 1px;
background-color: #ed1c24;
}

/*Arena page css ends*/

/*See All Grid css starts*/

.explore_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 5px 0px;
grid-template-areas:
". . ."
". . ."
". . .";
margin-left: 5vw;
}

.musttry_wrap1 .more_icon {
position: absolute;
right: 2vw;
top: 5px;
z-index: 1;
width: 10px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.musttry_wrap1 .more_icon img {
width: 4px;
height: auto;
}

.musttry_wrap1 {
width: 27vw;
height: 43vw;
border-radius: 15px;
position: relative;
overflow: hidden;
}

.musttry_wrap1 .trend_gradient_s {
width: 27vw;
height: 27vw;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 13vw;
opacity: 0.6;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.79) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.79) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.79) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9000000', endColorstr='#c9000000', GradientType=0);
/* IE6-9 */
}

.musttry_wrap1 .musttry_image_wrap {
width: 27vw;
height: 27vw;
border-radius: 15px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
}

.musttry_wrap1 .musttry_image_wrap img {
width: 27vw;
height: 27vw;
}

.musttry_wrap1 .musttry_gradient {
width: 27vw;
height: 7vw;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 13vw;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background-color: #ff4337;
text-align: center;
color: #FFFFFF;
font-family: 'Poppins-Bold';
line-height: 7vw;
font-size: .85rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}



.musttry_wrap1 .musttry_text_wrap {
width: 27vw;
height: 15vw;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
margin-left: 5px;
}

.musttry_wrap1 .musttry_txt {
font-family: 'PoppinsMedium';
color: #f4f4f4;
display: table-row-group;
text-align: left;
width: 100%;
}

.musttry_wrap1 .musttry_txt .text2 {
font-family: 'PoppinsMedium';
font-size: 1.1rem;
flex-direction: row;
text-align: center;
align-items: flex-start;
width: 100%;
margin-top: -2px;
}

.musttry_wrap1 .musttry_txt .text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.musttry_wrap1 .musttry_txt .text1 {
font-family: 'Poppins-Regular';
font-size: 1.1rem;
margin-top: 5px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
color: #f4f4f4;
}

.musttry_wrap1 .musttry_like {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
right: 0vw;
top: 10px;
z-index: 1;
width: 40px;
height: 20px;
background-color: rgba(229, 13, 44, 0.90);
display: flex;
align-items: center;
justify-content: center;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
text-align: center;
font-weight: bolder;
}

.musttry_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: 2px;
top: -2px;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
}

.musttry_tag img {
width: 27px;
height: auto;
}

/*See All Grid css ends*/

/*Expolore page css starts*/

.explore_page_head_wrap {
overflow: hidden;
width: 100%;
}

.explore_page_head_wrap .back_btn {
text-align: center;
width: 33px;
height: 33px;
padding-top: 0px;
padding-left: 0px;
float: left;
margin-left: 20px;
margin-top: 20px;
}

.explore_page_head_wrap .back_btn img {
width: 28px;
height: auto;
}

.explore_page_head_wrap .header_txt {
float: left;
margin-left: 20px;
color: #f4f4f4;
font-size: 1.9rem;
font-family: 'Poppins-Bold';
margin-top: 15px;
}

.explore_search_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.explore_search {
width: 87vw;
height: 12vw;
padding: 0;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #FFFFFF;
padding-top: 0px;
color: #cccccc;
font-family: 'PoppinsMedium';
font-weight: bolder;
font-size: 1.3rem;

margin-left: auto;
margin-right: auto;
border: 1px solid #CCCCCC;
padding-left: 3vw;
}

.explore_search::placeholder {
color: #999999;
}

.explore_tag_selection_menu_wrap {
width: 100vw;
height: 60px;
padding: 0px;
margin: 0px;
background-color: transparent;
margin-left: auto;
margin-right: auto;
overflow: auto;
overflow-y: hidden;
}

.explore_tag_select_main_menu {
overflow: hidden;
white-space: nowrap;
background-color: transparent;
font-family: 'PoppinsMedium';
margin-left: 20px;
font-weight: bold;
}

.explore_tag_select_main_menu a {
display: inline-block;
color: #000;
text-align: center;
text-decoration: none;
margin: 10px 2px 10px 1px;
cursor: pointer;
}

.explore_outline_btn {
background: #fff;
border-radius: 100px;
padding: 10px 15px;
color: #f4f4f4;
text-decoration: none;
font-size: 12px;
width: 150px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
display: inline;
border: 1px solid #CCCCCC;
text-transform: none;
}

.explore_outline_btn.select {
background: #3e55f0;
/* Old browsers */
background: -moz-linear-gradient(top, #3e55f0 0%, #1d74f4 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #3e55f0 0%, #1d74f4 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3e55f0 0%, #1d74f4 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e55f0', endColorstr='#1d74f4', GradientType=0);
/* IE6-9 */
border: none;
color: #fff;
}

/*Expolore page css ends*/

/*1.25 carousel css starts*/

ul.trending_Block_List1 {
/* width: 180vh; */
overflow: hidden;
height: 50vw;
margin-left: 0px;
}

li.trending_Block_List1 {
float: left;
list-style-type: none;
/* width: 88vw; */
/* margin-right: 10px; */
}

.trending_wrap {
width: 88vw;
height: 50vw;
border-radius: 15px;
position: relative;
overflow: hidden;
/* margin-left: 5vw; */
}

.trending_wrap .trending_image_wrap {
width: 88vw;
height: 50vw;
border-radius: 15px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
}

.trending_wrap .trending_image_wrap img {
width: 88vw;
height: 50vw;
}

.trending_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: 2px;
top: -2px;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
}

.trending_tag img {
width: 27px;
height: auto;
}

.trending_wrap .trend_gradient {
width: 88vw;
height: 15vw;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 0px;
opacity: 0.7;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background-image: url("../image/black_bg_img.png");
background-position: left;
background-size: cover;
background-repeat: repeat;
}

.trending_wrap .trend_gradient img {
filter: blur(5px);
opacity: 0.8;
}

.trending_wrap .trending_text_wrap {
width: 88vw;
height: 15vw;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
position: absolute;
bottom: 0px;
z-index: 1;
display: flex;
align-items: center;
}

.trending_wrap .trending_txt {
font-family: 'PoppinsMedium';
color: #FFFFFF;
margin-left: 10px;
}

.trending_wrap .trending_txt .text1 {
font-family: 'PoppinsMedium';
font-size: 1.3rem;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
display: none!important;/*Added on 16 June 2023*/
}

.trending_wrap .trending_txt .text2 {
font-family: 'PoppinsRegular';/*Added on 16 June 2023*/
font-size: 1.3rem!important;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.trending_wrap .trending_txt .text2 img{
width: 20px;
height: auto;
margin-right: 3px;
margin-top: 0px;
}

.trending_wrap .trend_like {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: 1.1rem;
position: absolute;
right: 0vw;
bottom: 3.6vw;
z-index: 1;
width: auto;
height: 30px;
background-color: rgba(229, 13, 44, 0.90);
display: flex;
align-items: center;
justify-content: center;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
text-align: center;
font-weight: bolder;
padding: 0px 10px 0px 10px;
display: none!important;
}


.trending_wrap .trend_like1 {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: 1.1rem;
position: absolute;
right: 0vw;
top: 10px;
z-index: 1;
width: 80px;
height: 30px;
background-color: rgba(0, 0, 0, 0.30);
display: flex;
align-items: center;
justify-content: center;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
text-align: center;
font-weight: bolder;
overflow: hidden;
}

.trending_wrap .trend_like1 img {
width: 13px;
height: auto;
}

.trending_wrap .more_icon {
position: absolute;
right: 4.5vw!important;
top: 10px;
z-index: 1;
width: 10px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

/* .trending_wrap .more_icon img {
width: 4px;
height: auto;
} */

.line_navigation {
float: right;
text-align: right;
margin-right: 10vw;
line-height: 30px;
margin-top: -5px;
text-decoration: none;
}

.line_navigation img {
width: 11vw;
height: auto;
}

/*1.25 carousel css ends*/

/* new css classes for ui-revamp ends */

/* ui-revamp for layouts  */

ul.featured_Block_List1 {
width: 110vh;
overflow: hidden;
height: 43vw;
margin-left: 0px;
}

ul .li {
display: inline-table;
}

li.featured_Block_List1 {
float: left;
list-style-type: none;
width: 43vw;
margin-right: 10px;
}

.featured_wrap {
width: 43vw;
height: 43vw;
border-radius: 15px;
position: relative;
overflow: hidden;
margin-left: 5vw;
}

.featured_wrap .featured_like {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: 1.1rem;
position: absolute;
right: 0vw;
bottom: 16vw;
z-index: 1;
width: auto;
height: 30px;
background-color: rgba(229, 13, 44, 0.90);
display: flex;
align-items: center;
justify-content: center;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
text-align: center;
font-weight: bolder;
padding: 0px 10px 0px 10px;

}

.featured_wrap .more_icon {
position: absolute;
right: 3vw;
top: 10px;
z-index: 1;
width: 10px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.featured_wrap .more_icon img {
width: 4px;
height: auto;
}

.featured_wrap .trend_gradient_s {
width: 43vw;
height: 30vw;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 13vw;
opacity: 0.8;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.0) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.00) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9000000', endColorstr='#c9000000', GradientType=0);
}

.featured_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: 2px;
top: -2px;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
}

.featured_tag img {
width: 27px;
height: auto;
}

.featured_wrap .featured_text_wrap {
width: 43vw;
height: 15vw;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
position: absolute;
bottom: 0px;
z-index: 1;
display: flex;
align-items: center;
}

.featured_wrap .featured_txt {
font-family: 'PoppinsMedium';
color: #FFFFFF;
margin-left: 0;
text-align: center;
width: 100%;
}

.featured_wrap .featured_txt .text3 {
font-family: 'PoppinsMedium';
font-size: 1.4rem;
flex-direction: row;
text-align: center;
align-items: center;
width: 100%;
}

.featured_wrap .featured_gradient {
width: 43vw;
height: 15vw;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 0px;
opacity: 0.8;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background-image: url(../image/black_bg_img.png);
background-position: left;
background-size: cover;
background-repeat: repeat;
}

.featured_wrap .featured_gradient img {
filter: blur(3px);
opacity: 0.8;
}

.featured_wrap .featured_image_wrap {
width: 43vw;
height: 43vw;
border-radius: 15px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 0px 0px rgb(255 255 255);
-moz-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 0px 4px 0px 0px rgb(255 255 255);
}

.featured_wrap .featured_image_wrap img {
width: 43vw;
height: 43vw;
}

.featured_wrap .featured_txt .text2 {
font-family: 'PoppinsMedium';
font-size: 1.4rem;
flex-direction: row;
text-align: center;
align-items: center;
width: 100%;
}

.featured_wrap .featured_txt .text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

ul.musttry_Block_List1 {
width: 70vh;
overflow: hidden;
height: 40vw;
margin-left: 5vw;
}

li.musttry_Block_List1 {
float: left;
list-style-type: none;
width: 27.8vw;
margin-right: 10px;
}

.musttry_wrap1 {
width: 27vw;
height: 37vw;
border-radius: 15px;
position: relative;
overflow: hidden;
}

.musttry_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: 2px;
top: -2px;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
}

.musttry_wrap1 .musttry_like {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
right: 0vw;
top: 10px;
z-index: 1;
width: 40px;
height: 20px;
background-color: rgba(229, 13, 44, 0.70);
display: flex;
align-items: center;
justify-content: center;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
text-align: center;
font-weight: bolder;
}

.musttry_wrap1 .musttry_image_wrap {
width: 27vw;
height: 27vw;
border-radius: 15px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 0px 0px rgb(255 255 255);
-moz-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 0px 4px 0px 0px rgb(255 255 255);
}

.musttry_wrap1 .musttry_image_wrap img {
width: 27vw;
height: 27vw;
}

.musttry_wrap1 .musttry_text_wrap {
width: 27vw;
height: 15vw;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
margin-left: 5px;
}

.musttry_wrap1 .musttry_txt {
font-family: 'PoppinsMedium';
color: #f4f4f4;
display: table-row-group;
text-align: left;
width: 100%;
}

.musttry_wrap1 .musttry_txt .text1 {
font-family: 'Poppins-Regular';
font-size: 1.1rem;
margin-top: 5px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.musttry_wrap1 .musttry_txt .text2 {
font-family: 'PoppinsMedium';
font-size: 1.1rem;
flex-direction: row;
text-align: center;
align-items: flex-start;
width: 100%;
margin-top: -2px;
}

.musttry_wrap1 .musttry_txt .text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.musttry_tag img {
width: 27px;
height: auto;
}

.musttry_wrap1 .more_icon {
position: absolute;
right: 2vw;
top: 5px;
z-index: 1;
width: 10px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.musttry_wrap1 .more_icon img {
width: 4px;
height: auto;
}

.musttry_wrap1 .trend_gradient_s {
width: 27vw;
height: 27vw;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 13vw;
opacity: 0.6;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.79) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.79) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.79) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9000000', endColorstr='#c9000000', GradientType=0);
}

.musttry_wrap1 .musttry_gradient {
width: 27vw;
height: 7vw;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 13vw;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background-color: #ff4337;
text-align: center;
color: #FFFFFF;
font-family: 'Poppins-Bold';
line-height: 7vw;
font-size: .85rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

ul.football_Block_List1 {
width: 180vh;
overflow: hidden;
height: 54vw;
margin-left: 0px;
}

li.football_Block_List1 {
float: left;
list-style-type: none;
width: 43vw;
margin-right: 10px;
}

.football_wrap {
width: 43vw;
height: 54vw;
border-radius: 15px;
position: relative;
overflow: hidden;
margin-left: 5vw;
}

.football_wrap .football_like {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: 1.1rem;
position: absolute;
right: 0vw;
top: 10px;
z-index: 1;
width: 50px;
height: 30px;
background-color: rgba(229, 13, 44, 0.70);
display: flex;
align-items: center;
justify-content: center;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
text-align: center;
font-weight: bolder;
}

.football_wrap .football_text_wrap {
width: 43vw;
height: 15vw;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
position: absolute;
bottom: 0px;
z-index: 1;
display: flex;
align-items: center;
}

.football_wrap .football_txt {
font-family: 'PoppinsMedium';
color: #FFFFFF;
margin-left: 0;
text-align: center;
width: 100%;
}

.football_wrap .football_txt .text1 {
font-family: 'PoppinsRegular';
font-size: 1rem;
}

.football_wrap .football_txt .text2 {
font-family: 'PoppinsMedium';
font-size: 1.4rem;
flex-direction: row;
text-align: center;
align-items: center;
width: 100%;
}

.football_wrap .football_txt .text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.football_wrap .football_gradient {
width: 43vw;
height: 15vw;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 0px;
opacity: 0.7;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background-image: url(../image/black_bg_img.png);
background-position: left;
background-size: cover;
background-repeat: repeat;
}

.football_wrap .football_gradient img {
filter: blur(3px);
opacity: 0.8;
}

.football_wrap .football_image_wrap {
width: 43vw;
height: 54vw;
border-radius: 15px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 0px 0px rgb(255 255 255);
-moz-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 0px 4px 0px 0px rgb(255 255 255);
}

.football_wrap .football_image_wrap img {
width: 43vw;
height: 54vw;
}




ul.trending_Block_List2 {
width: 220vh;
overflow: hidden;
height: 88vw;
margin-left: 0px;
}

li.trending_Block_List2 {
float: left;
list-style-type: none;
width: 88vw;
/* margin-right: 10px; */
}

.trending_wrap_s {
width: 88vw;
height: 88vw;
border-radius: 15px;
position: relative;
overflow: hidden;
/* margin-left: 5vw; */
}

.trending2_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: 7px;
top: -3px;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
}

.trending2_tag img {
width: 32px;
height: auto;
}

.trending_wrap_s .ends_txt {
position: absolute;
left: 3vw;
top: 10vw;
z-index: 1;
width: 50%;
height: 30px;
display: flex;
font-family: 'Poppins-Bold';
font-weight: bolder;
color: #FFFFFF;
font-size: 1rem;
text-align: left;
}

.trending_wrap_s .more_icon {
position: absolute;
right: 3vw;
top: 10px;
z-index: 1;
width: 10px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

/* .trending_wrap_s .more_icon img {
width: 4px;
height: auto;
} */

.trending_wrap_s .trend_like {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: 1.1rem;
position: absolute;
right: 0vw;
top: 50px;
z-index: 1;
width: auto;
height: 30px;
background-color: rgba(229, 13, 44, 0.70);
display: flex;
align-items: center;
justify-content: center;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
text-align: center;
font-weight: bolder;
padding: 0px 10px 0px 10px;
}

.trending_wrap_s .trending_text_wrap_s {
width: 88vw;
height: 35vw;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
position: absolute;
bottom: 0px;
z-index: 1;
display: flex;
align-items: center;
}

.trending_wrap_s .trending_txt_s {
font-family: 'PoppinsMedium';
color: #FFFFFF;
margin-left: 10px;
}

.trending_wrap_s .trending_txt_s .text1 {
font-family: 'Poppins-Bold';
font-size: 2.3rem;
}

.trending_wrap_s .trending_txt_s .text2 {
font-family: 'PoppinsMedium';
font-size: 1.2rem;
line-height: 23px;
}

.trending_wrap_s .trend_gradient_s {
width: 88vw;
height: 88vw;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 0px;
opacity: 0.8;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.79) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.79) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.79) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9000000', endColorstr='#c9000000', GradientType=0);
}

.trending_wrap_s .trending_image_wrap_s {
width: 88vw;
height: 88vw;
border-radius: 15px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 0px 0px rgb(255 255 255);
-moz-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 0px 4px 0px 0px rgb(255 255 255);
}

.trending_wrap_s .trending_image_wrap_s img {
width: 88vw;
height: 88vw;
}

.line_navigation {
float: right;
text-align: right;
margin-right: 10vw;
line-height: 30px;
margin-top: -5px;
text-decoration: none;
}

.line_navigation img {
width: 11vw;
height: auto;
}

.question_dialog_close img {
height: 30px;
width: auto;
opacity: 0.5;
padding-right: 10px;
float: right;
}

.btn_green {
border-radius: 3px;
padding: 1px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1rem !important;
font-family: 'Poppins-Bold';
background: #6acb41;
background: -moz-linear-gradient(top, #6acb41 0%, #4d971f 100%);
background: -webkit-linear-gradient(top, #6acb41 0%, #4d971f 100%);
background: linear-gradient(to bottom, #6acb41 0%, #4d971f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6acb41', endColorstr='#4d971f', GradientType=0);
line-height: 25px;
width: 100px;
display: block;
text-align: center;
height: 25px;
margin: 0 auto;
}

.btn_green a {
text-decoration: none;
}

/*leaderboard page starts*/

.leader_prize_wrap {
width: 100%;
text-align: center;
margin: 0 auto;
}

.leader_prize_wrap .leader_prize_123 {
width: 100%;
text-align: center;
margin: 0 auto;
}

.leader_prize_wrap .leader_prize_123 img {
width: auto;
height: 150px;
}

.winner_pondium_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 85px;
}

.winner_pondium_wrap .div_winner {
width: 33.3%;
float: left;
}

.leader_prize_box_wrap .crown_image_wrap {
width: 100%;
text-align: center;
position: absolute;
z-index: 2;
margin-top: -80px;
}

.leader_prize_box_wrap1 {
width: 100%;
/* height: 100px; */
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: 40px;
}


.leader_prize_box_wrap1 .prize_image_wrap {
width: 100%;
text-align: center;
position: absolute;
margin-top: -50px;
}

.leader_prize_box_wrap1 .prize_image_wrap .image_div {
width: 80px;
height: 80px;
margin-left: auto;
margin-right: auto;
/*background-image: url("../image/leaderboard/profile_bg_gradient.png");*/
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
background-size: cover;
}

.leader_prize_box_wrap1 .prize_image_wrap .image_div img {
width: 70px;
height: 70px;
border-radius: 50%;
margin-top: 7px;
}

.leader_prize_box_wrap {
width: 100%;
height: 140px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.leader_prize_box_wrap .prize_image_wrap {
width: 100%;
text-align: center;
position: absolute;
margin-top: -50px;
}

.leader_prize_box_wrap .prize_image_wrap .image_div {
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
/*background-image: url("../image/leaderboard/profile_bg_gradient.png");*/
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
background-size: cover;
}

.leader_prize_box_wrap .prize_image_wrap .image_div img {
width: 90px;
height: 90px;
border-radius: 50%;
margin-top: 10px;
}

.leader_prize_box_wrap2 {
width: 100%;
height: 100px;
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: 40px;
}

.leader_prize_box_wrap2 .prize_image_wrap {
width: 100%;
text-align: center;
position: absolute;
margin-top: -50px;
}

.leader_prize_box_wrap2 .prize_image_wrap .image_div {
width: 80px;
height: 80px;
margin-left: auto;
margin-right: auto;
/*background-image: url("../image/leaderboard/profile_bg_gradient.png");*/
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
background-size: cover;
}

.leader_prize_box_wrap2 .prize_image_wrap .image_div img {
width: 70px;
height: 70px;
border-radius: 50%;
margin-top: 7px;
}

.leader_prize_box_wrap .crown_image_wrap .crown_image_div img {
width: 35px;
height: 35px;
margin-left: 2px;
margin-top: 4px;
}

.prize_text_wrap {
width: 100%;
text-align: center;
}

.prize_text_wrap .pize_txt1 {
text-align: center;
color: #f4f4f4;
height: 25px;
font-size: 1.3rem;
font-family: 'Poppins-Bold';
line-height: 35px;
width: 100%;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

.prize_text_wrap .pize_txt2 {
text-align: center;
color: #cccccc;
font-size: 1rem;
font-family: 'Poppins-Bold';
line-height: 25px;
height: 25px;
width: 100%;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

.prize_text_wrap .pize_txt3 {
text-align: center;
color: #f4f4f4;
font-size: 1rem;
font-family: 'Poppins-Bold';
width: 100%;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

/* nav ul {
position: relative;
display: flex;
margin: 0 auto;
padding: 0;
max-width: 90vw;
list-style: none;
flex-flow: row wrap;
justify-content: center;
background-color: #e5e8ed;
border-radius: 7px;
font-family: 'Poppins-Bold';
}

nav li {
position: relative;
z-index: 1;
display: block;
margin: 0;
text-align: center;
flex: 1;
padding: 3px ;
}

nav li a {
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 2.5;
padding: 1.4em 0;
text-decoration: none;
text-transform: none;
font-weight: bold;
letter-spacing: 0.1em;
color: #656668;
line-height: 1;
transition: all 0.3s, transform 0.3s;
font-size: 1.1rem;
} */
nav li a:hover {
opacity: 1;
}

/* nav li.current a {
color: #FFFFFF;
background-color: #1978f7;
border-radius: 7px;
} */

.leaderboard_table_22 {
height: 370px;
overflow-y: scroll;
}

.leaderboard_table_22 table,
tbody,
tfoot,
thead,
tr,
th,
td {
background: none;
margin: 0;
padding: 0px;
border: 0;
font-size: 1.1rem;
font: inherit;
vertical-align: middle;
border: none;

}

.leaderboard_table_22 table {
color: #333;
width: 95%;
margin-left: auto;
margin-right: auto;
border: none;
padding-top: 10px;
font-family: 'PoppinsRegular';
font-weight: bold;
}


.leaderboard_table_22 td,
th {
border: none !important;
height: 30px;
transition: all 0.3s;

}

.leaderboard_table_22 td {
background-color: transparent !important;
text-align: center;
}


.leaderboard_table_22 .image_name_wrap {
width: 125px;
margin-left: auto;
margin-right: auto;
}

.leaderboard_table_22 .image_name_wrap .table_sm_img {
float: left;
width: 25px;
height: 25px;
}

.leaderboard_table_22 .image_name_wrap .table_sm_img img {
width: 23px;
height: 23px;
border-radius: 50%;
margin-top: 3px;
}

.leaderboard_table_22 .image_name_wrap .table_sm_txt {
float: left;
margin-left: 5px;
height: 30px;
line-height: 30px;
width: 70px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
}



.leaderboard_table_22 .image_name_wrap_empty .table_sm_img {
float: left;
width: 25px;
height: 25px;
}

.leaderboard_table_22 .image_name_wrap_empty .table_sm_img img {
width: 23px;
height: 23px;
border-radius: 50%;
margin-top: 3px;
}

.leaderboard_table_22 .prize_number {
width: 30px;
overflow: hidden;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;

text-align: center;
margin-left: auto;
margin-right: auto;
}

.leaderboard_table_22 .image_name_wrap1 {
width: 105px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 30px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius: 30px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
border-radius: 30px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
height: 20px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}

.leaderboard_table_22 .image_name_wrap1.darker {}

.leaderboard_table_22 .image_name_wrap1 .table_sm_img {
float: left;
width: 25px;
height: 25px;
}

.leaderboard_table_22 .image_name_wrap1 .table_sm_img.darker {}

.leaderboard_table_22 .image_name_wrap1 .table_sm_img img {
width: 25px;
height: 25px;
margin-top: -1px;
}

.leaderboard_table_22 .image_name_wrap1 .table_sm_txt {
float: left;
margin-left: 5px;
height: 20px;
line-height: 20px;
width: 60px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
}

.sl_no {
width: 15px;
text-align: center;
}

.leader_table_wrap {
width: 90%;
margin: 0 auto;
background-color: #f2f3f6;
margin-bottom: 3px;
border-radius: 7px;
height: 50px;
}


.leader_table_wrap.selected {
background-color: #dcebfe !important;
}


ul.leader22_Block_List1 {
width: 180vh;
overflow: hidden;
height: 60vw;
margin-left: 0px;
}

li.leader22_Block_List1 {
float: left;
list-style-type: none;
width: 40vw;
margin-right: 10px;
}

.leader22_wrap {
width: 40vw;
height: 40vw;
border-radius: 15px;
position: relative;
overflow: hidden;
margin-left: 5vw;
}

.leader22_wrap .leader22_image_wrap {
width: 40vw;
height: 40vw;
border-radius: 15px;
overflow: hidden;
-webkit-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
box-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 1);
}

.leader22_wrap .leader22_image_wrap img {
width: 40vw;
height: 40vw;

}

.leader22_wrap .leader22_gradient {
width: 40vw;
height: 15vw;
overflow: hidden;


position: absolute;
z-index: 0;
opacity: 1;
bottom: 0px;
opacity: 0.7;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
background-image: url("../image/black_bg_img.png");
background-position: left;
background-size: cover;
background-repeat: repeat;
}

.leader22_wrap .leader22_gradient img {
filter: blur(6px);
opacity: 0.5;
}

.leader22_wrap .leader22_text_wrap {
width: 40vw;
height: 15vw;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
position: absolute;
bottom: 0px;
z-index: 1;
display: flex;
align-items: center;
}

.leader22_wrap .leader22_txt {
font-family: 'PoppinsMedium';
color: #FFFFFF;
margin-left: 0;

text-align: center;
width: 100%;
}

.leader22_wrap .leader22_txt .text2 {
font-family: 'PoppinsMedium';
font-size: 1.4rem;
flex-direction: row;
text-align: center;
align-items: center;
width: 100%;
}

.leader22_wrap .leader22_txt .text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.leader22_wrap .leader22_txt .text1 {
font-family: 'PoppinsRegular';
font-size: 1rem;
}

.leader22_text_wrap2 {
width: 40vw;
height: 15vw;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
display: flex;
align-items: center;
margin-left: 5vw;
}

.leader22_txt2 {
font-family: 'PoppinsMedium';
color: #f4f4f4;
margin-left: 0;

text-align: center;
width: 100%;
}

.leader22_txt2 .text2 {
font-family: 'PoppinsMedium';
font-size: 1.4rem;
flex-direction: row;
text-align: center;
align-items: center;
width: 100%;
}


.leader22_txt2 .text1 {
font-family: 'PoppinsRegular';
font-size: 1rem;
}

.roll-in-blurred-bottom {
-webkit-animation: roll-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
animation: roll-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes roll-in-blurred-bottom {
0% {
-webkit-transform: translateY(800px) rotate(720deg);
transform: translateY(800px) rotate(720deg);
-webkit-filter: blur(50px);
filter: blur(50px);
opacity: 0;
}

100% {
-webkit-transform: translateY(0) rotate(0deg);
transform: translateY(0) rotate(0deg);
opacity: 1;
}
}

@keyframes roll-in-blurred-bottom {
0% {
-webkit-transform: translateY(800px) rotate(720deg);
transform: translateY(800px) rotate(720deg);
-webkit-filter: blur(50px);
filter: blur(50px);
opacity: 0;
}

100% {
-webkit-transform: translateY(0) rotate(0deg);
transform: translateY(0) rotate(0deg);
opacity: 1;
}
}

/*leaderboard page ends*/

/*added on 3 november*/

.ipl_text_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
}

.ipl_text_wrap .ipl_text1a {
text-align: center;
font-family: 'Roboto-Regular';
font-size: 1.2rem;
width: auto;
margin-right: 20px;
float: left;
}

.ipl_text_wrap .ipl_text1a strong {
font-family: 'Roboto-Medium';
}

.ipl_text_wrap .ipl_text1b {
text-align: center;
font-family: 'Roboto-Regular';
font-size: 1.2rem;
width: auto;
float: right;
}

.ipl_text_wrap .ipl_text1b a {
color: #FFFFFF;
}

/*added on 3 november*/

.not_playing {
height: 8px;
width: 8px;
margin-top: auto;
margin-bottom: auto;
background-color: green;
border-radius: 50%;
display: inline-block;
}


.playing {
height: 8px;
width: 8px;
margin-top: auto;
margin-bottom: auto;
background-color: red;
border-radius: 50%;
display: inline-block;
}

.leaderboard_image_text {
width: 100%;
height: auto;
text-align: center;
}

.leaderboard_image_text img {
width: 100%;
height: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
}



.leaderboard_image_text1 {
width: 100%;
height: auto;
text-align: center;
font-family: 'Roboto-Medium';
color: #f4f4f4;
margin-left: auto;
margin-right: auto;
font-size: 1.3rem;

}

.wallet_coin_trx_list {
height: calc(100vh - 360px);
overflow-y: scroll;
}

.wallet_cash_trx_list {
height: calc(100vh - 300px);
overflow-y: scroll;
}

/* css added for register popup tnc checkbox starts */

input[type=checkbox].css-checkbox {
position: absolute;
width: 20px;
background-color: none;
height: 20px;
margin: 0;
opacity: 0;
}

input[type=checkbox].css-checkbox+label.css-label1 {
padding-left: 24px;
height: 20px;
display: inline-block;
line-height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
color: #606060;
vertical-align: middle;
cursor: pointer;
margin-top: -3px;
}

input[type=checkbox].css-checkbox:checked+label.css-label1 {
background-position: 0 -20px;
}

label.css-label1 {
background-image: url(../image/checkbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.dropdownwrap2 .register2_tc {
font-size: 3.5vw;
color: #1d1d1d;
width: 100%;
text-align: center;
font-family: 'Roboto-Regular';
margin-top: 20px;
text-transform: capitalize;
text-decoration: none;

}

.dropdownwrap2 .register2_tc a {
font-size: 3.5vw;
color: #ed1c24;
font-family: 'Roboto-Medium';
display: inline;
text-transform: capitalize;
text-decoration: none;
}

/* css added for register popup tnc checkbox ends */


/*QA page css starts*/
.ca23_question_outer_wrap {
width: 100%;
height: 30vh;
position: relative;
}

.ca23_question_outer_wrap .ca23_picture_bg {
position: absolute;
z-index: -1;
width: 100%;
overflow: hidden;

}

.ca23_question_outer_wrap .ca23_picture_wrap {
width: 100%;
height: 70vw;
background-color: transparent;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
background-image: url("../image/qa_pg/qa_image_bg.png");
background-size: cover;
}

.ca23_question_outer_wrap .ca23_picture_wrap img {
width: 90vw;
height: 51vw;
border-radius: 25px;
margin-top: 8.8vw;
}

.ca23_question_outer_wrap .ca23_pictunary_wrap {
width: 100%;
height: 70vw;
background-color: transparent;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
background-image: url("../image/qa_pg/qa_picutanary_bg.png");
background-size: cover;
}

.ca23_question_outer_wrap .ca23_pictunary_wrap img {
width: 90vw;
height: 51vw;
border-radius: 25px;
margin-top: 8.8vw;
}

.ca23_question_outer_wrap .ca23_picture_bg img {
width: 120%;
-webkit-filter: blur(20px);
filter: blur(20px);
margin-top: -15%;
margin-left: -10%;
}

.ca23_question_outer_wrap .ca23_textbased_pict_wrap {
width: 100%;
height: 77vw;
background-color: transparent;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
background-image: url("../image/qa_pg/qa_text_pict_bg.png");
background-size: cover;
}

.ca23_question_outer_wrap .ca23_textbased_wrap {
width: 100%;
height: 77vw;
background-color: transparent;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
background-image: url("../image/qa_pg/qa_text_bg.png");
background-size: cover;
}

.ca23_question_outer_wrap .ca23_textbased_wrap img {
width: 90vw;
height: 58vw;
border-radius: 25px;
margin-top: 9vw;
}

.ca23_question_outer_wrap .ca23_textbased_pict_wrap .ca23_question_text {
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.6rem;
text-align: center;
width: 80vw;
height: 70vw;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}


.ca23_question_outer_wrap .ca23_textbased_wrap .ca23_question_text {
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.6rem;
text-align: center;
width: 80vw;
height: 70vw;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}



.ca23_question_header_wrap {
width: 90%;
height: 60px;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
background-color: #FFFFFF;
-webkit-box-shadow: 0px 0px 9px 0px rgba(138, 148, 143, .2);
-moz-box-shadow: 0px 0px 9px 0px rgba(138, 148, 143, .2);
box-shadow: 0px 0px 9px 0px rgba(138, 148, 143, .2);
}

.ca23_question_header_wrap .ca23_wrap1 {
width: 15%;
float: left;

border-radius: 50%;

}

.ca23_question_header_wrap .ca23_wrap1 img {
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #FFFFFF;
-webkit-box-shadow: 0px 0px 9px 0px rgba(138, 148, 143, .5);
-moz-box-shadow: 0px 0px 9px 0px rgba(138, 148, 143, .5);
box-shadow: 0px 0px 9px 0px rgba(138, 148, 143, .5);
margin: 17px 0px 0px 10px;
}

.ca23_question_header_wrap .ca23_wrap2 {
width: 17%;
float: left;
}

.ca23_question_header_wrap .ca23_wrap2 img {
width: 45px;
height: 45px;
border-radius: 10px;
margin-top: 8px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(244, 17, 55, .8);
-moz-box-shadow: 0px 0px 7px 0px rgba(244, 17, 55, .8);
box-shadow: 0px 0px 7px 0px rgba(244, 17, 55, .8);
}

.ca23_question_header_wrap .ca23_wrap3 {
width: 31%;
float: left;
color: #999999;
font-family: 'Poppins-Bold';
font-size: 1.1rem;
display: inline-flex;
margin-top: 10px;
}

.ca23_question_header_wrap .ca23_wrap3 .ca23_trivia_space {
width: 70%;
}

.ca23_question_header_wrap .ca23_wrap3 .ca23_score_question {
color: #f4f4f4;
font-family: 'Poppins-Bold';
font-size: 1.1rem;
margin-left: 3px;
width: 30%;
text-align: left;
margin-top: 14px;
}

.ca23_question_header_wrap .ca23_wrap4 {
width: 15%;
float: left;
color: #999999;
font-family: 'Poppins-Bold';
font-size: 1.1rem;
text-align: center;
margin-top: 8px;
}

.ca23_question_header_wrap .ca23_wrap4 strong {

color: #f4f4f4;
}

.ca23_question_header_wrap .ca23_wrap5 {
width: 22%;
float: left;
margin-top: 7px;
}

.ca23_profile_btn_wrap .ca23_btn_center {
width: 50%;
margin-left: auto;
margin-right: auto;
}

@media (min-width: 415px) and (max-width: 420px) {
/*.spin_circle{
margin-left: 7px;
}*/
}

@media (min-width: 390px) and (max-width: 410px) {
/*.spin_circle{
margin-left: 7px;
}*/

.ca23_slider_content {
height: 500px !important;
}

.ca23_white_bg_image {
margin-top: -20px;
}
}

@media (min-width: 420px) and (max-width: 430px) {
/*.spin_circle{
margin-left: 11px;
}*/
}

@media (min-width: 431px) and (max-width: 454px) {
/*.spin_circle{
margin-left: 24px;
}*/
}

.ca23_answer_wrap {
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.ca23_answer_wrap .ca23_answer_box {
width: 130px;
height: 130px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #fff;
font-family: 'PoppinsMedium';
font-size: 1rem;

background-color: transparent;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
position: relative;
-webkit-box-shadow: 0px 0px 9px 0px rgba(53, 143, 208, 1);
-moz-box-shadow: 0px 0px 9px 0px rgba(53, 143, 208, 1);
box-shadow: 0px 0px 9px 0px rgba(53, 143, 208, 1);
}

.ca23_answer_wrap .ca23_answer_box img {
width: 130px;
height: 130px;
border-radius: 10px;
}

.ca23_video_box_wraper {
width: 100%;
height: 68vw;


margin-left: auto;
margin-right: auto;
overflow: hidden;


background-image: url("../image/qa_pg/qa_video_bg.png");
background-size: cover;
background-repeat: no-repeat;

}

.ca23_audio_box_wraper {
width: 100%;
height: 68vw;


margin-left: auto;
margin-right: auto;
overflow: hidden;


background-image: url("../image/qa_pg/qa_audio_bg.png");
background-size: cover;
background-repeat: no-repeat;

}

.ca23_question_outer_wrap .play_pause {
position: absolute;
right: 8vw;
top: 60vw;
z-index: 1;
}

.ca23_question_outer_wrap .play_pause img {
width: 60px;
height: auto;
}

.ca23_question_outer_wrap .ca23_video_wrap {
width: 90vw;
height: 50vw;
border-radius: 25px;
margin-top: 9vw;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.60);
margin-left: 5vw;
}

.ca23_video_box_wraper video {
width: 90vw;
border-radius: 25px;

}

.green_border {
/*  outline: 3px solid #17c00a !important;*/
box-shadow: 0 0 0 3px #17c00a !important;
border-radius: 7px;
}

.red_border {
/*  outline: 3px solid #17c00a !important;*/
box-shadow: 0 0 0 4px #ed1c24 !important;
border-radius: 7px;
}

.ca23_audio_question {
color: #f4f4f4;
font-size: 1.4rem;
text-decoration: none;
font-family: 'Poppins-Bold';
text-align: center;
width: 90%;
font-weight: bold;
margin-left: auto;
margin-right: auto;
line-height: 2rem;
height: auto;
}

.ca23_qa_footer_wrap {
height: 30px;
width: 100vw;
background-color: rgba(255, 255, 255, 0.80);
padding-top: 15px;
position: fixed;
bottom: 0px;
z-index: 3;
line-height: 10px;
}

.ca23_qa_footer_wrap .ca23_skip_space {
width: 100%;
text-align: center;
font-family: 'Poppins-Bold';
font-size: 1.3rem;
color: #1a7efa;
text-transform: none;
}

.ca23_green_circle {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #12d87d;
margin: 2px;
}

.ca23_grey_circle {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #CCCCCC;
margin: 2px;
}

.ca23_qa_btn {
background-color: #fff;
color: #000;
font-size: 1.1rem;
border-color: #ebeef1;
border-style: solid;
border-width: 1px;
border-radius: 25px;
padding: 3px 3px;
text-decoration: none;
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: 'Poppins-Bold';
font-weight: bolder;
display: block;
background-color: #FFFFFF;
height: 35px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
overflow: hidden;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.07);
}

.ca23_qa_btn.correct {
color: #fff;
font-size: 1.2rem;
border-color: #12d87d;
border-style: solid;
border-width: 1px;
background-color: #12d87d;
}

.ca23_green_box {
height: 30px;
width: 130px;
background-color: rgba(18, 216, 125, 0.80);
position: absolute;
z-index: 1;
bottom: 0px;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
text-align: center;
display: none;
}

.ca23_green_box img {
width: 20px !important;
height: auto !important;
margin-top: 5px;
}

.ca23_red_box {
height: 30px;
width: 130px;
background-color: rgba(240, 0, 11, 0.80);
position: absolute;
z-index: 1;
bottom: 0px;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
text-align: center;
border: none;
-webkit-box-shadow: 1px 2px 12px -3px rgba(248, 0, 12, 1);
-moz-box-shadow: 1px 2px 12px -3px rgba(248, 0, 12, 1);
box-shadow: 1px 2px 12px -3px rgba(248, 0, 12, 1);
display: none;
}

.ca23_red_box img {
width: 20px !important;
height: auto !important;
margin-top: 5px;
}


.ca23_qa_btn.wrong {
color: #fff;
font-size: 1.2rem;
border-color: #f8000b;
border-style: solid;
border-width: 1px;
background-color: #f8000b;
}

/*QA page css ends*/


/*pictionary css*/
.ca23_dictionary_img {
width: 100%;
height: auto;
text-align: center;
}

.ca23_dictionary_img img {
width: 100%;
height: auto;
}

.ca23_fill_btn_grey {
border-radius: 7px;
color: #333333;
text-decoration: none;
font-size: 18px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #ffffff;
text-transform: none;
line-height: 35px;
float: right;
width: 35px;
height: 35px;
text-align: center;
margin-bottom: 10px;
-webkit-box-shadow: 0px 4px 0px 0px rgba(150, 150, 150, 1);
-moz-box-shadow: 0px 4px 0px 0px rgba(150, 150, 150, 1);
box-shadow: 0px 4px 0px 0px rgba(150, 150, 150, 1);
border: 1px solid #efefef;
}

.ca23_fill_btn_grey1 {
border-radius: 7px;
color: #333333;
text-decoration: none;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #FFFFFF;
text-transform: none;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
margin-bottom: 10px;
-webkit-box-shadow: 0px 4px 0px 0px rgba(150, 150, 150, 1);
-moz-box-shadow: 0px 4px 0px 0px rgba(150, 150, 150, 1);
box-shadow: 0px 4px 0px 0px rgba(150, 150, 150, 1);
border: 1px solid #efefef;
}

.ca23_fill_btn_grey1 a {
text-decoration: none;
}

.ca23_fill_btn_grey a {
text-decoration: none;
}

.ca23_disable_state_pictionary {
color: rgba(0, 0, 0, 0.2);
}

.ca23_dictionary_btn_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

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

.ca23_dictionary_btn_wrap ul li {
display: inline-block;
}


.ca23_correct_ans .ca23_dictionary_txt {
color: #FFFFFF !important;
}

.ca23_dictionary_txt::placeholder {
color: #999999 !important;
font-size: 2rem;
}

.ca23_dictionary_txt {
border-radius: 10px;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
text-transform: none;
/* line-height: 50px; */
float: right;
width: 35px;
height: 35px;
text-align: center;
}

.ca23_dictionary_txt1 {
border-radius: 10px;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
text-transform: none;
/* line-height: 50px; */
float: right;
width: 23px;
height: 27px;
text-align: center;
background-color: #efefef;
}

.ca23_dictionary_txt_r {
border-radius: 10px;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
text-transform: none;
float: right;
text-align: center;
background-color: #efefef;
min-width: 40px !important;
max-width: 99.99% !important;
transition: width 0.25s;
height: 37px;
padding-top: 2px;
}

/*disney style ends*/
/*pictionary css*/

/*Audio question css*/
audio-waveform {
--waveform-foreground: #00ffff;
height: 40vw;
width: 84vw;
display: block;
margin-left: 7vw;
margin-top: 14vw;
}

button {}

/*Audion question css ends*/
/*jigsaw css*/
/*Scramble image styles*/
.ca23_scramble_ans_wrap {
width: 300px;
height: 300px;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: 2px -1px 25px -7px rgba(4, 136, 224, 1);
-moz-box-shadow: 2px -1px 25px -7px rgba(4, 136, 224, 1);
box-shadow: 2px -1px 25px -7px rgba(4, 136, 224, 1);
border-radius: 20px;
}

.ca23_scramble_ans_wrap img {
width: 100px;
height: 100px;
}

.ca23_scramble_ans_wrap_correct {
width: 300px;
height: 300px;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
overflow: hidden;
}

.ca23_scramble_ans_wrap_correct img {
width: 300px;
height: 300px;
border-radius: 15px;
}

.ca23_correct_scramble {
-webkit-box-shadow: 0px 2px 19px 2px rgba(15, 214, 121, 1);
-moz-box-shadow: 0px 2px 19px 2px rgba(15, 214, 121, 1);
box-shadow: 0px 2px 19px 2px rgba(15, 214, 121, 1);

border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 3px solid #0fd67a;
}

.ca23_wrong_scramble {
-webkit-box-shadow: 0px 2px 19px 2px rgba(248, 0, 11, 1);
-moz-box-shadow: 0px 2px 19px 2px rgba(248, 0, 11, 1);
box-shadow: 0px 2px 19px 2px rgba(248, 0, 11, 1);

border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 3px solid #f8000b;
}

.ca23_scramble_ans_wrap .div1 {
width: 100px;
height: 100px;
background-color: #ffffff;
float: left;
border-radius: 20px 0px 0px 0px;
-moz-border-radius: 20px 0px 0px 0px;
-webkit-border-radius: 20px 0px 0px 0px;
}

.ca23_scramble_ans_wrap .div1 img {
border-radius: 20px 0px 0px 0px;
-moz-border-radius: 20px 0px 0px 0px;
-webkit-border-radius: 20px 0px 0px 0px;
}

.ca23_correct_answer_box {
font-size: 1.5rem;
font-family: 'Poppins-Bold';
color: #f4f4f4;
width: 100%;
text-align: center;
}

.ca23_scramble_ans_wrap .div2 {
width: 100px;
height: 100px;
background-color: #82c4f0;
float: left;
}

.ca23_scramble_ans_wrap .div3 {
width: 100px;
height: 100px;
background-color: #cde7f9;
float: left;
border-radius: 0px 20px 0px 0px;
-moz-border-radius: 0px 20px 0px 0px;
-webkit-border-radius: 0px 20px 0px 0px;
}

.ca23_scramble_ans_wrap .div3 img {
border-radius: 0px 20px 0px 0px;
-moz-border-radius: 0px 20px 0px 0px;
-webkit-border-radius: 0px 20px 0px 0px;
}


.ca23_scramble_ans_wrap .div4 {
width: 100px;
height: 100px;
background-color: #e6f3fc;
float: left;
}

.ca23_scramble_ans_wrap .div5 {
width: 100px;
height: 100px;
background-color: #b4dcf6;
float: left;
}

.ca23_scramble_ans_wrap .div6 {
width: 100px;
height: 100px;
background-color: #e6f3fc;
float: left;
}

.ca23_scramble_ans_wrap .div7 {
width: 100px;
height: 100px;
background-color: #cde7f9;
float: left;
border-radius: 0px 0px 0px 20px;
-moz-border-radius: 0px 0px 0px 20px;
-webkit-border-radius: 0px 0px 0px 20px;
}

.ca23_scramble_ans_wrap .div7 img {
border-radius: 0px 0px 0px 20px;
-moz-border-radius: 0px 0px 0px 20px;
-webkit-border-radius: 0px 0px 0px 20px;
}

.ca23_scramble_ans_wrap .div8 {
width: 100px;
height: 100px;
background-color: #9bcff3;
float: left;
}

.ca23_scramble_ans_wrap .div9 {
width: 100px;
height: 100px;
background-color: #68b8ec;
float: left;
border-radius: 0px 0px 20px 0px;
-moz-border-radius: 0px 0px 20px 0px;
-webkit-border-radius: 0px 0px 20px 0px;
}

.ca23_scramble_ans_wrap .div9 img {
border-radius: 0px 0px 20px 0px;
-moz-border-radius: 0px 0px 20px 0px;
-webkit-border-radius: 0px 0px 20px 0px;
}

.ca23_scramble_image_wrap {
width: 92%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ca23_scramble_image_wrap img {
width: 57px;
height: 57px;
border-radius: 10px;
-webkit-box-shadow: -1px -1px 10px 2px rgba(4, 136, 224, 0.55);
-moz-box-shadow: -1px -1px 10px 2px rgba(4, 136, 224, 0.55);
box-shadow: -1px -1px 10px 2px rgba(4, 136, 224, 0.55);
}

.ca23_scramble_image_wrap .div1 {
width: 58px;
height: 58px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.ca23_scramble_image_wrap .div2 {
width: 58px;
height: 58px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.ca23_scramble_image_wrap .div3 {
width: 58px;
height: 58px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.ca23_scramble_image_wrap .div4 {
width: 58px;
height: 58px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.ca23_scramble_image_wrap .div5 {
width: 58px;
height: 58px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.ca23_scramble_image_wrap .div6 {
width: 58px;
height: 58px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.ca23_scramble_image_wrap .div7 {
width: 58px;
height: 58px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.ca23_scramble_image_wrap .div8 {
width: 58px;
height: 58px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

.ca23_scramble_image_wrap .div9 {
width: 58px;
height: 58px;
float: left;
border: 1px solid #efefef;
margin: 2px;
}

/*jigsaw css*/

/*Moreinfo CSS starts*/

.ca23_moreinfo_live {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: 1.1rem;
width: 16vw;
height: 30px;
background-color: #ed1c24;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
text-align: center;
padding: 0px 10px 0px 10px;
text-align: center;
margin-right: 0vw;
text-transform: none;
position: absolute;
right: 5vw;
top: 5vw;
-webkit-box-shadow: 0px -1px 13px 0px rgba(230, 0, 0, 1);
-moz-box-shadow: 0px -1px 13px 0px rgba(230, 0, 0, 1);
box-shadow: 0px -1px 13px 0px rgba(230, 0, 0, 1);
}

.ca23_moreinfo_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
color: #f4f4f4;
}

.ca23_moreinfo_wrap .ca23_moreinfo_header {
font-size: 1.2rem !important;
font-family: 'Poppins-Bold';
color: #f4f4f4;
}

.ca23_moreinfo_wrap .ca23_moreinfo_text {
font-size: 1rem !important;
font-family: 'PoppinsRegular';
color: #f4f4f4;
}

/** ACCORDIAN **/
.ca23_accordian {
list-style: none;
margin: 0 0 0px;
padding: 0;
border-top: 0;
}


.ca23_accordian header {
display: block;
margin: 0;
padding: 10px 15px 10px 15px;
font-family: 'PoppinsMedium';
cursor: pointer;
font-size: 1rem;
height: auto;
width: auto;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-weight: bolder;
background-color: white;
}

.ca23_accordian section {
display: none;
padding: 0px 15px 15px 15px;
font-family: 'PoppinsRegular';
font-size: 1em;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
color: #cccccc;
}

.ca23_accordian section.active {
display: block;
}

.ca23_accordian li {
margin-bottom: 15px;
background: #1d1d1d;
width: 90vw;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}

.ca23_howtoplay_wrap {
height: auto!important;
background: #1d1d1d;
width: 90vw;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
overflow-x: hidden;
border: 1px solid #1d1d1d;
}

.ca23_howtoplay_wrap .items_wrap {
width: 98vw;
margin-left: auto;
margin-right: auto;
height: 50px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_howtoplay_wrap .items_wrap .left_wrap {
width: 15%;
float: left;
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 50px;
}

.ca23_howtoplay_wrap .items_wrap .left_wrap img {
width: 30px;
height: auto;
}

.ca23_howtoplay_wrap .items_wrap .right_wrap {
width: 85%;
float: left;
border-bottom: 1px solid rgba(50, 50, 50, 0.1);
height: 50px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-family: 'PoppinsRegular';
font-size: 1em;
padding-right: 10vw;
}

.ca23_howtoplay_wrap .items_wrap .right_wrap img{
display: none;
}

.ca23_moreinfo_wrap_btn {
border-radius: 5px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.1rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';

line-height: 30px;
width: 90vw;
text-align: center;
height: 30px;
background-color:#ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}

.ca23_moreinfo_wrap_btn img {
width: 19px;
height: auto;
margin: 0px 2px 0px 2px;
}

.ca23_game_pop_bg1 {
width: 100%;
height: 45vw;
background-image: url("../image/payment_pop/payment_bg.jpg");
background-position: center;
background-repeat: no-repeat;
overflow-x: hidden;
}
.ca23_game_pop_bg1 .back_btn {
text-align: center;
width: 50px;
height: 50px;
}

.ca23_game_pop_bg1 .back_btn img {
width: 30px;
height: auto;
margin-top: 12px;
/*margin-left: 5px;*/
}

.ca23_battle_icon_wrap .ca23_div1_battle .ca23_icon_image {
width: 70px;
height: 70px;
position: relative;
margin-left: auto;
margin-right: auto;
}

.ca23_remindme_btn_wrap {
height: auto;
width: 100vw;
position: fixed;
bottom: 0px;
z-index: 2;
}

.ca23_image_name_wrap2 {
width: 50px;
}

.ca23_sl_no_1 {
width: 80px;
text-align: center;
background-position: center;
background-size: cover;
height: 30px;
font-size: 1rem;
font-family: 'PoppinsMedium';
line-height: 30px;
}

.ca23_leader_table_wrap {
width: 96%;
margin: 0 auto;
margin-bottom: 2px;
height: 50px;
border-radius: 10px;
background-color: rgba(255,255,255,0.05);
color: #FFFFFF !important;
}

.ca23_leader_table_wrap.noborder {
background-color: transparent;
border-radius: 10px;
color: #FFFFFF !important;
background-color: rgba(255,255,255,0.10);
}


.ca23_leader_table_wrap.selected {
background: rgba(255, 255, 255, 0.05);
border-radius: 10px;
color: #FFFFFF !important;
}

.tc_page_msg ul li {
list-style: number;
font-size: 1.1rem;
padding-left:10px;
margin-left:10px;
margin-bottom:10px;
line-height:18px
}

/*Moreinfo CSS ends*/

.tc_page_msg1 {
width: 90%;
margin-left: auto;
margin-right: auto;
}

.tc_page_msg1 p {
font-family: "Roboto-Regular";
color: #f4f4f4;
font-size: 4vw;
line-height: 20px;
margin: 0px 0px 15px 0px;
}

.tc_page_msg1 p strong {
font-family: "Roboto-Bold";
}

.set_rock_table1aa table {
width: 100%;
float: left;
padding: 10px;
}

.set_rock_table1aa table td {
padding: 5px 4px 4px 4px;
text-align: left;
font-family: "Roboto-Regular";
border-bottom: none;
border: 1px solid #999999;
}

.tc_page_msg1 li {
list-style: number;
font-size: 1.3rem;
}
.alpha_list ol li{
list-style-type: lower-alpha;
}

.alpha_list ol{
margin-left: 30px;
}

.ipl_header_space.purple_bg {
background-color: #7427ba!important;
}

.home_match_wrap .header_m_grey.ca23_vip_ipl {
color: #FFFFFF;
font-size: 1rem;
width: 150px;
float: left;
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #721ea9;
height: 37px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-left: 0px!important;
margin-top: 0px!important;
-webkit-box-shadow: 0px 3px 10px 0px rgba(255,255,255,0.2);
-moz-box-shadow: 0px 3px 10px 0px rgba(255,255,255,0.2);
box-shadow: 0px 3px 10px 0px rgba(255,255,255,0.2);
padding-left: 15px;
}

.home_match_wrap .header_m_grey.ca23_vip_ipl img {
width: 22px;
height: auto;
margin: 0px 3px 0px 0px;
}
.home_match_wrap.purple1_bg {
background-image: url(../image/ipl_logo/purple_bg.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #fff!important;
color: #000;
}

.ca23_point_txt {
font-size: 1.05rem;
font-family: 'PoppinsRegular';
color: #FFFFFF;
text-align: left;
width: 93%;
float: left;
margin-left: 3vw;

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_point_txt img {
width: 30px;
height: auto;
margin-right: 5px;
}

.mat-dialog-container {
    background: #1d1d1d!important;
    color: #FFFFFF!important;
}

.ca23_howtoplay_wrap .items_wrap .left_wrap {
	width: 15%;
	float: left;
	height: 50px;
	text-indent: -100vw;
}

.ca23_scramble_image_wrap .div1, .ca23_scramble_image_wrap .div2, .ca23_scramble_image_wrap .div3, .ca23_scramble_image_wrap .div4, .ca23_scramble_image_wrap .div5, .ca23_scramble_image_wrap .div6, .ca23_scramble_image_wrap .div7, .ca23_scramble_image_wrap .div8, .ca23_scramble_image_wrap .div9 {
    width: 57px;
    height: 57px;
    float: left;
    border: 1px solid #efefef;
    margin: 2px;
    border-radius: 7px;
}

.ca23_dictionary_txt {
    color: #fff!important;
}