body {
text-transform: none;
}

.ripple {
margin: auto;
background-color: #fff;
width: .5rem;
height: .5rem;
border-radius: 50%;
animation: ripple 1s linear infinite;
}

@keyframes ripple {
0% {
box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.1),
0 0 0 .3rem rgba(255, 255, 255, 0.1),
0 0 0 .5rem rgba(255, 255, 255, 0.1);
}

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

@keyframes ripple {
0% {
box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.1),
0 0 0 .3rem rgba(255, 255, 255, 0.1),
0 0 0 .5rem rgba(255, 255, 255, 0.1);
}

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


.ca23_spinner {
position: relative;
margin: auto;
top: 50vh;
border: 3px solid #CCCCCC;
background: white;
width: 40px;
height: 40px;
border-radius: 8px;
animation: rotate 3s infinite linear;

}

@keyframes rotate {
from {
transform: rotate(0deg);
}

to {
transform: rotate(359deg);
}
}

.ca23_spinner_overlay {
position: absolute;
z-index: 99999;
width: 100%;
height: 100vh;
background: rgba(63, 59, 59, 0.6);
}

.ca23_home_heading1 {
font-size: 1.2rem;
font-family: 'PoppinsMedium';
color: #FFFFFF;
text-align: left;
width: 60%;
float: left;
font-weight: bolder;
margin-left: 3vw;
text-transform: none;
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: 26px;
height: 26px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.ca23_home_heading2 {
font-size: 1.2rem;
font-family: 'PoppinsMedium';
color: #FFFFFF;
text-align: left;
width: 60%;
float: left;
font-weight: bolder;
margin-left: 5vw;

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;
}


.ca23_home_subheading {
font-size: 1.3rem;
font-family: 'PoppinsMedium';
color: #FFFFFF;
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;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
text-transform: none;
}

/*skip page box css*/
.skip_wrap {
width: 100vw;
height: 100vw;
margin-left: auto;
margin-right: auto;
border-radius: 25px;
background: rgba(252, 69, 81, 1);
background: -moz-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(89, 19, 95, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 69, 81, 1)), color-stop(100%, rgba(89, 19, 95, 1)));
background: -webkit-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(89, 19, 95, 1) 100%);
background: -o-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(89, 19, 95, 1) 100%);
background: -ms-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(89, 19, 95, 1) 100%);
background: linear-gradient(to bottom, rgba(252, 69, 81, 1) 0%, rgba(89, 19, 95, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc4551', endColorstr='#59135f', GradientType=0);
}

.skip_wrap_overlay {
width: 100vw;
height: 110vw;
margin-left: auto;
margin-right: auto;
border-radius: 25px;
background: rgba(252, 69, 81, 1);
background: -moz-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(252, 69, 81, 1) 41%, rgba(94, 20, 94, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 69, 81, 1)), color-stop(41%, rgba(252, 69, 81, 1)), color-stop(100%, rgba(94, 20, 94, 1)));
background: -webkit-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(252, 69, 81, 1) 41%, rgba(94, 20, 94, 1) 100%);
background: -o-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(252, 69, 81, 1) 41%, rgba(94, 20, 94, 1) 100%);
background: -ms-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(252, 69, 81, 1) 41%, rgba(94, 20, 94, 1) 100%);
background: linear-gradient(to bottom, rgba(252, 69, 81, 1) 0%, rgba(252, 69, 81, 1) 41%, rgba(94, 20, 94, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc4551', endColorstr='#5e145e', GradientType=0);
position: absolute;
z-index: 5;
margin-top: 7vw;
overflow: hidden;
}

.skiphome_heading_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden !important;
}

.skiphome_heading {
font-size: 1.4rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
text-align: left;
width: 90%;
float: left;
font-weight: bolder;
margin-left: 3vw;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

.skiphome_subheading {
font-size: 1.3rem;
font-family: 'PoppinsMedium';
color: #FFFFFF;
text-align: left;
width: 90%;
float: left;
font-weight: bolder;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
margin-left: 3vw;
}

.skip_overlay {
width: 100vw;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, .8);
position: absolute;
z-index: 4;
display: block;
overflow: hidden;
}

.skip_overlay_skip a {
font-size: 1.5rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
width: 100%;
text-align: center;
position: absolute;
z-index: 5;
top: 150vw;
}

.skip_overlay_head {
font-size: 1.5rem;
font-family: 'PoppinsMedium';
color: #FFFFFF;
width: 100%;
text-align: center;
position: absolute;
z-index: 5;
top: 130vw;
}

.skip_arrow_wrap {
width: 100%;
text-align: center;
position: absolute;
z-index: 5;
top: 110vw;
}

.skip_arrow {
width: 15vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

.skip_arrow img {
width: 15vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

/* mcwui css starts */

.container_inside {
width: 100vw;
height: 100%;
background-color: #f5f5f6;
overflow-x: hidden;
border: none;
}

/*Onboard css*/
.onboard_bg {
width: 100vw;
height: 100vh;
background-color: #f6f6f7;
background: #f6f6f7;
overflow: hidden !important;
/* background-image: url("../image/onboard/onboard1_bg.jpg"); */
background-position: top;
background-repeat: no-repeat;
background-size: 100VW;
}

.onboard_bg.bg2 {
/* background-image: url("../image/onboard/onboard2_bg.jpg"); */
background-position: top;
background-repeat: no-repeat;
background-size: 100VW;
}

.onboard_bg.bg3 {
/* background-image: url("../image/onboard3_bg.jpg"); */
background-position: top;
background-repeat: no-repeat;
background-size: 100VW;
}


.onboard_head {
width: 100%;
color: #f4f4f4;
font-family: 'Poppins-Bold';
font-size: 1.6rem;
text-align: center;
margin-top: 100vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 2vw;
}

.onboard_subhead {
width: 80%;
color: #f4f4f4;
font-family: 'PoppinsRegular';
font-size: 15.6px;
text-align: center;
margin-left: auto;
margin-right: auto;
height: 18.5vw;
}

.onboard_skip {
width: 80%;
color: #1a7efa;
font-family: 'Poppins-Bold';
font-size: 1rem;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.onboard_btn {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: #ed1c24;

line-height: 35px;
width: 70vw;
display: block;
text-align: center;
height: 35px;
border-radius: 25px;
}

.language_drop_wrap {
width: 35vw;
text-align: center;
position: fixed;
right: 10vw;
top: 10vw;
z-index: 1;
}

.language_overlay {
width: 100vw;
height: 100%;
overflow: auto;
background-color: rgba(255, 255, 255, .01);
position: absolute;
z-index: 0;
display: none;
}

.language_drop_wrap .language_drop {
width: 30vw;
height: 25px;
color: #f4f4f4;
font-size: 1.1rem;
padding: 3px;
padding-left: 20px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
margin-left: auto;
margin-right: auto;
background-color: rgba(255, 255, 255, 0.80);
text-align: left;
padding-top: 10px;
background-image: url("../image/down_btn_white_ic.png");
background-position: right 0px center;
background-repeat: no-repeat;
background-size: 20px;
font-family: 'Poppins-Bold';
display: inline-flex;
}

.language_drop_wrap .language_drop img {
height: 18px;
width: auto;
margin-right: 5px;
}

.dropdownwrap_search_result {
height: auto;
width: 37vw;
display: none;
padding: 0px 0px 0px 0px;
margin-top: 5px;
line-height: 20px;
background-color: rgba(255, 255, 255, 0.80);
color: #f4f4f4;
font-size: .9rem;
z-index: 111;
-webkit-box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
margin-left: auto;
margin-right: auto;
border-radius: 15px;
overflow-y: scroll;
}

.list-group {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
margin-top: 10px;
}

.list-group li {
border-bottom: 1px solid #efefef;
padding: .5em;
text-align: left;
}

/*Onboard css ends*/

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

.language_drop_wrap {
width: 35vw;
text-align: center;
position: relative;
left: 55vw;
top: 10vw;
z-index: 1;
}

.dropdownwrap_search_result {
position: absolute;
}

/* battle-listing css starts */
.ca23_container_inside {
width: 100vw;
height: 100%;
background-color: #000000;
overflow-x: hidden;
border: none;
}

.ca23_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;
}
}

.ca23_battle_opt_pg_img_wrap {
position: relative;
height: 75vw;
/*Modified on 24 June 2023*/
width: 100%;
overflow-y: hidden;
}


.ca23_battle_opt_pg_img_wrap .ca23_bg_image {
width: 100%;
height: auto;
}

.ca23_battle_opt_pg_img_wrap .ca23_bg_image img{
width: 200%;
height: auto;
margin-left: -5%;
margin-top: -20%;
}

.ca23_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;
}

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

.ca23_battle_opt_pg_container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0vh;
/*	overflow-x: hidden;*/
}

.black_bg {
background-color: #211b12 !important;
height: 110% !important;

}


.ca23_battle_opt_pg_img_wrap .ca23_blackgradient {
width: 100%;
height: 30vw;
/*Modified on 30 may 2023*/
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;
/*	margin-top: -7vw;*/
}

.ca23_battle_icon_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
/*display: none!important;Added on 16 June 2023*/
}

.ca23_battle_icon_wrap .ca23_div1_battle {
float: left;
width: 25%;
}

.ca23_battle_icon_wrap .ca23_div2_battle {
float: left;
width: 75%;
color: #fff;
font-family: 'Poppins-Bold';
font-size: 1.5rem;
line-height: 70px;
position: absolute;
margin-left: 26vw;
margin-top: 1vw;
/*Modified on 30 May 2023*/
}

.ca23_battle_icon_wrap .ca23_div2_battle2 {
float: left;
width: 60%;
color: #fff;
font-family: 'PoppinsMedium';
font-size: 1rem;
line-height: 16px;
position: absolute;
margin-left: 26vw;
margin-top: 8vw;
color: rgba(255, 255, 255, 0.80);
/*For VIL - added on 08 March 2023*/
}

.ca23_battle_icon_wrap .ca23_div1_battle .ca23_icon_image {
width: 70px;
height: 70px;
position: relative;
margin-left: auto;
margin-right: auto;
}

.ca23_battle_icon_wrap .ca23_div1_battle .ca23_icon_image img {
width: 70px;
height: 70px;
border-radius: 7px;
border: 2px solid rgba(255, 255, 255, 0.4);
}


.ca23_battle_icon_wrap .ca23_div1_battle .ca23_icon_ic {
width: 70px;
height: 30px;
text-align: center;
position: absolute;
margin-top: -68px;
margin-left: -7px;
}

.ca23_battle_icon_wrap .ca23_div1_battle .ca23_icon_ic img {
width: 20px;
height: auto;
border-top-left-radius: 6px;
border-top-right-radius: 1px;
border-bottom-right-radius: 15px;
}

.ca23_battle_opt_small_header {
width: 90%;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
font-size: 1.5rem;
font-weight: bolder;
font-family: 'Poppins-Bold';
text-transform: none;
}

.ca23_battle_card1 {
min-height: 105px;
width: 90vw;
margin-right: auto;
margin-left: auto;
background-color: #272838;
border-radius: 15px;
position: relative;
overflow: hidden;
    background: #292A36;
    background: linear-gradient(180deg, #2B2D3F 0%, #292A36 100%);
border-radius: 15px;
position: relative;
overflow: hidden;
}

.ca23_battle_card1 .ca23_battlecard_like1 {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: 1rem;
position: absolute;
right: -5px;
top: 10px;
z-index: 1;
width: auto;
min-width: 60px;
height: 40px;
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: 3px 10px 0px 10px;
background-image: url("../image/promo_banner/promo_orange_tag.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 40px;
}

.ca23_battle_card1 .ca23_battlecard_like1 img {
width: 16px;
height: auto;
margin-left: 3px;
margin-right: 3px;
}

.ca23_battle_card1 .ca23_battlecard_like {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: 1.1rem;
position: absolute;
right: -6px;
top: 00px;
z-index: 1;
width: auto;
min-width: 60px;
height: 45px;
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: 3px 10px 0px 10px;
background-image: url("../image/promo_banner/promo_red_tag.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 45px;
}

.ca23_battle_card1 .ca23_battlecard_like img {
width: 20px;
height: auto;
margin-left: 3px;
}

.ca23_battle_card_header {
width: 94%;
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.8rem;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
}

.ca23_battle_card_header img {
width: 30px;
height: auto;
}

.ca23_battle_card_subheader {
width: 50%;
color: #f4f4f4;
font-family: 'Poppins-Bold';
font-size: 1.1rem;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
float: left;
margin-left: 5%;
}

.ca23_battle_card_subheader img {
width: 20px;
height: auto;
}

.ca23_battle_card_prize_tab_wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_battle_card_prize_tab_wrap .ca23_prize_tab1 {
width: 26%;
height: 12vw;
background: #545568;
border: 2px solid rgba(0, 0, 0, 0.08);
border-radius: 10px;
margin: 5px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px;
line-height: 15px;
color: #FFf;
font-size: .85rem;
-webkit-box-shadow: 0px 3px 11px -8px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 3px 11px -8px rgba(0, 0, 0, 0.75);
box-shadow: 0px 3px 11px -8px rgba(0, 0, 0, 0.75);
}

.ca23_battle_card_prize_tab_wrap .ca23_prize_tab1 img {
width: 17px;
height: auto;
margin-right: 4px;
}


.ca23_battle_card_prize_tab_wrap .ca23_prize_tab2 {
width: 26%;
height: 12vw;
background: #545568;
border: 2px solid rgba(0, 0, 0, 0.08);
border-radius: 10px;
margin: 5px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px;
line-height: 15px;
color: #FFFFFF;
font-size: .85rem;
-webkit-box-shadow: 0px 3px 11px -8px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 3px 11px -8px rgba(0, 0, 0, 0.75);
box-shadow: 0px 3px 11px -8px rgba(0, 0, 0, 0.75);
}

.ca23_battle_card_prize_tab_wrap .ca23_prize_tab2 img {
width: 17px;
height: auto;
margin-right: 4px;
}


.ca23_battle_card_prize_tab_wrap .ca23_prize_tab3 {
width: 26%;
height: 12vw;
background: #545568;
border: 2px solid rgba(0, 0, 0, 0.08);
border-radius: 10px;
margin: 5px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px;
line-height: 15px;
color: #FFFFFF;
font-size: .85rem;
-webkit-box-shadow: 0px 3px 11px -8px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 3px 11px -8px rgba(0, 0, 0, 0.75);
box-shadow: 0px 3px 11px -8px rgba(0, 0, 0, 0.75);
}

.ca23_battle_card_prize_tab_wrap .ca23_prize_tab3 img {
width: 17px;
height: auto;
margin-right: 4px;
}

.ca23_prize_details {
float: right;
width: 30%;
color: #1a7efa;
font-family: 'Poppins-Bold';
text-align: left;
margin-right: 5%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: 1rem;

}

.ca23_prize_details img {
width: 15px;
height: auto;
margin-right: 3px;
}

.ca23_play_btn_battle {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #ed1c24;
text-transform: uppercase;
line-height: 35px;
width: 39vw;
display: block;
text-align: center;
height: 35px;
}

.ca23_play_btn_battle a {
text-decoration: none;
}

/* battle-listing css ends */


/*skip page box css*/
.ca23_skip_wrap {
width: 100vw;
height: 84vw;
/*For VIL added on 08 March 2023*/
margin-left: auto;
margin-right: auto;
border-radius: 25px;
background: rgba(252, 69, 81, 1);
background: -moz-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(89, 19, 95, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 69, 81, 1)), color-stop(100%, rgba(89, 19, 95, 1)));
background: -webkit-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(89, 19, 95, 1) 100%);
background: -o-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(89, 19, 95, 1) 100%);
background: -ms-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(89, 19, 95, 1) 100%);
background: linear-gradient(to bottom, rgba(252, 69, 81, 1) 0%, rgba(89, 19, 95, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc4551', endColorstr='#59135f', GradientType=0);
}

.ca23_skip_wrap_overlay {
width: 100vw;
height: 110vw;
margin-left: auto;
margin-right: auto;
border-radius: 25px;
background: rgba(252, 69, 81, 1);
background: -moz-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(252, 69, 81, 1) 41%, rgba(94, 20, 94, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 69, 81, 1)), color-stop(41%, rgba(252, 69, 81, 1)), color-stop(100%, rgba(94, 20, 94, 1)));
background: -webkit-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(252, 69, 81, 1) 41%, rgba(94, 20, 94, 1) 100%);
background: -o-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(252, 69, 81, 1) 41%, rgba(94, 20, 94, 1) 100%);
background: -ms-linear-gradient(top, rgba(252, 69, 81, 1) 0%, rgba(252, 69, 81, 1) 41%, rgba(94, 20, 94, 1) 100%);
background: linear-gradient(to bottom, rgba(252, 69, 81, 1) 0%, rgba(252, 69, 81, 1) 41%, rgba(94, 20, 94, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc4551', endColorstr='#5e145e', GradientType=0);
position: absolute;
z-index: 5;
margin-top: 7vw;
overflow: hidden;
}

.ca23_skiphome_heading_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden !important;
}

.ca23_skiphome_heading {
font-size: 1.4rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
text-align: left;
width: 90%;
float: left;
font-weight: bolder;
margin-left: 6vw;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

.ca23_skiphome_subheading {
font-size: 1.5rem;
/*For VIL  - added on 08 March 2023*/
font-family: 'PoppinsMedium';
color: #FFFFFF;
text-align: left;
width: 90%;
float: left;
font-weight: bolder;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
margin-left: 6vw;
/*For VIL - added on 08 March 2023*/
margin-top: 5px;
/*For VIL  - added on 08 March 2023*/
text-transform: capitalize;
/*For VIL - added on 08 March 2023*/
}

.ca23_skip_overlay {
width: 100vw;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, .8);
position: absolute;
z-index: 4;
display: block;
overflow: hidden;
}

.ca23_skip_overlay_skip a {
font-size: 1.5rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
width: 100%;
text-align: center;
position: absolute;
z-index: 5;
top: 150vw;
}

.ca23_skip_overlay_head {
font-size: 1.5rem;
font-family: 'PoppinsMedium';
color: #FFFFFF;
width: 100%;
text-align: center;
position: absolute;
z-index: 5;
top: 130vw;
}

.ca23_skip_arrow_wrap {
width: 100%;
text-align: center;
position: absolute;
z-index: 5;
top: 107vw;
}

.ca23_skip_arrow {
width: 15vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ca23_skip_arrow img {
width: 15vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

/*skip page box css*/


/* mcwui css ends */


/* prize details popup css starts */
/* #new_overlay {
z-index: 222;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120%;
background: rgba(20, 20, 20, 0.7);
display: none;
}

.ca23_dropdownwrap2 {
height: 75%;
width: 100%;
bottom: 0px;
line-height: 20px;
background-color: #f6f6f7;
color: #fff;
position:fixed;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); 
z-index: 222;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

.ca23_dropdownwrap2 .ca23_payment_box_wrap table td {
color: #272838;
} */





.ca23_register_header {
color: #CCCCCC;
font-family: 'Poppins-Bold';
font-size: 1.6rem;
width: 100%;
text-align: center;
line-height: 24px;

}


.ca23_image_name_wrap2 {
width: 50px;
}

.ca23_onboard_btn {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: #2d53d5;

line-height: 35px;
width: 87vw;
display: block;
text-align: center;
height: 35px;
background-color: #ed1c24;
border-radius: 25px;
}

.prize-bottomsheet-class {
max-height: 178vw !important;
height: 178vw !important;
z-index: 1;
background-color: transparent !important;
}


.prize_details_scroll {
overflow-y: scroll !important;
max-height: 55vh;
}

/* prize details popup css ends */

/* tournament-listing css starts */
.blue_bg {
background-color: #000000 !important;
}

.ca23_explore_outline_btn.blue_bg {
border: none;
background-color: #5489fd;
color: #fff;
}

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

.ca23_prize_loading .ca23_prize_left {
color: #FFFFFF;
font-family: 'PoppinsMedium';
font-size: 1rem;
float: left;
width: 100%;
text-align: left;
text-transform: none;
margin-bottom: 5px;
}

.ca23_prize_loading .ca23_prize_right {
color: #cccccc;
font-family: 'PoppinsMedium';
font-size: 1rem;
float: right;
width: 50%;
text-align: right;
}

@keyframes progress {
0% {
width: 0;
}
}

.ca23_loading_bg2 {
width: 83vw;
/*For VIL advertisement - added on 27 Feb 2023*/
height: 5px;
background-color: #4A4A5C;
overflow: hidden;
border: 0 solid rgba(255, 255, 255, 0.5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.ca23_loading {
background-image: url(../image/splash_loading.png);
background-position: center;
background-repeat: repeat-x;
height: 10px;
animation: progress 3s normal forwards;
}

.ca23_play_btn_prize {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #ed1c24;

line-height: 35px;
width: 70vw;
display: block;
text-align: center;
height: 35px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_play_btn_prize img {
width: 20px;
height: auto;
}

.ca23_play_btn_prize a {
text-decoration: none;
}

.ca23_prize_bottom_wrap {
width: 100%;
height: 25px;
background-color: transparent !important;
margin-left: auto;
margin-right: auto;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
padding-top: 10px;
display: inline-table;
}

.ca23_prize_bottom_wrap .ca23_prize_timer {
float: left;
width: 33%;
color: #EAEAEC;
font-family: 'PoppinsMedium';
font-size: 1rem !important;
text-align: left;
margin-right: 3%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-transform: none;
}

.ca23_prize_bottom_wrap .ca23_prize_timer img {
width: 15px;
height: auto;
margin-right: 3px;
}

.ca23_prize_bottom_wrap .ca23_prize_leaderboard {
float: right;
width: 22%;
color: #EAEAEC;
font-family: 'PoppinsMedium';
font-size: 1rem !important;
text-align: center;
margin-left: 0%;
/*    border-right: 1px solid #EAEAEC !important;*/
text-transform: none;
border: none!important;
}

.ca23_prize_bottom_wrap .ca23_prize_leaderboard img {
width: 15px;
height: auto;
}


.ca23_prize_bottom_wrap .ca23_prize_leaderboard a {
color: #EAEAEC;
text-decoration: none !important;
}

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

.ca23_prize_bottom_wrap .ca23_prize_player {
float: left;
width: 45%;
color: #666666;
font-family: 'PoppinsMedium';
font-size: .8rem !important;
text-align: right;

flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.ca23_prize_bottom_wrap .ca23_prize_player img {
width: 15px;
height: auto;
}

/*
.black_border_right{
border-right: 1px solid rgba(0,0,0,0.5)!important;
}*/


.ca23_prize_bottom_wrap .ca23_prize_guarantee {
float: left;
width: 30%;
color: #EAEAEC;
font-family: 'PoppinsMedium';
font-size: 1rem !important;
text-align: left;
margin-left: 3%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-right: 1px solid rgba(255, 255, 255, 0.5);
text-transform: none;
display: block;


}

.ca23_prize_bottom_wrap .ca23_prize_guarantee img {
width: 15px;
height: auto;
}

.ca23_play_btn_prize_grey {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: rgba(173, 173, 173, 1);
background: -moz-linear-gradient(left, rgba(173, 173, 173, 1) 0%, rgba(212, 212, 212, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(173, 173, 173, 1)), color-stop(100%, rgba(212, 212, 212, 1)));
background: -webkit-linear-gradient(left, rgba(173, 173, 173, 1) 0%, rgba(212, 212, 212, 1) 100%);
background: -o-linear-gradient(left, rgba(173, 173, 173, 1) 0%, rgba(212, 212, 212, 1) 100%);
background: -ms-linear-gradient(left, rgba(173, 173, 173, 1) 0%, rgba(212, 212, 212, 1) 100%);
background: linear-gradient(to right, rgba(173, 173, 173, 1) 0%, rgba(212, 212, 212, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#d4d4d4', GradientType=1);

line-height: 35px;
width: 70vw;
display: block;
text-align: center;
height: 35px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
-webkit-box-shadow: 0px 4px 7px -1px rgba(200, 200, 200, 1);
-moz-box-shadow: 0px 4px 7px -1px rgba(200, 200, 200, 1);
box-shadow: 0px 4px 7px -1px rgba(200, 200, 200, 1);
}

.ca23_play_btn_prize_grey img {
width: 20px;
height: auto;
}

.ca23_play_btn_prize_grey a {
text-decoration: none;
}

/* tournament-listing css ends */
/* you-may like section css starts */
.ca23_home_heading_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden !important;
}

.ca23_home_heading {
font-size: 1.5rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
text-align: left;
width: 75%;
float: left;
font-weight: bolder;
margin-left: 4vw;
/* text-transform: uppercase; */
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-transform: none;
margin-bottom: 12px;
}

.white_txt {
color: #FFFFFF !important;
}

/* you-may like section css ends */
/* payment-init-popup css starts */

.ca23_popup_error {
text-align: center;
font-size: .9rem;
color: #ed1c24;
font-family: 'PoppinsMedium';
}

.ca23_close_popup {
position: absolute;
right: 3vw;
top: -10vw;
z-index: 1;
width: 30px;
height: 30px;
}

.ca23_close_popup img {
width: 30px;
height: auto;
}

.ca23_battle_icon_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}

.ca23_battle_icon_wrap .ca23_div1_battle {
float: left;
width: 25%;
}

.ca23_battle_icon_wrap .ca23_div1_battle .ca23_icon_image {
width: 70px;
height: 70px;
position: relative;
margin-left: auto;
margin-right: auto;
}

.ca23_battle_icon_wrap .ca23_div1_battle .ca23_icon_image img {
width: 70px;
height: 70px;
border-radius: 7px;
border: 2px solid rgba(255, 255, 255, 0.4);
}

.ca23_leaderboard_timer_text {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: 1rem;
width: auto;
height: 27px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
line-height: 27px;
padding: 0px 10px 0px 10px;
float: right;
text-align: right;
margin-right: 3vw;
background-color: transparent!important;
}

.ca23_leaderboard_timer_text img {
width: 16px;
height: 16px;
height: auto;
margin-right: 4px;
}

.ca23_battle_icon_wrap .ca23_div2_battle1a {
float: left;
width: 75%;
color: #fff;
font-family: 'Poppins-Bold';
font-size: 1.1rem;
line-height: 70px;
position: absolute;
margin-left: 26vw;
margin-top: 0vw;
}

.ca23_battle_icon_wrap .ca23_div2_battle1 {
float: left;
width: 75%;
color: #fff;
font-family: 'Poppins-Bold';
font-size: 1.3rem;
line-height: 20px;
position: absolute;
margin-left: 26vw;
margin-top: 9.5vw;
}



.ca23_game_pop_text {
font-family: 'PoppinsMedium';
color: #f4f4f4;
font-size: 1rem;
width: 85%;
margin-left: auto;
margin-right: auto;
text-align: center;
line-height: 18px;
}

ul.ca23_share_menu {
width: 100%;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

li.ca23_share_menu {
color: #333;
width: 20vw;
padding: 5px 0px 5px 0px;
float: left;
text-align: center;
background-color: none;
font-weight: normal;
font-family: 'PoppinsMedium';
font-size: 14px;
line-height: 10px;
margin-left: 7px;
}

.ca23_ic_share_text {
text-align: center;
font-size: .8rem;
color: #cccccc;
font-family: 'Poppins-Bold';
padding-top: 10px;
}

.ca23_gamepop_btn {
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: #ed1c24;

line-height: 35px;
width: 80vw;
text-align: center;
height: 35px;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}

.ca23_gamepop_btn img {
width: 15px;
height: auto;
margin: 0px 5px 0px 5px;
}

.ca23_gamepop_btn .status_icon1 {
position: absolute;
right: 5vw;
z-index: 1;
top: 6vw;
}

.icon-center {
right: auto !important;
}

.ca23_load {
display: flex;
justify-content: center;
margin: 0 auto;
}

@keyframes up-and-down {

to {
opacity: 1;
transform: translateY(-10px);

}
}

.ca23_load div {
width: 10px;
height: 10px;
background-color: rgb(64, 255, 146);
border-radius: 50%;
margin: 0 2px;
animation-name: up-and-down;
animation-duration: 0.8s;
animation-iteration-count: infinite;
animation-direction: alternate;
}

.ca23_load .two {
animation-delay: 0.3s;
}

.ca23_load .three {
animation-delay: 0.6s;
}

/* payment-init-popup ends  */

/* square 3d carousel css starts*/

ul.ca23_trending_Block_List2 {
width: 180vh;
overflow: hidden;
height: 88vw;
margin-left: 0px;
}

li.ca23_trending_Block_List2 {
float: left;
list-style-type: none;
width: 86vw;
margin-right: 10px;
}

.ca23_trending_wrap_s {
width: 91vw;
height: 87vw;
border-radius: 15px;
position: relative;
overflow: hidden;
/* margin-left: -67vw; */
}

.ca23_trending_wrap_s .ca23_trending_image_wrap_s {
width: 80vw;
height: 80vw;
border-radius: 15px;
overflow: hidden;
background-color: transparent;
}

.ca23_trending_wrap_s .ca23_trending_image_wrap_s img {
width: 80vw;
height: 80vw;
}

.ca23_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;
}

.ca23_trending_tag img {
width: 27px;
height: auto;
}

.ca23_trending_wrap_s .ca23_trend_gradient_s {
width: 84vw;
height: 86vw;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: -41vw;
left: 2vw;
}

.ca23_trending_wrap_s .ca23_trend_gradient_s img {
width: 84.5vw;
height: auto;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}

.ca23_trending_wrap_s .ca23_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: 5vw;
z-index: 1;
display: flex;
align-items: center;
}

.ca23_trending_wrap_s .ca23_trending_txt_s {
font-family: 'PoppinsMedium';
color: #FFFFFF;
margin-left: 5vw;
}

.ca23_trending_wrap_s .ca23_trending_txt_s {
font-family: 'PoppinsMedium';
color: #FFFFFF;
margin-left: 6vw;
/*Added on 23 march 2023*/
}

.ca23_trending_wrap_s .ca23_trending_txt_s .ca23_text1 {
font-family: 'Poppins-Bold';
font-size: 1.8rem;
/*Added on 23 march 2023*/
}

.ca23_trending_wrap_s .ca23_trending_txt_s .ca23_text2 {
font-family: 'Poppins-Bold';
/*Added on 23 march 2023*/
font-size: 1.3rem;
/*Added on 23 march 2023*/
line-height: 23px;
width: 58vw;
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-start;
display: none !important;
/*Added on 16 June 2023*/
}

.ca23_trending_wrap_s .ca23_trending_txt_s .ca23_text2 img {
width: 15px;
height: auto;
}

.ca23_trending_wrap_s .ca23_trending_txt_s .ca23_text3 {
font-family: 'PoppinsMedium';
font-size: .9rem;
line-height: 14px;
width: 58vw;
color: rgba(255, 255, 255, 1);
height: auto;
}

.ca23_trending_wrap_s .ca23_trending_txt_s .ca23_pricebtn {
font-family: 'PoppinsMedium';
font-size: .8rem;
line-height: 18px;
width: auto;
color: rgba(255, 255, 255, 0.70);
border: 1px solid rgba(255, 255, 255, 0.70);
height: 18px;
text-align: center;
border-radius: 30px;
margin: 3px 0px 3px 0px;
width: 30vw;

}

.ca23_trending_wrap_s .ca23_trend_like1 {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: 1.2rem;
position: absolute;
right: 18px;
top: 50px;
z-index: 1;
width: auto;
min-width: 60px;
height: 45px;
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: 3px 10px 0px 10px;
background-image: url("../image/promo_banner/promo_orange_tag.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 45px;
}

.ca23_trending_wrap_s .ca23_trend_like1 img {
width: 20px;
height: auto;
margin-left: 3px;
}


.ca23_trending_wrap_s .ca23_trend_like {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: 1.2rem;
position: absolute;
right: 18px;
top: 50px;
z-index: 1;
width: auto;
min-width: 60px;
height: 45px;
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: 3px 10px 0px 10px;
background-image: url("../image/promo_banner/promo_red_tag.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 45px;
}


.ca23_trending_wrap_s .ca23_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;
}


.ca23_trending_wrap_s .ca23_more_icon {
position: absolute;
right: 15vw;
top: 10vw;
z-index: 2;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
background-color: rgba(0, 0, 0, 0.50);
border-radius: 50%;
}

.ca23_trending_wrap_s .ca23_more_icon img {
width: 20px;
height: auto;
}


.ca23_trending_wrap_s .ca23_thumbnail_icon {
position: absolute;
left: 6vw;
bottom: 25vw;
z-index: 1;
width: 18vw;
height: 18vw;
display: flex;
align-items: center;
justify-content: center;
display: none;
/*Added on 23 march 2023*/
}

.ca23_trending_wrap_s .ca23_thumbnail_icon img {
width: 18vw;
height: 18vw;
border-radius: 10px;
}



.ca23_trending_wrap_s .ca23_timer_icon_wrap {
position: absolute;
bottom: 5vw;
z-index: 1;
width: 100%;
height: auto;
}

.ca23_trending_wrap_s .ca23_timer_icon_wrap .ca23_timer_icon {
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.30);
text-align: center;
color: #FFFFFF;
font-size: 1rem;
width: 30vw;
height: 8vw;
border-radius: 50px;
margin-left: auto;
margin-right: auto;
}

.ca23_trending_wrap_s .ca23_timer_icon_wrap .ca23_timer_icon img {
width: 15px;
height: auto;
margin-right: 4px;
margin-top: -2px;
}

.ca23_trending2_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: 7vw;
top: 6vw;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
display: none !important;
}

.ca23_trending2_tag img {
width: 32px;
height: auto;
}

.ca23_line_navigation {
line-height: 30px;
margin-top: -15px;
text-decoration: none;
margin: 0 auto;
width: 100%;
text-align: center;
}

.ca23_line_navigation img {
width: 11vw;
height: auto;
}

/* square 3d carousel css ends  */


/* must try starts */


ul.ca23_musttry_Block_List1 {
width: 180vh;
overflow: hidden;
height: 40vw;
margin-left: 5vw;
}

li.ca23_musttry_Block_List1 {
float: left;
list-style-type: none;
width: 27.8vw;
margin-right: 10px;
}

.ca23_musttry_wrap {
width: 27.8vw;
height: 40vw;
border-radius: 15px;
position: relative;
overflow: hidden;
margin-left: 5vw;
}

.ca23_musttry_wrap .ca23_musttry_image_wrap {
width: 27.8vw;
height: 27.8vw;
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);
}

.ca23_musttry_wrap .ca23_musttry_image_wrap img {
width: 27.8vw;
height: 27.8vw;

}



.ca23_musttry_wrap .ca23_musttry_text_wrap {
width: 27.8vw;
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;
}

.ca23_musttry_wrap .ca23_musttry_txt {
font-family: 'PoppinsMedium';
color: #f4f4f4;
display: table-row-group;
text-align: left;
width: 100%;
}

.ca23_musttry_wrap .ca23_musttry_txt .ca23_text2 {
font-family: 'PoppinsMedium';
font-size: 1rem;
flex-direction: row;
text-align: center;
align-items: flex-start;
width: 100%;
margin-top: -5px;

}

.ca23_musttry_wrap .ca23_musttry_txt .ca23_text2 img {
width: 15px !important;
height: auto;
margin-left: 3px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.ca23_musttry_wrap .ca23_musttry_txt .ca23_text3 {
font-family: 'PoppinsRegular';
font-size: 1.2rem;
margin-top: 5px;

}

.ca23_musttry_wrap .ca23_musttry_txt .ca23_text1 {
font-family: 'PoppinsRegular';
font-size: .7rem;
margin-top: 5px;
}

.ca23_musttry_wrap .ca23_musttry_like {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 1);
font-size: .8rem;
position: absolute;
right: 0vw;
top: 10px;
z-index: 1;
width: 40px;
height: 20px;
background-color: #66cc00;
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;
}

.ca23_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;
}

.ca23_musttry_tag img {
width: 27px;
height: auto;
}


.ca23_musttry_wrap4 .ca23_more_icon {
position: absolute;
right: 2vw;
top: 5px;
z-index: 1;
width: 10px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_musttry_wrap4 .ca23_more_icon img {
width: 4px;
height: auto;
}

.ca23_musttry_wrap4 {
width: 29vw;
height: 40vw;
border-radius: 15px;
position: relative;
overflow: hidden;
margin-left: 0vw;
margin-bottom: 5vw;

}

.ca23_musttry_wrap4 .ca23_trend_gradient_s {
width: 27vw;
height: 27vw;
overflow: hidden;


position: absolute;
z-index: 0;
opacity: 1;
bottom: 13vw;
opacity: 0.2;
-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 */

border-radius: 15px;
}

.ca23_musttry_wrap4 .ca23_musttry_image_wrap {
width: 29vw;
height: 29vw;
border-radius: 15px;
overflow: hidden;
}

.ca23_musttry_wrap4 .ca23_musttry_image_wrap img {
width: 27vw;
height: 27vw;
-webkit-box-shadow: 1px 1px 10px -2px rgba(51, 182, 218, 1);
-moz-box-shadow: 1px 1px 10px -2px rgba(51, 182, 218, 1);
box-shadow: 1px 1px 10px -2px rgba(51, 182, 218, 1);
border-radius: 15px;
}

.ca23_musttry_wrap4 .ca23_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: #3e55f0;
background: -moz-linear-gradient(top, #3e55f0 0%, #1d74f4 100%);
background: -webkit-linear-gradient(top, #3e55f0 0%, #1d74f4 100%);
background: linear-gradient(to bottom, #3e55f0 0%, #1d74f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e55f0', endColorstr='#1d74f4', GradientType=0);
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;
border-radius: 15px;
}



.ca23_musttry_wrap4 .ca23_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;
}

.ca23_musttry_wrap4 .ca23_musttry_txt {
font-family: 'PoppinsMedium';
color: #f4f4f4;
display: table-row-group;
text-align: left;
width: 100%;
}

.ca23_musttry_wrap4 .ca23_musttry_txt .ca23_text2 {
font-family: 'PoppinsRegular';
font-size: 1rem;
flex-direction: row;
text-align: left;
align-items: flex-start;
width: 100%;
margin-top: -2px;
color: #cccccc;
display: inline-flex;
}

.ca23_musttry_wrap4 .ca23_musttry_txt .ca23_text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.ca23_musttry_wrap4 .ca23_musttry_txt .ca23_text1 {
font-family: 'PoppinsMedium';
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;
}

.ca23_musttry_wrap4 .ca23_musttry_like {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 1);
font-size: .9rem;
position: absolute;
right: 2vw;
top: 10px;
z-index: 1;
width: 40px;
height: 20px;
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;
background-image: url("../image/promo_banner/promo_green_tag.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 45px;
}


.ca23_musttry_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: -8px;
top: -2px;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
}

.ca23_musttry_tag img {
width: 27px;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}


ul.ca23_musttry_Block_List2 {
width: 180vh;
overflow: hidden;
height: 60vw;
margin-left: 5vw;
}

li.ca23_musttry_Block_List2 {
float: left;
list-style-type: none;
width: 43.8vw;
margin-right: 5px;
}


.ca23_musttry_wrap2 .ca23_more_icon_bg img {
width: 50px;
height: auto;
border-radius: 0px 0px 0px 20px;
-moz-border-radius: 0px 0px 0px 20px;
-webkit-border-radius: 0px 0px 0px 20px;
}


.ca23_musttry_wrap2 .ca23_more_icon {
position: absolute;
left: 2vw;
bottom: 12.5vw;
/*Added on 16 June 2023*/
z-index: 2;
width: 35px;
height: 35px;
background-color: rgba(0, 0, 0, 0.20);
/*For VIL - added on 08 March 2023*/
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;

}

.ca23_musttry_wrap2 .ca23_more_icon img {
width: 20px;
height: auto;
}


.ca23_musttry_wrap2 .ca23_timer_text {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 1);
font-size: .9rem;
position: absolute;
right: 5vw;
top: 3vw;
z-index: 1;
width: auto;
height: 22px;
background-color: #ff3300;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
text-align: center;
padding: 0px 10px 0px 10px;
line-height: 22px;
font-weight: bolder;
display: none;
}

.ca23_musttry_wrap2 .ca23_live_text {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 1);
font-size: 1rem;
position: absolute;
right: 2vw;
bottom: 40vw;
z-index: 1;
width: auto;
height: 27px;
background-color: rgba(255, 0, 0, 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;
padding: 0px 10px 0px 10px;
}


.ca23_musttry_wrap2 {
width: 45vw;
height: 54vw;
/*Added on 16 June 2023*/
border-radius: 15px;
position: relative;
overflow: hidden;
margin-left: 5vw;
}

.ca23_musttry_wrap2 .ca23_trend_gradient_s {
width: 41vw;
height: 42vw;
overflow: hidden;


position: absolute;
z-index: 0;
opacity: 1;
bottom: 20vw;
opacity: 0.5;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 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 */


}

.ca23_musttry_wrap2 .ca23_musttry_image_wrap {
width: 45vw;
height: 45vw;
border-radius: 15px;
overflow: hidden;
}

.ca23_musttry_wrap2 .ca23_musttry_image_wrap img {
width: 43vw;
height: 43vw;
/* -webkit-box-shadow: 1px 1px 10px -2px #33b6da; */
/*For VIL  - added on 08 March 2023*/
-moz-box-shadow: 1px 1px 10px -2px #33b6da;
/* box-shadow: 1px 1px 10px -2px #33b6da; */
/*For VIL - added on 08 March 2023*/
border-radius: 26px;
}

.ca23_musttry_wrap2 .ca23_musttry_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: -5px;
top: -3px;
/*For VIL - added on 08 March 2023*/
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
}

.ca23_musttry_wrap2 .ca23_musttry_tag img {
width: 27px;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}

.ca23_musttry_wrap2 .ca23_musttry_gradient {
width: 41.5vw;
height: 38.5vw;
overflow: hidden;

position: absolute;
z-index: 0;
opacity: 1;
bottom: 20vw;
left: 1vw;
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;
border-radius: 15px;
}



.ca23_musttry_wrap2 .ca23_musttry_text_wrap {
width: 43vw;
height: 17vw;
-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;
margin-top: 5px;
}

.ca23_musttry_wrap2 .ca23_musttry_txt {
font-family: 'PoppinsMedium';
color: #f4f4f4;
display: table-row-group;
text-align: left;
width: 100%;
}

.ca23_musttry_wrap2 .ca23_musttry_txt .ca23_text2 {
font-family: 'PoppinsRegular';
font-size: 1.2rem !important;
/*Added on 16 June 2023*/
flex-direction: row;
text-align: left;
align-items: flex-start;
width: 100%;
margin-top: -2px;
color: #FFFFFF;
display: inline-flex;
}

.ca23_musttry_wrap2 .ca23_musttry_txt .ca23_text2 img {
width: 19px;
/*Added on 16 June 2023*/
height: auto;
margin-left: 0px;
}

.ca23_musttry_wrap2 .ca23_musttry_txt .ca23_text1 {
font-family: 'PoppinsMedium';
font-size: 1.3rem;
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;
display: none !important;
/*Added on 16 June 2023*/
color: #CCCCCC;
}

.ca23_musttry_wrap2 .ca23_musttry_like {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 1);
font-size: .9rem;
position: absolute;
right: 2vw;
top: 15px;
z-index: 1;
width: 40px;
height: 20px;
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;
background-image: url("../image/promo_banner/promo_green_tag.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 45px;
}

.ca23_musttry_wrap2 .ca23_musttry_like2 {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 1);
font-size: .9rem;
position: absolute;
right: 2vw;
top: 15px;
z-index: 1;
width: 40px;
height: 20px;
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;
background-image: url("../image/promo_banner/promo_red_tag.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 45px;
}

.ca23_musttry_wrap2 .ca23_musttry_like1 {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: 1rem;
position: absolute;
right: 5px;
top: 10vw;
z-index: 1;
width: auto;
min-width: 60px;
height: 35px;
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: 3px 10px 0px 10px;
background-image: url("../image/promo_banner/pomo_bg_orange.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 35px;
display: none !important;
}

.ca23_musttry_wrap2 .ca23_musttry_like1 img {
width: 14px;
height: auto;
margin-right: 3px;
margin-left: 3px;
}


.ca23_musttry_wrap3 .ca23_more_icon {
position: absolute;
right: 3vw;
bottom: 20vw;
z-index: 2;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_musttry_wrap3 .ca23_more_icon img {
width: 25px;
height: auto;
}

.ca23_musttry_wrap3 .ca23_timer_text {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 1);
font-size: 1rem;
position: absolute;
left: .3vw;
bottom: 20vw;
z-index: 1;
width: auto;
height: 27px;
background-color: rgba(255, 0, 0, 0.90);
display: flex;
align-items: center;
justify-content: center;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-rightleft: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
text-align: center;
padding: 0px 10px 0px 10px;
}

.ca23_musttry_wrap3 .ca23_live_text {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 1);
font-size: 1rem;
position: absolute;
right: 2vw;
bottom: 36vw;
z-index: 1;
width: auto;
height: 27px;
background-color: rgba(255, 0, 0, 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;
padding: 0px 10px 0px 10px;
}

.ca23_musttry_wrap3 {
width: 43vw;
height: 56vw;
position: relative;
overflow: hidden;
margin-left: 10vw;
}


.ca23_musttry_wrap3 .ca23_musttry_image_wrap {
width: 43vw;
height: 43vw;
border-radius: 15px;
overflow: hidden;
}

.ca23_musttry_wrap3 .ca23_musttry_image_wrap img {
width: 40vw;
height: 40vw;
-webkit-box-shadow: 0px 0px 10px 0px rgba(6, 171, 254, 1);
-moz-box-shadow: 0px 0px 10px 0px rgba(6, 171, 254, 1);
box-shadow: 0px 0px 10px 0px rgba(6, 171, 254, 1);
border-radius: 20px;
margin-left: 1vw;
}




.ca23_musttry_wrap3 .ca23_musttry_text_wrap {
width: 43vw;
height: 17vw;
overflow: hidden;
margin-left: 5px;
margin-top: 5px;
}

.ca23_musttry_wrap3 .ca23_musttry_txt {
font-family: 'PoppinsMedium';
color: #FFFFFF;
display: table-row-group;
text-align: left;
width: 100%;
}

.ca23_musttry_wrap3 .ca23_musttry_txt .ca23_text2 {
font-family: 'PoppinsRegular';
font-size: 1rem !important;
flex-direction: row;
text-align: left;
align-items: flex-start;
width: 100%;
margin-top: -2px;
color: #FFFFFF;
display: inline-flex;
}

.ca23_musttry_wrap3 .ca23_musttry_txt .ca23_text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.ca23_musttry_wrap3 .ca23_musttry_txt .ca23_text1 {
font-family: 'PoppinsMedium';
font-size: 1.3rem;
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;
}

.ca23_musttry_wrap3 .ca23_musttry_like1 {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 1);
font-size: .9rem;
position: absolute;
right: 2vw;
top: 15px;
z-index: 1;
width: 50px;
height: 25px;
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;
background-image: url("../image/promo_banner/promo_orange_tag.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 45px;
}

.ca23_musttry_wrap3 .ca23_musttry_like1 img {
width: 12px;
height: auto;
margin-right: 3px;
}


.ca23_musttry_wrap3 .ca23_musttry_like {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 1);
font-size: .8rem;
position: absolute;
right: .8vw;
top: 15px;
z-index: 1;
width: 40px;
height: 20px;
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;
background-image: url("../image/promo_banner/promo_orange_tag.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 45px;
}

.ca23_musttry_wrap3 .ca23_musttry_like img {
width: 12px;
height: auto;
margin-left: 3px;
}

/* must try ends */

/* overall leaderboard css starts */
::selection {
-webkit-tap-highlight-color: rgba(200, 200, 200, 0.1);
}

nav li {
position: relative;
z-index: 1;
display: block;
margin: 0;
text-align: center;
flex: 1;
padding: 2px;
}

nav li a {
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 2.5;
padding: 1em 0;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
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: #ededed;
background: rgb(60, 62, 85);
/* Old browsers */
background: #464545;
/* IE6-9 */

border-radius: 7px;
}

nav li img {
width: 45px;
height: 38px;
float: right;
}

nav li.image {
display: contents;
}

.ca23_submenu_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: transparent;
height: 50px;
overflow-x: hidden;
}

.ca23_submenu_wrap .ca23_back_bt {
float: left;
width: 40px;
height: 40px;
text-align: left;
margin-left: 13px;
margin-top: 10px;
margin-right: 10px;
}

.ca23_submenu_wrap .ca23_back_bt img {
width: 30px;
height: auto;
}

.ca23_submenu_wrap_container {
height: 40px;
margin-left: 40px;
width: auto;
margin-top: -35px;
float: left;
}

ul.ca23_SportsBlock_List6 {
width: 180vw;
overflow: hidden;
/* height: 150px; */
margin-left: 10px;
width: max-content;
}

li.ca23_SportsBlock_List6 {
float: left;
list-style-type: none;
width: auto;
margin-right: 7px;
font-size: 1.2rem;
color: rgba(255, 255, 255, 0.60);
padding: 0px 5px 0px 5px;
line-height: 20px;
font-family: 'PoppinsMedium';
font-weight: bolder;
text-transform: capitalize;
}

li.ca23_SportsBlock_List6.select {
color: #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

.date_month_wrap {
width: 90vw;
height: auto;
padding: 15px 0px 15px 0px;
border-radius: 15px;
background-color: #272838;
margin-left: auto;
margin-right: auto;
overflow-x: hidden;
}

.ca23_leader_calender_wrap {
width: 95%;
height: 55px;
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;
overflow: hidden;
margin-left: 5px;
}

.ca23_leader_calender_wrap.seasonal {
width: 200%;
overflow-y: hidden;
/* height: auto!important;		 */
width: max-content;
}

.ca23_date_single_wrap {
background-color: rgba(255, 255, 255, 0.05);
width: 11vw;
height: 40px;
border-radius: 7px;
margin-top: 8px;
display: inline-flex;
margin: 7px 3px 5px 3px;
background: #434354;
padding: 4px;
}

.ca23_date_single_wrap.weekly {
width: 24vw !important;
height: 40px;
margin-left: 5px;
}

.ca23_date_single_wrap.right {
float: right !important;
margin-right: 5px;
}


.ca23_date_single_wrap.select {
background-color: #000000;
}

.ca23_date_single_wrap .left_space {
width: 2.5vw;
font-family: 'PoppinsMedium';
height: 30px;
/* useless */
text-transform: uppercase;
color: #FFFFFF !important;
text-align: center;
font-size: .8rem;
float: right;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-top: 5px;
}

.ca23_date_single_wrap .left_space_weekly {
width: 4vw;
font-family: 'PoppinsMedium';
height: 30px;
/* useless */
text-transform: uppercase;
color: #FFFFFF !important;
text-align: center;
font-size: .8rem;
float: right;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-top: 5px;
margin-right: 2px;
}

.ca23_date_single_wrap .right_space {
width: 6.5vw;
float: right;
}

.ca23_date_single_wrap .right_space .div1 {
color: #FFFFFF !important;
text-align: center;
font-size: .9rem;
font-family: 'PoppinsMedium';
margin-top: 3px;
text-transform: uppercase;
margin-left: 2px;
}

.ca23_date_single_wrap .right_space .div2 {
color: #FFFFFF !important;
text-align: center;
font-size: 1.2rem;
font-family: 'Poppins-Bold';
}

.ca23_date_single_wrap .ca23_weekly_divider_white {
float: left;
border-left: 1px solid #FFFFFF;
width: 1px;
height: 40px;
margin-top: 0px 4px 0px 3px;
}

.ca23_overall_card_header {
width: 94%;
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.25rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}

.ca23_overall_card_header img {
width: 30px;
height: auto;
/* border: 1px solid rgba(255,255,255,0.5); */
/* border-radius: 50%; */
}

.ca23_overall_card_header img .item {
border: 1px solid rgba(255, 255, 255, 0.5);
}

.ca23_overall_live_wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
width: 95%;
}

.ca23_leaderboard_timer_text3 {
font-family: 'PoppinsMedium';
color: #272838;
font-size: .9rem;

width: auto;
height: 23px;
background-color: #dfe0e0;
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;
}

.ca23_leaderboard_timer_text3 img {
width: 13px;
height: auto;
margin-right: 4px;
}

.ca23_overall_live {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: .9rem;
width: auto;
height: 23px;
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: uppercase;
}

.ca23_leaderboard_contestant_mainwrap1 {
width: 100%;
text-align: center;
top: 50vw;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_winner_pondium_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}

.ca23_winner_pondium_wrap .ca23_div_winner {
width: 33.3%;
float: left;
}

.ca23_leader_prize_box_wrap1 {
width: 100%;
height: 66px;
margin-left: auto;
margin-right: auto;
position: relative;
}


.ca23_leader_prize_box_wrap1 .ca23_prize_image_wrap {
width: 100%;
text-align: center;
position: absolute;
margin-top: -60px;
position: relative;
}

.ca23_leader_prize_box_wrap1 .ca23_prize_image_wrap .ca23_image_div .rank1 {
width: 25px;
height: 25px;
color: #FFFFFF;
font-family: 'PoppinsMedium';
font-size: 1rem;
position: absolute;
right: -17px;
top: 6px;
border-radius: 50%;
border: 2px solid #FFFFFF;
line-height: 25px;
background: #9f7a34;
}

.ca23_leader_prize_box_wrap1 .ca23_prize_image_wrap .ca23_image_div {
width: 65px;
height: 65px;
margin-left: auto;
margin-right: auto;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
background-size: cover;
position: relative;
}

.ca23_leader_prize_box_wrap1 .ca23_prize_image_wrap .ca23_image_div img {
width: 70px;
height: 70px;
border-radius: 50%;
}

.ca23_second_contestant_border {
border: 4px solid #a5c6ec;
}

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

.ca23_prize_text_wrap .ca23_pize_txt2 {
text-align: center;
color: #FFFFFF;
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;
}

.ca23_prize_text_wrap .ca23_pize_txt3 {
text-align: center;
color: #FFFFFF;
font-size: 1rem;
font-family: 'Poppins-Bold';
width: 100%;
/* text-overflow: ellipsis; */
/* display: -webkit-box; */
/* -webkit-line-clamp: 1; */
/* -webkit-box-orient: vertical; */
/* word-break: break-all; */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}


.ca23_prize_text_wrap .ca23_pize_txt3 img {
width: 14px;
height: auto;
/* margin: 3px; */
}

.ca23_leader_prize_box_wrap {
width: 80%;
height: 100px;
margin-left: auto;
margin-right: auto;
position: relative;
background-image: url(../image/crown_ic_bottom.png);
background-position: center;
background-size: cover;
}

.ca23_leader_prize_box_wrap .ca23_prize_image_wrap {
width: 100%;
text-align: center;
position: absolute;
margin-top: -70px;
}

.ca23_leader_prize_box_wrap .ca23_prize_image_wrap .ca23_image_div .rank2 {
width: 25px;
height: 25px;
color: #eeb903;
font-family: 'Poppins-Bold';
font-size: 1.4rem;
position: absolute;
right: -7px;
top: 60px;
border-radius: 50%;
border: 1px solid #50516c;
line-height: 18px;
background: #000000;
}

.ca23_leader_prize_box_wrap .ca23_prize_image_wrap .ca23_image_div {
width: 90px;
height: 90px;
margin-left: auto;
margin-right: auto;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
background-size: cover;
border: 3px solid #eeb903;
position: relative;
}

.ca23_leader_prize_box_wrap .ca23_prize_image_wrap .ca23_image_div img {
width: 90px;
height: 90px;
border-radius: 50%;
}

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

.ca23_leader_prize_box_wrap .ca23_crown_image_wrap .ca23_crown_image_div img {
width: 45px;
height: 45px;
margin-left: -44px;
margin-top: 4px;
}

.ca23_first_contestant_border {
border: 4px solid #c3b699;
}

.ca23_leader_prize_box_wrap2 {
width: 100%;
height: 10px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.ca23_leader_prize_box_wrap2 .ca23_prize_image_wrap {
width: 100%;
text-align: center;
position: absolute;
margin-top: -60px;
}

.ca23_leader_prize_box_wrap2 .ca23_prize_image_wrap .ca23_image_div .rank3 {
width: 25px;
height: 25px;
color: #FFFFFF;
font-family: 'PoppinsMedium';
font-size: 1rem;
position: absolute;
right: -17px;
top: 10px;
border-radius: 50%;
border: 2px solid #FFFFFF;
line-height: 25px;
background: #c0c0c0;
}

.ca23_leader_prize_box_wrap2 .ca23_prize_image_wrap .ca23_image_div {
width: 70px;
height: 70px;
margin-left: auto;
margin-right: auto;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
background-size: cover;
position: relative;
}

.ca23_leader_prize_box_wrap2 .ca23_prize_image_wrap .ca23_image_div img {
width: 70px;
height: 70px;
border-radius: 50%;

}

.ca23_third_contestant_border {
border: 4px solid #fae5e3;
}

.ca23_month_single_wrap {
background-color: rgba(255, 255, 255, 0.05);
width: 20vw;
height: 40px;
border-radius: 7px;
margin-top: 8px;
display: inline-flex;
margin: 7px 3px 5px 3px;
color: #FFFFFF;
text-align: center !important;
font-size: 1rem;
text-transform: uppercase;
line-height: 40px;
background: rgba(154, 154, 154, 1);
background: -moz-linear-gradient(top, rgba(154, 154, 154, 1) 0%, rgba(134, 133, 133, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(154, 154, 154, 1)), color-stop(100%, rgba(134, 133, 133, 1)));
background: -webkit-linear-gradient(top, rgba(154, 154, 154, 1) 0%, rgba(134, 133, 133, 1) 100%);
background: -o-linear-gradient(top, rgba(154, 154, 154, 1) 0%, rgba(134, 133, 133, 1) 100%);
background: -ms-linear-gradient(top, rgba(154, 154, 154, 1) 0%, rgba(134, 133, 133, 1) 100%);
background: linear-gradient(to bottom, rgba(154, 154, 154, 1) 0%, rgba(134, 133, 133, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a', endColorstr='#868585', GradientType=0);
}

.ca23_month_single_wrap.select {
background: rgba(61, 85, 240, 1) !important;
background: -moz-linear-gradient(left, rgba(61, 85, 240, 1) 0%, rgba(26, 117, 244, 1) 100%) !important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(61, 85, 240, 1)), color-stop(100%, rgba(26, 117, 244, 1))) !important;
background: -webkit-linear-gradient(left, rgba(61, 85, 240, 1) 0%, rgba(26, 117, 244, 1) 100%) !important;
background: -o-linear-gradient(left, rgba(61, 85, 240, 1) 0%, rgba(26, 117, 244, 1) 100%) !important;
background: -ms-linear-gradient(left, rgba(61, 85, 240, 1) 0%, rgba(26, 117, 244, 1) 100%) !important;
background: linear-gradient(to right, rgba(61, 85, 240, 1) 0%, rgba(26, 117, 244, 1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d55f0', endColorstr='#1a75f4', GradientType=1);
}

.leaderboard_scroll {
overflow-y: scroll;
max-height: 370px;
;
}

.leaderboard_scroll1 {
overflow-y: scroll;
max-height: 300px;
;
}

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

.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
}

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

.ca23_empty_leaderboard_image img {
width: 60vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ca23_empty_leaderboard_text {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: 1rem;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.ca23_empty_leaderboard_remind_btn {
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.2rem;
width: 60vw;
height: 30px;
background-color: #ed1c24;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
line-height: 30px;
text-align: center;
padding: 0px 10px 0px 10px;
text-align: right;
margin-right: 0vw;
margin-left: auto;
margin-right: auto;
}

.ca23_empty_leaderboard_remind_btn img {
width: 15px;
height: 15px;
opacity: 60%;
}

.ca23_empty_leaderboard_remind_text {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: 1rem;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* overall leaderboard css ends */

/* mcwui css ends */

/* menu items -start	 */

.ca23_explore_tag_selection_menu_wrap {
width: 100vw;
padding: 0;
background-color: transparent;
margin: 0 auto;
overflow: auto;
overflow-y: hidden;
height: auto;
}

.ca23_explore_tag_select_main_menu {
overflow: hidden;
white-space: nowrap;
background-color: transparent;
font-family: 'PoppinsMedium';
margin-left: 1vw;
font-weight: 700;
padding: 0 10px 0 10px;
}

.ca23_explore_tag_select_main_menu a {
display: inline-block;
color: #000;
text-align: center;
text-decoration: none;
margin: 2px 3px 2px 3px;
cursor: pointer;
}


.ca23_explore_outline_btn {
background: #fff;
border-radius: 7px;
padding: 0 15px;
text-decoration: none;
font-size: 1rem;
font-family: 'PoppinsRegular';
display: inline;

display: inline-flex;
height: 38px !important;
align-items: center;
width: auto;
margin: 10px 0 10px;
position: relative;
border: 0;
color: #fff;
}

.ca23_explore_outline_btn {
border: none;
background-color: #db286d;
color: #fff;
box-shadow: -3px 4px 10px -4px rgba(219, 40, 109, 1);
-webkit-box-shadow: -3px 4px 10px -4px rgba(219, 40, 109, 1);
-moz-box-shadow: -3px 4px 10px -4px rgba(219, 40, 109, 1);
}

.ca23_explore_outline_btn .select {
width: 92%;
height: 3px;
background-color: #db286d;
position: absolute;
z-index: 999;
top: 12vw;
left: 1vw;
box-shadow: -3px 4px 10px -4px rgba(219, 40, 109, 1);
-webkit-box-shadow: -3px 4px 10px -4px rgba(219, 40, 109, 1);
-moz-box-shadow: -3px 4px 10px -4px rgba(219, 40, 109, 1);
}

.ca23_explore_outline_btn img {
width: 18px;
height: 18px;
margin-right: 5px;
display: none;
/*modified on 13 April 2023*/
}

.ca23_explore_outline_btn.brown_bg {
border: none;
background-color: #e09010;
color: #fff;
box-shadow: -3px 4px 10px -4px rgba(224, 144, 16, 1);
-webkit-box-shadow: -3px 4px 10px -4px rgba(224, 144, 16, 1);
-moz-box-shadow: -3px 4px 10px -4px rgba(224, 144, 16, 1);
}

/* menu items -end	 */

/* profile css starts */
div.white_bg {
background-color: #000000 !important;
}

.ca23_profile_pg_img_wrap {
position: relative;
}


.ca23_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;

}

.ca23_profile_pg_img_wrap .bg_image img {
width: 100%;
height: 37vw;
-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;
}


.ca23_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;
}

.ca23_profile_pg_img_wrap .ca23_profile_heading {
z-index: 1;
width: 100%;
text-align: center;
color: #f4f4f4;
font-size: 1.8rem;
font-family: 'Poppins-Bold';
}

.ca23_profile_pg_img_wrap .ca23_profile_subheading {
z-index: 1;
width: 100%;
text-align: center;
color: #F4F4F4;
font-family: 'PoppinsMedium';
font-size: 1rem;
}

.ca23_profile_pg_img_wrap .ca23_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%;
}

.ca23_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%;
}

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

.ca23_profile_pg_img_wrap .countdown_image1 img {
width: 90px;
height: auto;
}

.ca23_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;
}

.ca23_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%;
}

.ca23_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: uppercase;
}

.ca23_profile_pg_img_wrap .leader_replay a {
color: #fff;
text-decoration: underline;
}

.ca23_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;
}

.ca23_profile_pg_img_wrap .leader_timer {
width: 48%;
color: #fff;
font-family: 'PoppinsMedium';
margin-top: 3px;
text-align: center;
margin-right: 2%;
}


.ca23_profile_pg_img_wrap .leader_timer strong {
font-family: 'Poppins-Bold';
}


.ca23_profile_pg_img_wrap .leader_btn {
width: 48%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.ca23_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;
}

.ca23_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%;
}

.ca23_profile_pg_img_wrap .leader_best_score strong {
font-family: 'Poppins-Bold';
font-size: 1.3rem;
}

.ca23_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%;
}

.ca23_profile_pg_img_wrap .leader_current_score strong {
font-family: 'Poppins-Bold';
font-size: 1.3rem;
}

.ca23_profile_pg_img_wrap .timer_ic {
display: flex;

}

.ca23_profile_pg_img_wrap .timer_ic img {
width: auto;
height: 13px;
margin-top: 2px;
margin-right: 3px;
}

.camera_image {
position: absolute;
z-index: 3;
width: 100%;
text-align: center;
margin-top: 37%;
overflow: hidden;
margin-left: 10%;
}

.camera_image img {
width: 40px;
height: auto;
}


.ca23_profile_img_wrap {
position: absolute;
z-index: 1;
width: 100%;
text-align: center;
margin-top: 17%;
overflow: hidden;
}

.ca23_profile_pg_img_wrap .profile_img {
text-align: center;
margin-top: 0%;
overflow: hidden;
width: 120px;
height: 120px;
border-radius: 50%;
background: #434676;
margin-left: auto;
margin-right: auto;
}

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

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

.ca23_profile_pg_img_wrap .back_btn img {}

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

.ca23_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';
}

.ca23_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: 8px;
}

.ca23_profile_pg_img_wrap .edit_txt a {
color: #fff;
font-family: 'PoppinsMedium';
font-weight: bolder;
text-decoration: underline;
}

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

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

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

.ca23_profile_page_btn {
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: 100%;
height: 60px;
text-align: left;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_profile_page_btn_new {
border-radius: 5px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';

line-height: 24px;
width: 90vw;
display: block;
text-align: center;
height: 30px;
background-color: #ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-weight: bolder;
}

.ca23_profile_page_btn.align_left {
justify-content: flex-start !important;
}

.ca23_profile_page_btn.right_border {
-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;
background-color: #272838 !important;
color: #f4f4f4 !important;
-webkit-box-shadow: 1px 3px 0px 0px #82828b;
-moz-box-shadow: 1px 4px 0px 0px #82828b;
box-shadow: 1px 4px 0px 0px #82828b;
border: 1px solid #82828b;
}

.ca23_profile_page_btn.left_border {
-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;
background-color: #272838 !important;
color: #f4f4f4 !important;
-webkit-box-shadow: 1px 3px 0px 0px #82828b;
-moz-box-shadow: 1px 4px 0px 0px #82828b;
box-shadow: 1px 4px 0px 0px #82828b;
border: 1px solid #82828b;
}

.ca23_profile_page_btn.left_border_full {
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
background-color: #2ecc71 !important;
color: #FFFFFF !important;
-webkit-box-shadow: 1px 5px 0px 0px rgba(29, 170, 90, 1);
-moz-box-shadow: 1px 5px 0px 0px rgba(29, 170, 90, 1);
box-shadow: 1px 5px 0px 0px rgba(29, 170, 90, 1);
}

.ca23_profile_page_btn.right_border_full {
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
background-color: #f1c40f !important;
color: #FFFFFF !important;
-webkit-box-shadow: 1px 5px 0px 0px rgba(207, 169, 15, 1);
-moz-box-shadow: 1px 5px 0px 0px rgba(207, 169, 15, 1);
box-shadow: 1px 5px 0px 0px rgba(207, 169, 15, 1);

}

.ca23_profile_page_btn img {
width: 33px;
height: auto;
margin-right: 10px;
margin-left: 10px;
padding-top: 8px;
}

.ca23_profile_page_btn h2 {
text-decoration: none;
font-size: 1.6rem;
font-family: 'PoppinsMedium';
font-weight: bolder;
}

.ca23_profile_page_leader_btn {
border-radius: 10px;
color: #FFFFFF;
text-decoration: none;
font-size: 1rem;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';
font-weight: bolder;
background-color: #0fbaf1;
text-transform: capitalize;
line-height: 18px;
width: 100%;
height: 60px;
text-align: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
-webkit-box-shadow: 1px 5px 0px 0px rgba(7, 164, 216, 1);
-moz-box-shadow: 1px 5px 0px 0px rgba(7, 164, 216, 1);
box-shadow: 1px 5px 0px 0px rgba(7, 164, 216, 1);
}

.ca23_profile_page_leader_btn.cash {
background-color: #2ecc71;
box-shadow: 1px 5px 0px 0px rgb(29 170 90);
}

.ca23_profile_page_leader_btn.coin {
background-color: #f1c40f;
box-shadow: 1px 5px 0px 0px rgb(207 169 15);
}

.ca23_profile_page_leader_btn h2 {
text-decoration: none;
font-size: 1.6rem;
font-family: 'PoppinsMedium';
font-weight: bolder;
}

.ca23_profile_page_leader_btn img {
width: 33px;
height: auto;
margin-right: 10px;
margin-left: 10px;
}


.ca23_profile_bottom_btn_wrap {
width: 95vw;
height: 50px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
}

.ca23_profile_page_grey_btn {
border-radius: 10px;
color: #f4f4f4;
text-decoration: none;
font-size: 1.2rem;
font-family: 'Poppins-Bold';
font-weight: bolder;
background: #1c1d29;
text-transform: capitalize;
line-height: 18px;
/* width: 47%; */
height: 50px;
text-align: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
-webkit-box-shadow: 1px 3px 0px 0px #5a5b79;
-moz-box-shadow: 1px 4px 0px 0px #5a5b79;
box-shadow: 1px 4px 0px 0px #3f40557d;
border: 1px solid #3f40557d;
margin: 0px 1.5% 0px 1.5%;
}

.ca23_profile_page_grey_btn img {
width: 23px;
height: auto;
margin-right: 10px;
margin-left: 10px;
}


.ca23_play_btn_profile_grey {
border-radius: 10px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: rgba(103, 103, 103, 1);
background: -moz-linear-gradient(left, rgba(103, 103, 103, 1) 0%, rgba(152, 152, 152, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103, 103, 103, 1)), color-stop(100%, rgba(152, 152, 152, 1)));
background: -webkit-linear-gradient(left, rgba(103, 103, 103, 1) 0%, rgba(152, 152, 152, 1) 100%);
background: -o-linear-gradient(left, rgba(103, 103, 103, 1) 0%, rgba(152, 152, 152, 1) 100%);
background: -ms-linear-gradient(left, rgba(103, 103, 103, 1) 0%, rgba(152, 152, 152, 1) 100%);
background: linear-gradient(to right, rgba(103, 103, 103, 1) 0%, rgba(152, 152, 152, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#989898', GradientType=1);

line-height: 40px;
width: 90vw;
display: block;
text-align: center;
height: 40px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
-webkit-box-shadow: 0px 4px 7px -1px rgba(200, 200, 200, 1);
-moz-box-shadow: 0px 4px 7px -1px rgba(200, 200, 200, 1);
box-shadow: 0px 4px 7px -1px rgba(200, 200, 200, 1);
}

.ca23_play_btn_profile_grey img {
width: 20px;
height: auto;
}

.ca23_play_btn_profile_grey a {
text-decoration: none;
}

.ca23_unsubscribe_txt {
font-size: 1.2rem !important;
font-family: 'Poppins-Bold';
color: #1a7efa;
width: 100%;
text-align: center;
}

.ca23_unsubscribe_txt a {
color: #1a7efa;
text-decoration: underline;
}

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

.ca23_edit_page_container .ca23_edit_page_txt {
border-radius: 10px;
color: #F4F4F4;
text-decoration: none;
font-size: 1rem;
font-family: 'PoppinsRegular';
font-weight: bolder;
background-color: #272838;
text-transform: capitalize;
line-height: 18px;
width: 96%;
height: 40px;
text-align: left;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
-webkit-box-shadow: 1px 3px 0px 0px rgba(67, 69, 96, 1);
-moz-box-shadow: 1px 4px 0px 0px rgba(67, 69, 96, 1);
box-shadow: 1px 4px 0px 0px rgba(67, 69, 96, 1);
border: 1px solid rgba(67, 69, 96, 1);
padding-left: 10px;
}

.ca23_edit_page_container .ca23_edit_page_txt.locked {
background-image: url("../image/profile_pg/lock_img.png");
background-position: right;
background-repeat: no-repeat;
background-size: 30px;
background-color: #272838;
-webkit-box-shadow: 1px 3px 0px 0px rgba(67, 69, 96, 1);
-moz-box-shadow: 1px 4px 0px 0px rgba(67, 69, 96, 1);
box-shadow: 1px 4px 0px 0px rgba(67, 69, 96, 1);
border: 1px solid rgba(67, 69, 96, 1);
padding-left: 10px;
color: #f4f4f4 !important;
}

.ca23_edit_page_container .ca23_edit_page_txt.dob {
background-image: url("../image/profile_pg/date_img.png");
background-position: right;
background-repeat: no-repeat;
background-size: 30px;

}

.ca23_edit_page_container .ca23_edit_page_subtxt {
width: 100%;
font-size: 1rem;
text-decoration: none;
font-family: 'PoppinsRegular';
text-align: left;
padding-top: 5px;
color: #F4F4F4;
}

.ca23_profile_error {
font-size: .9rem;
color: #ed1c24;
width: 88%;
text-align: left;
font-family: 'PoppinsMedium';
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.ca23_profile_pop_grey_btn {
border-radius: 10px;
color: #000000;
text-decoration: none;
font-size: 1.2rem;
font-family: 'PoppinsMedium';
font-weight: bolder;
background: rgba(255, 255, 255, 1);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 249, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(245, 245, 249, 1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 249, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 249, 1) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 249, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 249, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f9', GradientType=0);
text-transform: capitalize;
line-height: 18px;
width: 47%;
height: 50px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
-webkit-box-shadow: 1px 3px 0px 0px rgba(213, 213, 228, 1);
-moz-box-shadow: 1px 4px 0px 0px rgba(213, 213, 228, 1);
box-shadow: 1px 4px 0px 0px rgba(213, 213, 228, 1);
border: 1px solid rgba(213, 213, 228, 1);
margin: 0px 1.5% 0px 1.5%;
padding: 20px 0px 20px 0px;
}


.ca23_profile_pop_grey_btn img {
width: 23px;
height: auto;
margin-right: 10px;
margin-left: 10px;
}

.ca23_contact_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
color: #f4f4f4;
}

.ca23_contact_wrap .ca23_contact_header {
font-size: 1.2rem !important;
font-family: 'Poppins-Bold';
color: #F4F4F4;
}

.ca23_contact_wrap .ca23_contact_text {
font-size: 1rem !important;
font-family: 'PoppinsRegular';
color: #F4F4F4;
}

.ca23_edit_page_txt::placeholder {
color: #cccccc !important;
font-size: 1rem;
font-family: 'PoppinsMedium' !important;
font-weight: normal !important;
}

.ca23_edit_page_container .ca23_edit_page_txtarea {
border-radius: 10px;
color: #F4F4F4;
text-decoration: none;
font-size: 1rem;
font-family: 'PoppinsRegular';
font-weight: bolder;
background-color: #272838;
text-transform: capitalize;
line-height: 18px;
width: 96%;
height: auto;
text-align: left;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
-webkit-box-shadow: 1px 3px 0px 0px rgba(67, 69, 96, 1);
-moz-box-shadow: 1px 4px 0px 0px rgba(67, 69, 96, 1);
box-shadow: 1px 4px 0px 0px rgba(67, 69, 96, 1);
border: 1px solid rgba(67, 69, 96, 1);
padding-left: 10px;
padding-top: 10px;
}

.ca23_edit_page_txtarea::placeholder {
color: #ccc !important;
font-size: 1rem;
font-family: 'PoppinsMedium' !important;
font-weight: normal !important;
}

.ca23_green_txt {
color: #1b9e53 !important;
}

.ca23_play_btn_invite {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: #ed1c24;

line-height: 35px;
width: 39vw;
text-align: center;
height: 35px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_play_btn_invite a {
text-decoration: none;
}

.ca23_play_btn_invite.grey_value {
background: #272838;
}

.save_btn_input {
color: #FFFFFF;
font-family: 'Poppins-Bold';
}

.ca23_profile_grid {
display: grid;
grid-template-columns: 47% 47%;
gap: 15px 5px;
grid-template-areas:
". ."
". .";
margin-left: 5vw;
}

.ca23_edit_page_container input[type="radio"] {
appearance: none;
}

.ca23_edit_page_container input[type="radio"]+label {
cursor: pointer;
position: relative;
padding-left: 30px;
line-height: 20px;
}

.ca23_edit_page_container input[type="radio"]+label::before {
content: "";
display: inline-block;
width: 15px;
aspect-ratio: 1;
border: 2px solid #ccc;
border-radius: 50%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
opacity: 1;
transition: all 0.3s;
}

.ca23_edit_page_container input[type="radio"]+label::after {
content: "";
display: inline-block;
width: 5px;
aspect-ratio: 1;
border: 2px solid #ccc;
background: #ccc;
border-radius: 50%;
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all 0.3s;
}

.ca23_edit_page_container input[type="radio"]:checked+label::after {
opacity: 1;
}

.ca23_editpage_dropdown1 {
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
background-color: #272838;
-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%);
padding: 4%;
-webkit-box-shadow: 1px 3px 0px 0px rgba(67, 69, 96, 1);
-moz-box-shadow: 1px 4px 0px 0px rgba(67, 69, 96, 1);
box-shadow: 1px 4px 0px 0px rgba(67, 69, 96, 1);
border: 1px solid rgba(67, 69, 96, 1);
}

.ca23_editpage_dropdown {
/* width: 90%; */
width: 80vw;
border: 1px solid #666666;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 15px 20px;
font-size: 13px;
border-radius: 10px;
}

.ca23_editpage_dropdown input[type="radio"] {
appearance: none;
}

.ca23_editpage_dropdown input[type="radio"]+label {
cursor: pointer;
position: relative;
padding-left: 30px;
line-height: 20px;
}

.ca23_editpage_dropdown input[type="radio"]+label::before {
content: "";
display: inline-block;
width: 15px;
aspect-ratio: 1;
border: 2px solid #ccc;
border-radius: 50%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
opacity: 1;
transition: all 0.3s;
}

.ca23_editpage_dropdown input[type="radio"]+label::after {
content: "";
display: inline-block;
width: 5px;
aspect-ratio: 1;
border: 2px solid #ccc;
background: #ccc;
border-radius: 50%;
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all 0.3s;
}

.ca23_editpage_dropdown input[type="radio"]:checked+label::after {
opacity: 1;
}

.ca23_editpage_dropdown .left_name {
width: 40%;
float: left;
text-align: left;
font-size: 1rem;
/* font-weight: bolder; */
}

.ca23_editpage_dropdown .right_name {
width: 40%;
float: right;
text-align: right;
font-size: 1rem;
display: flex;
flex-direction: row;
justify-content: flex-end;
}

.ca23_editpage_dropdown .right_name img {
width: auto;
height: 15px;
}

.arrow {
top: 10px;
right: 20px;
width: 6px;
height: 6px;
border-right: 2px solid grey;
border-bottom: 2px solid grey;
transition: transform 0.5s;
transform: rotate(45deg);
}

span.arrow.active {
transform: rotate(225deg);
}

::-webkit-calendar-picker-indicator {
background-image: none;
}

/* profile css 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_wrap_small {
width: 100%;
height: 55vw;
background-color: transparent;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
background-image: url("../image/qa_pg/qa_text_bg1.png");
background-size: cover;
}

.ca23_question_outer_wrap .ca23_textbased_wrap_small img {
width: 90vw;
height: 55vw;
border-radius: 25px;
margin-top: 9vw;
}

.ca23_question_outer_wrap .ca23_textbased_wrap_small .ca23_question_text {
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.6rem;
text-align: center;
width: 80vw;
height: 50vw;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}

.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: #272838 !important;
}

.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(3, 183, 255, .4);
-moz-box-shadow: 0px 0px 7px 0px rgba(3, 183, 255, .4);
box-shadow: 0px 0px 7px 0px rgba(3, 183, 255, .4);
}

.ca23_question_header_wrap .ca23_wrap3 {
width: 31%;
float: left;
color: #f4f4f4;
font-family: 'PoppinsRegular';
font-size: 1.1rem;
display: inline-flex;
margin-top: 10px;
}

.ca23_question_header_wrap .ca23_wrap3 .ca23_trivia_space {
width: 70%;
font-size: .9rem;
}

.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;

}

.ca23_question_header_wrap .ca23_wrap7 {
width: 40%;
float: left;
color: #999999;
font-family: 'Poppins-Bold';
font-size: 1.1rem;
display: inline-flex;
margin-top: 15px;
}

.ca23_question_header_wrap .ca23_wrap7 .ca23_trivia_space {
width: 70%;
font-size: .9rem;
margin-top: 2px;
}

.ca23_question_header_wrap .ca23_wrap7 .ca23_score_question {
color: #f4f4f4;
font-family: 'Poppins-Bold';
font-size: 1rem;
margin-left: -35px;
width: 30%;
text-align: left;
margin-top: 15px;
}




.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_wrap8 {
width: 20%;
float: left;
color: #999999;
font-family: 'Poppins-Bold';
font-size: .9rem;
text-align: center;
margin-top: 8px;
}

.ca23_question_header_wrap .ca23_wrap8 strong {

color: #f4f4f4;
}


.ca23_question_header_wrap .ca23_wrap5 {
width: 22%;
float: left;
margin-top: 7px;
}

.ca23_question_header_wrap .ca23_wrap6 {
width: 38%;
float: left;
margin-top: 7px;
}

.ca23_question_header_wrap .ca23_wrap6 .ca23_battle_name {
color: #f4f4f4;
font-family: 'Poppins-Bold';
font-size: 1.1rem;
margin-top: 7px;
}


.ca23_question_header_wrap .ca23_wrap6 .ca23_battle_subname {
color: #999999;
font-family: 'PoppinsRegular';
font-size: .8rem;
margin-top: -1px;
}

.ca23_question_header_wrap .ca23_wrap10 {
width: 28%;
float: left;
margin-top: 7px;
text-align: left;
padding-left: 2px;
}

.ca23_question_header_wrap .ca23_wrap10 .ca23_room_name {
color: #999999;
font-family: 'Poppins-Bold';
font-size: .85rem;
margin-top: 7px;
}


.ca23_question_header_wrap .ca23_wrap10 .ca23_battle_timer {
color: #cccccc;
font-family: 'PoppinsRegular';
font-size: 1rem;
margin-top: 2px;
}


.base-timer {
position: relative;
width: 48px;
height: 48px;
margin-left: 15%;
-webkit-box-shadow: 0px 0px 9px 0px rgba(18, 216, 124, 1);
-moz-box-shadow: 0px 0px 9px 0px rgba(18, 216, 124, 1);
box-shadow: 0px 0px 9px 0px rgba(18, 216, 124, 1);
border-radius: 50%;
}

.base-timer__svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 50%;
background-color: #FFFFFF;
}

.base-timer__circle {
fill: none;
stroke: none;
}

.base-timer__path-elapsed {
stroke-width: 20px;
stroke: grey;
}

.base-timer__path-remaining {
stroke-width: 20px;
stroke-linecap: round;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: 1s linear all;
transition: 1s linear all;
fill-rule: nonzero;
stroke: currentColor;
}

.base-timer__path-remaining.green {
color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
color: orange;
}

.base-timer__path-remaining.red {
color: red;
}

.base-timer__label {
position: absolute;
width: 50px;
height: 50px;
top: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-size: 13px;
color: #f4f4f4;
font-family: 'Poppins-Bold';
}

.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;
}

.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: 15vw;
}

.ca23_qa_footer_wrap {
height: 30px;
width: 100vw;
background-color: #272838!important;
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: uppercase;
}

.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;
background-image: url("../image/qa_pg/tickmark.png");
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}



.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);
background-image: url("../image/qa_pg/wrongmark.png");
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}



.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*/


/*Audion question css ends*/
/*jigsaw css*/
/*Scramble image styles*/
.ca23_scramble_ans_wrap {
width: 300px;
height: 300px;
margin-left: auto;
margin-right: auto;
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;
}



/*jigsaw css*/

/*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: #cccccc;
text-decoration: none;
font-size: 25px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #ffffff;
text-transform: uppercase;
line-height: 55px;
float: right;
width: 55px;
height: 55px;
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: #cccccc;
text-decoration: none;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #FFFFFF;
text-transform: uppercase;
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_dictionary_ans_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
height: auto;
min-height: 20px;
background-color: transparent;
text-align: center;
/*  padding: 10px 0px 10px 0px;*/
/* -webkit-box-shadow: 0px 4px 0px 0px rgb(150 150 150);
-moz-box-shadow: 0px 4px 0px 0px rgba(150,150,150,1);
box-shadow: 0px 4px 0px 0px rgb(150 150 150);
border:1px solid #efefef;
color: #272838!important; */
}

.ca23_dictionary_ans_wrap.ca23_wrong_ans {
background-color: #f8000b !important;
}


.ca23_wrong_ans .ca23_dictionary_txt {
color: #FFFFFF !important;
}

.ca23_dictionary_ans_wrap.ca23_correct_ans {
background-color: #12d87d !important;
}


.ca23_correct_ans .ca23_dictionary_txt {
color: #FFFFFF !important;
}

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

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

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

.ca23_dictionary_txt::placeholder {
color: #999999 !important;
font-size: 2rem;
}

.ca23_dictionary_txt {
border-radius: 10px;
font-size: 20px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
text-transform: uppercase;
line-height: 40px;
float: right;
width: 40px;
height: 40px;
text-align: center;
}

.ca23_dictionary_txt1 {
border-radius: 10px;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
text-transform: uppercase;
/* 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: uppercase;
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;
}



.ca23_dictionary_txt2_ans::placeholder {
color: #999999;
font-family: 'Poppins-Bold';
font-size: 2rem;
}

.ca23_dictionary_txt2_ans.wrong_answer {
background-color: #ed1c24 !important;
color: #FFFFFF !important;
}

.ca23_dictionary_txt2_ans.correct_answer {
background-color: #12d87d !important;
color: #FFFFFF !important;
}

/*disney style ends*/
/*pictionary css*/

/* language interface css starts */
.ca23_inside_blue_bg {
width: 100%;
height: 16vw;
/* position: relative; */
}

.ca23_inside_blue_bg .back_btn {
text-align: center;
height: 50px;
display: flex;
align-items: center;
justify-content: flex-start;

line-height: 40px;
margin-top: 5px;
}

.ca23_inside_blue_bg .back_btn img {
width: 30px;
height: auto;
margin-top: 12px;
margin-left: 5px;
}

.ca23_inside_blue_bg .back_btn .heading {
width: auto;
height: auto;
margin-left: 0px;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: flex-start;
text-transform: none;
font-size: 1.5rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
text-align: left;
font-weight: bolder;
margin-top: -6px;
}

.ca23_inside_blue_bg .back_btn .heading img {
width: 25px;
margin-top: 0px !important;
display: none;
}

.ca23_language_heading {
font-family: 'Poppins-Bold';
color: #f4f4f4;
font-size: 1.5rem;
width: 95%;
margin-left: auto;
margin-right: auto;
}

.ca23_language_wrap {
width: 98%;
margin-left: auto;
margin-right: auto;
}

.ca23_language_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 5px 0px;
grid-template-areas:
". . ."
". . ."
". . .";
margin: 1.5vw;
overflow-x: hidden;
}

.ca23_language_select_wrap {
width: 28vw;
height: 28vw;
border-radius: 15px;
border: 1px solid #c1cee5;
background-color: #eceef3;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 1vw;
position: relative;
}

.ca23_language_select_wrap .ca23_language_text {
font-family: 'PoppinsRegular';
color: #272838;
font-size: 1.3rem;
text-align: center;
}

.ca23_language_select_wrap .ca23_language_image {
width: 40px;
height: 40px;
}

.ca23_language_select_wrap .ca23_language_image img {
width: 40px;
height: 40px;
margin-bottom: 5px;
}

.ca23_language_select_wrap .ca23_language_green_box {
height: 22px;
width: 28vw;
background-color: rgba(18, 216, 125, 0.90);
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;
background-image: url("../image/qa_pg/tickmark.png");
background-position: center;
background-repeat: no-repeat;
background-size: 14px;
}

/* language interface css ends */



.ca23_mega_tournaments_wrap {
width: 90vw;
height: 104vw;
border-radius: 25px;
position: relative;
overflow: hidden;
padding: 10px 0px 10px 0px;
margin-left: 5vw;
background-color: #272838;
}

ul.ca23_mega_tournamentsBlock_List1 {
width: 180vh;
overflow: hidden;
height: 115vw;
margin-left: 0px;
}

li.ca23_mega_tournamentsBlock_List1 {
float: left;
list-style-type: none;
width: 85vw;
margin-right: 20px;
}

.ca23_activity_card {
height: 18vw;
width: 76.8vw;
margin-right: auto;
margin-left: auto;
background-color: transparent;
border-radius: 7px;
border: 1px solid rgba(255, 255, 255, 0.08);
}

.ca23_set_rock_table1 table {
width: 100%;
float: left;
padding: 5px;
}

.ca23_set_rock_table1 table td {

text-align: left;
font-family: 'PoppinsMedium';
border-bottom: none;
}



.ca23_set_rock_table1 table td .ca23_txt4 {
font-size: .9rem;
font-family: 'PoppinsRegular';
padding-top: 4px;
color: #f4f4f4;
font-weight: bolder;
}

.ca23_mega_wrap {
width: 14vw;
height: 14vw;
border-radius: 10px;
position: relative;
overflow: hidden;
}

.ca23_mega_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, .9);
font-size: .8rem;
position: absolute;
left: -4px;
top: -1px;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;

}

.ca23_mega_tag img {
width: 18px;
height: auto;
}

.ca23_mega_wrap .ca23_mega_image_wrap {
width: 14vw;
height: 14vw;
border-radius: 10px;
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); */
}

.ca23_mega_wrap .ca23_mega_image_wrap img {
width: 13vw;
height: 13vw;
border-radius: 10px;
-webkit-box-shadow: 1px 1px 8px -2px #33b6da;
-moz-box-shadow: 1px 1px 8px -2px #33b6da;
box-shadow: 1px 1px 8px -2px #33b6da;

}

.ca23_mega_txt {
font-family: 'PoppinsMedium';
color: #FFFFFF;
display: contents;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: left;
width: 90%;
height: 15vw;
margin-left: 5%;
}

.ca23_mega_txt .ca23_text2 {
font-family: 'PoppinsMedium';
font-size: 1rem;
width: 100%;
margin-left: 10px;
font-weight: bolder;

color: #FFFFFF;
}

.ca23_mega_txt .ca23_text1 {
font-family: 'PoppinsRegular';
font-size: .9rem;
margin-left: 10px;
opacity: 0.5;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
color: #CCCCCC;
}

.ca23_mega_txt .ca23_text1 img {
width: 12px;
height: auto;
}

.ca23_set_rock_table1 table td.border_bottom {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.ca23_play_btn_go {
border-radius: 25px;
padding: 3px !important;
color: #F4F4F4;
text-decoration: none;
font-size: 1rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: transparent;
text-transform: uppercase;
line-height: 25px;
width: 70px;
display: block;
text-align: center;
height: 25px;
border: 1px solid #F4F4F4;
}

.ca23_play_btn_go a {
text-decoration: none;
}

.ca23_home_subheading {
font-size: 1.3rem;
font-family: 'PoppinsMedium';
color: #FFFFFF;
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;
/* number of lines to show */
-webkit-box-orient: vertical;
word-break: break-all;
}

.view_all_list {
text-align: center;
line-height: 30px;
font-size: .9rem;
font-family: 'PoppinsMedium';
color: #1a7efa;
text-align: center;
text-decoration: underline;
}

.ca23_football_wrap {
width: 45vw;
height: 75vw;
position: relative;
overflow: hidden;
margin-left: 5vw;
}

.ca23_football_wrap .ca23_musttry_txt {
font-family: 'PoppinsMedium';
color: #f4f4f4;
display: table-row-group;
text-align: left;
width: 100%;
}

.ca23_football_wrap .ca23_musttry_txt .ca23_text2 {
font-family: 'PoppinsRegular';
font-size: 1rem !important;
flex-direction: row;
text-align: left;
align-items: flex-start;
width: 100%;
margin-top: -2px;
color: #cccccc;
display: inline-flex;
}

.ca23_football_wrap .ca23_musttry_txt .ca23_text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.ca23_football_wrap .ca23_musttry_txt .ca23_text1 {
font-family: 'PoppinsMedium';
font-size: 1.3rem;
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;
}



.ca23_football_wrap .ca23_football_image_wrap {
width: 45vw;
height: 65vw;
border-radius: 20px;
overflow: hidden;
}

.ca23_football_wrap .ca23_football_image_wrap img {
width: 43vw;
height: 62vw;
border-radius: 20px;
-webkit-box-shadow: 1px 1px 10px -2px #33b6da;
-moz-box-shadow: 1px 1px 10px -2px #33b6da;
box-shadow: 1px 1px 10px -2px #33b6da;

}

.ca23_football_wrap .ca23_live_text {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 1);
font-size: .9rem;
position: absolute;
right: 5vw;
top: 3vw;
z-index: 1;
width: auto;
height: 22px;
background-color: #ff3300;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
text-align: center;
padding: 0px 10px 0px 10px;
line-height: 22px;
font-weight: bolder;
display: none;
}

.ca23_football_wrap .ca23_battlecard_like1 {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: .9rem;
position: absolute;
right: 5px;
top: 10vw;
z-index: 1;
width: auto;
min-width: 60px;
height: 35px;
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: 3px 10px 0px 10px;
background-image: url("../image/promo_banner/pomo_bg_orange.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 35px;
}

.ca23_football_wrap .ca23_battlecard_like1 img {
width: 16px;
height: auto;
margin-left: 3px;
margin-right: 3px;
}

.ca23_football_wrap .timer_bottom_txt {
font-family: 'PoppinsMedium';
background-color: rgba(0, 0, 0, 0.70);
font-size: .8rem;
position: absolute;
bottom: 13vw;
z-index: 1;
width: 85%;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: bolder;
padding: 3px 10px 0px 10px;
line-height: 30px;
color: rgba(255, 255, 255, 0.60);
border-radius: 0px 0px 25px 25px;
-moz-border-radius: 0px 0px 25px 25px;
-webkit-border-radius: 0px 0px 25px 25px;
}

.ca23_football_wrap .timer_bottom_txt img {
width: 12px !important;
height: auto;
margin-top: -3px;
margin-left: 3px;
margin-right: 3px;
}


.ca23_football_wrap .ca23_more_icon_bg {
position: absolute;
left: 0vw;
bottom: 13vw;
z-index: 1;
border-radius: 0px 0px 0px 30px;
-moz-border-radius: 0px 0px 0px 30px;
-webkit-border-radius: 0px 0px 0px 30px;
visibility: hidden;

}

.ca23_football_wrap .ca23_more_icon_bg img {
width: 50px;
height: auto;
border-radius: 0px 0px 0px 30px;
-moz-border-radius: 0px 0px 0px 30px;
-webkit-border-radius: 0px 0px 0px 30px;

}


.ca23_football_wrap .ca23_more_icon {
position: absolute;
left: 2vw;
bottom: 15vw;
z-index: 2;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
background-color: rgba(0, 0, 0, 0.50);
border-radius: 50%;

}

.ca23_football_wrap .ca23_more_icon img {
width: 22px;
height: auto;
}

.ca23_football_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: 14px;
top: -3px;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
}

.ca23_football_tag img {
width: 30px;
height: auto;
}

.ca23_football_wrap .ca23_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;
}

.ca23_football_wrap .ca23_football_gradient img {
filter: blur(3px);
opacity: 0.8;
}

.ca23_football_wrap .ca23_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;
}

.ca23_football_wrap .ca23_football_txt {
font-family: 'PoppinsMedium';
color: #FFFFFF;
margin-left: 0;

text-align: center;
width: 100%;
}

.ca23_football_wrap .ca23_football_txt .ca23_text2 {
font-family: 'PoppinsMedium';
font-size: 1.4rem;
flex-direction: row;
text-align: center;
align-items: center;
width: 100%;
}

.ca23_football_wrap .ca23_football_txt .ca23_text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.ca23_football_wrap .ca23_football_txt .ca23_text1 {
font-family: 'PoppinsRegular';
font-size: 1rem;
}

.ca23_football_wrap .ca23_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.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;
}

.ca23_QuickBattles_wrap {
width: 85vw;
height: 100vw;
border-radius: 30px;
position: relative;
overflow: hidden;
}

.ca23_QuickBattles_wrap .ca23_musttry_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: 25px;
top: 4px;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
}

.ca23_QuickBattles_wrap .ca23_musttry_tag img {
width: 27px;
height: auto;
}

.ca23_QuickBattles_wrap .ca23_more_icon {
position: absolute;
right: 5vw;
top: 5vw;
z-index: 2;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
background-color: rgba(0, 0, 0, 0.50);
border-radius: 50%;

}

.ca23_QuickBattles_wrap .ca23_more_icon img {
width: 20px;
height: auto;
}


.ca23_QuickBattles_wrap .ca23_QuickBattles_image_wrap {
width: 85vw;
height: 100vw;
border-radius: 25px;
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);
box-shadow: -1px 2px 13px -3px rgba(62, 89, 175, 0.75);
-webkit-box-shadow: -1px 2px 13px -3px rgba(62, 89, 175, 0.75);
-moz-box-shadow: -1px 2px 13px -3px rgba(62, 89, 175, 0.75);
}

.ca23_QuickBattles_wrap .ca23_QuickBattles_image_wrap img {
content: url("../image/promo_banner/jackpot_bg1_bkp.gif");
width: 81vw;
height: 98vw;
border-radius: 25px;
box-shadow: -1px 2px 13px -3px rgba(62, 89, 175, 0.55);
-webkit-box-shadow: -1px 2px 13px -3px rgba(62, 89, 175, 0.55);
-moz-box-shadow: -1px 2px 13px -3px rgba(62, 89, 175, 0.55);
margin: 2vw;

}

.slick-active .ca23_QuickBattles_wrap .ca23_QuickBattles_image_wrap img {
content: url("../image/promo_banner/jackpot_bg1.gif");
}

.ca23_QuickBattles_wrap .ca23_jackpot_white_space {
height: 18vw;
background-color: #FFFFFF;
position: absolute;
bottom: 0px;
width: 81vw;
margin-left: 2vw;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
}

.ca23_QuickBattles_wrap .ca23_jackpot_machine {
position: absolute;
top: 1.8vw;
width: 100%;
text-align: center;
}

.ca23_QuickBattles_wrap .ca23_jackpot_machine img {
width: 65vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ca23_QuickBattles_wrap .ca23_jackpot_heading {
position: absolute;
top: 4vw;
width: 100%;
text-align: center;
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: 1.3rem;
z-index: 1;
text-transform: uppercase;

}

.ca23_QuickBattles_wrap .ca23_jackpot_bottom_msg {
position: absolute;
bottom: 4vw;
width: 99%;
text-align: center;
font-family: 'PoppinsRegular';
color: #f4f4f4;
font-size: 1rem;
z-index: 1;


}

.ca23_QuickBattles_wrap .ca23_jackpot_btn_txt {
position: absolute;
bottom: 15vw;
width: 100%;
text-align: center;
font-family: 'Poppins-Bold';
color: #f4f4f4;
font-size: 1.2rem;
z-index: 2;

background-image: url("../image/promo_banner/playbutton.png");
background-repeat: no-repeat;
background-size: auto;
background-position: center;
height: 38PX;
line-height: 34px;

}

.ca23_QuickBattles_wrap .ca23_jackpot_btn img {
width: 130px;
height: auto;

}

.ca23_QuickBattles_wrap .ca23_timer_icon_wrap {
position: absolute;
bottom: 21vw;
z-index: 1;
width: 100%;
height: auto;
}

.ca23_QuickBattles_wrap .ca23_timer_icon_wrap .ca23_timer_icon {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #FFFFFF;
font-size: 1.1rem;
width: 30vw;
height: 8vw;
margin-left: auto;
margin-right: auto;
}

.ca23_QuickBattles_wrap .ca23_timer_icon_wrap .ca23_timer_icon img {
width: 15px;
height: auto;
margin-right: 4px;
margin-top: -2px;
}


.ca23_QuickBattles_wrap .ca23_win_txt_wrap {
font-family: 'PoppinsMedium';
display: inline-flex;
text-align: left;
width: 100%;
position: absolute;
top: 60vw;
z-index: 1;
}

.ca23_QuickBattles_wrap .ca23_win_txt_wrap .ca23_text2 {
font-family: 'PoppinsMedium';
font-size: 1.2rem;
flex-direction: row;
text-align: left;
align-items: flex-start;
margin-top: 0px;
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
display: inline-flex;
}

.ca23_QuickBattles_wrap .ca23_win_txt_wrap .ca23_text2 img {
width: 15px;
height: auto;
margin-top: 3px;
}

.text_icon {
width: 13px !important;
height: 13px;
margin-left: 3px;
margin-right: 3px;
}


/*leaderboard css*/


.ca23_leaderboard_table_22 {
height: 430px;
overflow-y: scroll;
background: #2c2a2a;
width: 90vw;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
overflow-x: hidden;
}

.ca23_leaderboard_table_22 table,
tbody,
tfoot,
thead,
tr,
th,
td {
background: 0 0;
/* margin: 0; */
padding: 0;
border: 0;
font-size: 1rem !important;
font: inherit;
vertical-align: middle;
/* font-size: 1.1rem;
font: inherit;
vertical-align: middle;
border: none; */

}

.ca23_leaderboard_table_22 table {
color: #FFFFFF!important;
width: 95%;
margin-left: auto;
margin-right: auto;
border: none;
padding-top: 10px;
font-family: 'PoppinsRegular';
font-weight: bold;
border-bottom: 1px solid rgba(255,255,255,0.1);
}


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

}

.ca23_leaderboard_table_22 td {
background-color: transparent !important;
text-align: center;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap .ca23_table_sm_img {
float: left;
width: 25px;
height: 25px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap .ca23_table_sm_img.select img {
border: 2px solid #00fb88;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap .ca23_table_sm_img img {
width: 23px;
height: 23px;
border-radius: 50%;
margin-top: 3px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap .ca23_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;
color: #FFFFFF!important;
}



.ca23_leaderboard_table_22 .ca23_image_name_wrap_empty .ca23_table_sm_img {
float: left;
width: 25px;
height: 25px;
color: #808080;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_empty .ca23_table_sm_img img {
width: 23px;
height: 23px;
border-radius: 50%;
margin-top: 3px;
}

.ca23_leaderboard_table_22 .ca23_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;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1 {
width: 74px;
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: 14px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1.darker {}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1 .ca23_table_sm_img {
float: left;
width: 25px;
height: 25px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1 .ca23_table_sm_img.darker {}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1 .ca23_table_sm_img img {
width: 20px;
height: 20px;
margin-top: 2px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1 .ca23_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;

overflow: scroll !important;
white-space: nowrap;
}


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

.ca23_empty_leaderboard_image img {
width: 60vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ca23_empty_leaderboard_text {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: 1rem;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.ca23_empty_leaderboard_remind_text {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: 1rem;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}


.ca23_leaderboard_timer_text1 {
font-family: 'PoppinsMedium';
color: #272838;
font-size: .9rem;

width: auto;
height: 23px;
background-color: #dfe0e0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;

text-align: center;
padding: 0px 10px 0px 10px;
float: right;
text-align: right;
margin-right: 5vw;
}

.ca23_leaderboard_timer_text1 img {
width: 13px;
height: auto;
margin-right: 4px;
}

.ca23_leaderboard_timer_text2 {
font-family: 'PoppinsMedium';
color: #272838;
font-size: .8rem;

width: auto;
height: 18px;
background-color: #dfe0e0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-webkit-border-radius: 7px 7px 0px 0px;

text-align: center;
}

.ca23_leaderboard_timer_text2 img {
width: 13px;
height: auto;
margin-right: 4px;
}

.ca23_leaderboard_timer_text3 {
font-family: 'PoppinsMedium';
color: #272838;
font-size: .9rem;

width: auto;
height: 23px;
background-color: #dfe0e0;
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;
}

.ca23_leaderboard_timer_text3 img {
width: 13px;
height: auto;
margin-right: 4px;
}

.ca23_leaderboard_timer_text4 {
font-family: 'PoppinsMedium';
color: #272838;
font-size: .9rem;

width: auto;
height: 27px;
background-color: #dfe0e0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
line-height: 27px;
text-align: center;
padding: 0px 10px 0px 10px;
float: right;
text-align: right;
margin-right: 0vw;
}

.ca23_leaderboard_timer_text4 img {
width: 13px;
height: 13px;
height: auto;
margin-right: 4px;
}

.ca23_image_name_wrap2 {
width: 50px;
}

.ca23_sl_no {
width: 40px;
text-align: center;
background-position: center;
background-size: cover;
height: 30px;
font-size: 1rem;
/* font-family: 'PoppinsMedium'; */
line-height: 30px;
color: #FFFFFF!important;
}

.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;
color: #FFFFFF!important;
}

.ca23_sl_no.select {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(7, 207, 117, 1);
background: -moz-linear-gradient(top, rgba(7, 207, 117, 1) 0%, rgba(5, 161, 91, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7, 207, 117, 1)), color-stop(100%, rgba(5, 161, 91, 1)));
background: -webkit-linear-gradient(top, rgba(7, 207, 117, 1) 0%, rgba(5, 161, 91, 1) 100%);
background: -o-linear-gradient(top, rgba(7, 207, 117, 1) 0%, rgba(5, 161, 91, 1) 100%);
background: -ms-linear-gradient(top, rgba(7, 207, 117, 1) 0%, rgba(5, 161, 91, 1) 100%);
background: linear-gradient(to bottom, rgba(7, 207, 117, 1) 0%, rgba(5, 161, 91, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07cf75', endColorstr='#05a15b', GradientType=0);
margin-left: 6px;
color: #FFFFFF!important;
}

.ca23_leader_table_header1 {
font-family: 'Poppins-Bold';
color: #f4f4f4 !important;
width: 25px;
text-align: center;
}

.ca23_leader_table_header2 {
font-family: 'Poppins-Bold';
color: #f4f4f4 !important;
width: 85px;
text-align: center;
}

.ca23_leader_table_header3 {
font-family: 'Poppins-Bold';
color: #f4f4f4 !important;
width: 45px;
text-align: left;
}

.ca23_leader_table_header3a {
font-family: 'Poppins-Bold';
color: #f4f4f4 !important;
width: 56px;
text-align: right;
}

.ca23_leader_table_header4 {
font-family: 'Poppins-Bold';
color: #f4f4f4 !important;
width: 75px;
text-align: right;
}



.ca23_leader_table_wrap {
width: 96%;
margin: 0 auto;
margin-bottom: 2px;
height: 50px;
border-radius: 10px;
background-color: transparent !important;
color: #FFFFFF !important;
}

.ca23_leader_table_wrap.noborder {
background-color: transparent;
color: #FFFFFF !important;
}


.ca23_leader_table_wrap.selected {
background: rgba(255, 255, 225, 0.1);
border-radius: 10px;
color: #FFFFFF !important;
}

.ca23_leaderboard_menu_wrap {
width: 98%;
margin-left: auto;
margin-right: auto;
padding: 0px 5px 10px 5px;
height: 35px;
}

.ca23_leaderboard_menu_wrap .div1 {
float: left;
width: 49.5%;
color: #cccccc;
font-family: 'PoppinsMedium';
font-size: 1rem;
line-height: 35px;
text-align: center;
border-bottom: 1px solid #CCCCCC;
margin-right: 1px;
}

.ca23_leaderboard_menu_wrap .div1.select {
color: #f4f4f4;
font-family: 'Poppins-Bold';
border-bottom: 3px solid #2cabf3;
}

.ca23_leaderboard_bg_wrap {
width: 100vw;
height: 94vw;
overflow: hidden;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;

}

.ca23_leaderboard_table_22 .ca23_image_name_wrap .ca23_table_sm_txt1 {
float: left;
margin-left: 5px;
height: 15px;
/*Modified on 31 March*/
line-height: 15px;
/*Modified on 31 March*/
width: 70px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
font-size: 1rem;
font-family: 'PoppinsMedium' !important;
color: #FFFFFF!important;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap .ca23_table_score {
float: left;
margin-left: 5px;
height: 15px;
line-height: 15px;
width: 70px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
font-size: .9rem;
}

.ca23_leaderboard_bg_wrap.red_shadow {}

.ca23_leaderboard_bg_wrap.purple_shadow {}

.ca23_leaderboard_bg_image {
width: 100vw;
height: 94vw;
position: absolute;
z-index: 0;
overflow: hidden;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
}

.ca23_leaderboard_bg_image img {
width: 100vw;
height: 95vw;
}

.ca23_leaderboardblur {
-webkit-filter: blur(20px);
filter: blur(10px);
margin-left: 0;
margin-top: 0%;

}

.ca23_leaderboard_header_wrap {
position: absolute;
z-index: 1;
width: 100%;

}

.ca23_leaderboard_head_wrap {
position: absolute;
z-index: 1;
width: 100%;
text-align: center;
top: 25vw;
}

.ca23_leaderboard_head_wrap .ca23_leaderboard_head1 {
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.8rem;
}

.ca23_leaderboard_head_wrap .ca23_leaderboard_head2 {
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.4rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_leaderboard_head_wrap .ca23_leaderboard_head2 img {
width: 40px;
height: auto;
margin-left: 10px;
}

.ca23_leaderboard_contestant_mainwrap {
position: absolute;
z-index: 1;
width: 100%;
text-align: center;
top: 50vw;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_leaderboard_contestant_wrap_outer {
width: 28vw;
height: 38vw;
background-color: #FFFFFF;
border-radius: 20px;
padding: 3px;
margin: 5px;
}

.ca23_leaderboard_contestant_wrap_outer.bg1 {
background-color: rgba(255, 255, 255, 0.20);
}

.ca23_leaderboard_contestant_wrap_outer .bg2 {}

.ca23_leaderboard_contestant_wrap_outer .bg3 {}

.ca23_leaderboard_contestant_wrap {
width: 28vw;
height: 38vw;
background-color: #FFFFFF;
border-radius: 20px;
position: relative;
}

.ca23_leaderboard_contestant_wrap .ca23_contestant_image {
width: 60px;
height: 60px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}

.ca23_leaderboard_contestant_wrap .ca23_contestant_badge {
position: absolute;
right: 5vw;
width: 25px;
text-align: center;
background-image: url("../image/badge_ic.png");
background-position: center;
background-size: cover;
height: 30px;
font-size: .65rem;
font-family: 'Poppins-Bold';
line-height: 24px;
}

.ca23_leaderboard_contestant_wrap .ca23_contestant_badge img {
width: 20px;
height: auto;
}

.ca23_leaderboard_contestant_wrap .ca23_contestant_image img {
width: 60px;
height: 60px;
border-radius: 50%;
}

.ca23_leaderboard_contestant_wrap .ca23_contestant_txt1 {
font-family: 'Poppins-Bold';
color: #333;
font-size: 1.1rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_leaderboard_contestant_wrap .ca23_contestant_txt2 {
font-family: 'PoppinsMedium';
color: #333;
font-size: .9rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_leaderboard_contestant_wrap .ca23_contestant_txt3 {
font-family: 'PoppinsMedium';
color: #333;
font-size: .9rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_leaderboard_contestant_wrap .ca23_contestant_txt3 img {
width: 15px;
height: auto;
padding: 2px;
}


.ca23_leader_result_wrap {
height: 12vw;
width: 93vw;

background: #f3f5fe;

line-height: 12vw;
font-size: 1.1rem;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
color: #272838 !important;
}

.ca23_leader_result_wrap .ca23_left_space {
float: left;
width: 50%;
/*	color: #f4f4f4;*/
font-family: 'PoppinsMedium';
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_leader_result_wrap .ca23_left_space img {
height: 20px;
width: auto;
margin-right: 2px;
/*filter: brightness(var(--value, 5));
--value: 0;*/
}

.ca23_leader_result_wrap .ca23_right_space {
float: left;
width: 50%;
/*	color: #f4f4f4;*/
font-family: 'PoppinsMedium';
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_leader_result_wrap .ca23_right_space .ca23_remind_btn_wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 50px;
border: 1px solid #CCCCCC;
height: 27px;
width: auto;
padding: 0px 10px 0px 10px;
float: right;
margin-top: 10px;
/*Modified on 30 May 2023*/
}

.ca23_leader_result_wrap .ca23_right_space .ca23_remind_btn_wrap img {
width: 15px;
height: auto;
}

.ca23_remindme_btn_wrap {
height: auto;
width: 100vw;
background-color: #272838 !important;
position: fixed;
bottom: 0px;
z-index: 2;
}

.ca23_btn_wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_remind_wrap_btn {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.1rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: #2d53d5;

line-height: 30px;
width: 40vw;
display: block;
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_remind_wrap_btn img {
width: 15px;
height: auto;
margin: 0px 2px 0px 2px;
}




.ca23_remind_wrap_btn_grey {
border-radius: 25px;
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: 40vw;
display: block;
text-align: center;
height: 30px;
background: rgba(103, 103, 103, 1);
background: -moz-linear-gradient(left, rgba(103, 103, 103, 1) 0%, rgba(152, 152, 152, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103, 103, 103, 1)), color-stop(100%, rgba(152, 152, 152, 1)));
background: -webkit-linear-gradient(left, rgba(103, 103, 103, 1) 0%, rgba(152, 152, 152, 1) 100%);
background: -o-linear-gradient(left, rgba(103, 103, 103, 1) 0%, rgba(152, 152, 152, 1) 100%);
background: -ms-linear-gradient(left, rgba(103, 103, 103, 1) 0%, rgba(152, 152, 152, 1) 100%);
background: linear-gradient(to right, rgba(103, 103, 103, 1) 0%, rgba(152, 152, 152, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#989898', GradientType=1);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_remind_wrap_btn_grey img {
width: 15px;
height: auto;
margin: 0px 2px 0px 2px;
}

.ca23_btn_like {
width: 80px;
height: 20px;
background: rgba(254, 254, 254, 1);
background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 51%, rgba(254, 254, 254, 1) 80%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(51%, rgba(226, 226, 226, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 51%, rgba(254, 254, 254, 1) 80%);
background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 51%, rgba(254, 254, 254, 1) 80%);
background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 51%, rgba(254, 254, 254, 1) 80%);
background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 51%, rgba(254, 254, 254, 1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#fefefe', GradientType=0);
-webkit-box-shadow: 3px 4px 11px -1px rgba(200, 200, 200, 0.54);
-moz-box-shadow: 3px 4px 11px -1px rgba(200, 200, 200, 0.54);
box-shadow: 3px 4px 11px -1px rgba(200, 200, 200, 0.54);
border-radius: 50px;
position: absolute;
z-index: 2;
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: "PoppinsMedium";
font-size: .9rem;
top: -16px;
left: 25%;
border: 1PX SOLID #efefef;
color: #000000;
}

.ca23_btn_like img {
height: 10px;
width: auto;
}

.toggle_btn_wrap {
float: right;
/*	width: 65px;*/
}


.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: uppercase;
text-align: center;
}

.can-toggle label .can-toggle__switch:after {
content: attr(data-unchecked);
position: absolute;
z-index: 5;
text-transform: uppercase;
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: #5bb90a;
}

.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: #c4c4c4;
}

.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: #272838;
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: rgba(98, 208, 1, 1);
background: -moz-linear-gradient(top, rgba(98, 208, 1, 1) 0%, rgba(87, 168, 16, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98, 208, 1, 1)), color-stop(100%, rgba(87, 168, 16, 1)));
background: -webkit-linear-gradient(top, rgba(98, 208, 1, 1) 0%, rgba(87, 168, 16, 1) 100%);
background: -o-linear-gradient(top, rgba(98, 208, 1, 1) 0%, rgba(87, 168, 16, 1) 100%);
background: -ms-linear-gradient(top, rgba(98, 208, 1, 1) 0%, rgba(87, 168, 16, 1) 100%);
background: linear-gradient(to bottom, rgba(98, 208, 1, 1) 0%, rgba(87, 168, 16, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62d001', endColorstr='#57a810', GradientType=0);
}

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

.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: rgba(98, 208, 1, 1);
background: -moz-linear-gradient(top, rgba(98, 208, 1, 1) 0%, rgba(87, 168, 16, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98, 208, 1, 1)), color-stop(100%, rgba(87, 168, 16, 1)));
background: -webkit-linear-gradient(top, rgba(98, 208, 1, 1) 0%, rgba(87, 168, 16, 1) 100%);
background: -o-linear-gradient(top, rgba(98, 208, 1, 1) 0%, rgba(87, 168, 16, 1) 100%);
background: -ms-linear-gradient(top, rgba(98, 208, 1, 1) 0%, rgba(87, 168, 16, 1) 100%);
background: linear-gradient(to bottom, rgba(98, 208, 1, 1) 0%, rgba(87, 168, 16, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62d001', endColorstr='#57a810', GradientType=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 {
color: #272838;
}

.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: #272838;
font-weight: bold;
border: 3px solid #9E9E9E;
}

.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 {
border: 1px solid #5dc306;
}

.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 #efefef;
}

.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 #FFFFFF;
}

.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
left: 55px;
top: -1px;
font-size: 18px;
line-height: 58px;
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: 56px;
line-height: 50px;
font-size: 18px;
}

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

/*Toggle style*/

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

.ca23_leader_prize_wrap .ca23_leader_prize_123 {
width: 100%;
text-align: center;
margin: 0 auto;
}

.ca23_leader_prize_wrap .ca23_leader_prize_123 img {
width: auto;
height: 165px;
}


.ca23_prize_text_wrap .ca23_pize_txt1 {
text-align: center;
color: #FFFFFF;
height: 23px;
font-size: 1rem;
font-family: 'Poppins-Bold';
/* line-height: 35px; */
width: 100%;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
margin-top: 10px;
overflow: hidden;
}


.ca23_prize_text_wrap .ca23_pize_txt3 img {
width: 12px;
height: auto;
margin: 3px;
}

nav ul {
position: relative;
display: flex;
margin: 0 auto;
padding: 0;
max-width: 85vw;
list-style: none;
flex-flow: row wrap;
justify-content: center;
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
height: 44px;
margin-bottom: 20px !important;
}

nav li {
position: relative;
z-index: 1;
display: block;
margin: 0;
text-align: center;
flex: 1;
padding: 2px;
}

nav li a {
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 2.5;
padding: 1em 0;
text-decoration: none;
font-weight: bold;
line-height: 1;
transition: all 0.3s, transform 0.3s;
font-size: 1.1rem;
}

nav li a:hover {
opacity: 1;
}

nav li.current a {
border-radius: 7px;
}

nav li img {
width: 45px;
height: 38px;
float: right;
}

nav li.image {
display: contents;
}

.ca23_submenu_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: transparent;
height: 50px;
overflow-x: hidden;
}

.ca23_submenu_wrap .ca23_back_bt {
float: left;
width: 40px;
height: 40px;
text-align: left;
margin-left: 13px;
margin-top: 10px;
margin-right: 10px;
}

.ca23_submenu_wrap .ca23_back_bt img {
width: 30px;
height: auto;
}

.ca23_submenu_wrap_container {
height: 40px;
margin-left: 40px;
width: auto;
margin-top: -35px;
float: left;
}

.centered_aligned {
float: none !important;
margin-left: auto;
margin-right: auto;
}

/*leaderboard css*/

/*leaderboard css*/

/* exit window bottom sheet  */
.ca23_exit_image {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.ca23_exit_image img {
width: 70px;
height: auto;
}

.ca23_exit_txt1 {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #FFFFFF;
font-family: 'PoppinsRegular';
font-size: 1.4rem;
}

.ca23_exit_txt2 {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #FFFFFF;
font-family: 'PoppinsRegular';
font-size: 1rem;
}

.ca23_money_info_page {
height: 60px;
width: 100%;
}

.ca23_money_info_page .div1 {
color: #F4F4F4;
font-family: 'PoppinsRegular';
font-size: 1.3rem;
margin-left: 0px;
}

.ca23_money_info_page .div2 {
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 2.3rem;
margin-top: 10px;
line-height: 20px;
display: flex;
}

.ca23_money_info_page .div5 {
color: #FFFFFF;
font-family: 'PoppinsRegular';
font-size: 1.3rem;
line-height: 50px;
width: 90%;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

.ca23_money_info_page .ca23_header_txt {
text-align: left;
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-weight: bold;
font-size: 1.4rem;
width: 60%;
padding-top: 10px;
position: relative;
margin-left: 20px;
float: left;
}

.ca23_money_info_page .ca23_coins_roundborder {
width: 90vw;
height: 60px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
}

ul.ca23_addcoin_List1 {
width: 100vw;
overflow: scroll;
height: 220px;
margin-left: 0px;
display: inline-flex;
}


li.ca23_addcoin_List1 {
float: left;
list-style-type: none;
width: 135px;
margin-right: 15px;
}

.ca23_coins_box_wrapper.bg_y {
background-image: url(../image/addmoney/normal_bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.ca23_coins_box_wrapper.select {
background-image: url(../image/addmoney/select_bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.ca23_coins_box_wrapper {
width: 130px;
height: 180px;
border-radius: 5px;
margin-left: 10px;
border: 2px solid #f4f4f4;
margin-top: 5px;
position: relative;
}

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

.ca23_coins_box_wrapper .div1b img {
width: 40px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ca23_coins_box_wrapper .div6a {
color: #FFFFFF;
font-family: 'PoppinsMedium';
font-size: 1.3rem;
margin-top: 0px;
margin-left: 0px;
text-align: center;
line-height: 20px;
font-weight: bolder;
}

.ca23_coins_box_wrapper .div1c {
width: 100%;
height: 50px;
border-radius: 3px;
background-color: #f4f4f4;
text-align: center;
color: #272838;
font-family: 'Poppins-Bold';
font-size: 1.5rem;
position: absolute;
bottom: 0px;
text-transform: uppercase;
line-height: 50px;
}

.ca23_btn_wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_moreinfo_wrap_btn {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.1rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: #2d53d5;

line-height: 30px;
width: 90vw;
display: block;
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_money_info_page .div2 img {
width: 30px;
height: auto;
margin-right: 5px;
margin-top: -6px;
}

.ca23_disable_button {
opacity: 0.4 !important;
/*	filter: grayscale(1);*/
}

/*battle css starts*/
.ca23_casual_battle_div3 {
width: 80vw;
margin-left: auto;
margin-right: auto;
}

.ca23_casual_battle_div1 {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 10px;
}

.ca23_casual_battle_div1 .ca23_image_wrap {
width: 70px;
height: 70px;
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 #585978;
}

.ca23_casual_battle_div1 .ca23_image_wrap img {
width: 70px;
height: 70px;
margin-left: auto;
margin-right: auto;

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

.ca23_casual_battle_div1 .ca23_image_wrap1 {
width: 70px;
height: 70px;
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: 2px solid #585978;
}

.ca23_casual_battle_div1 .ca23_image_wrap1 img {
width: 70px;
height: 70px;
margin-left: auto;
margin-right: auto;
border: 0px solid #585978;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-top: 0px;
margin-left: 0px;
}



.ca23_casual_battle_div1 .ca23_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: 2px solid #585978;
}

.ca23_casual_battle_div1 .ca23_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;
}

.ca23_casual_battle_wrap .ca23_image_name_s {
font-family: 'Poppins-Bold';
color: #f4f4f4;
font-size: .9rem;
text-transform: capitalize;
text-align: center;
}

.ca23_waiting_txt {
font-family: 'PoppinsMedium';
color: #cccccc;
font-size: .9rem;
width: 90%;
margin: 0 auto;
text-align: center;
}

.ca23_casual_battle_wrap .ca23_image_name {
font-family: 'Poppins-Bold';
color: #f4f4f4;
font-size: 1.3rem;
text-transform: capitalize;
text-align: center;
width: 100%;
text-align: center;
}

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

.ca23_vs_icon img {
width: 65px;
height: auto;
margin-top: 0px;
margin-left: 0px;
}

@keyframes ripple {
0% {
box-shadow: 0 0 0 .2rem rgba(248, 171, 172, 0.1),
0 0 0 .3rem rgba(248, 171, 172, 0.1),
0 0 0 .5rem rgba(248, 171, 172, 0.1);
}

100% {
box-shadow: 0 0 0 .9rem rgba(248, 171, 172, 0.1),
0 0 0 .7rem rgba(248, 171, 172, 0.1),
0 0 0 .7rem rgba(248, 171, 172, 0);
}
}


.ca23_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;
}

.red_border_btn {
border: 3px solid #ed1c24 !important;
}

.green_border_btn {
border: 3px solid #12d87d !important;
}

.ca23_share_room_wrap {
width: 84%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
background: #272838;
padding: 3%;
}

.ca23_share_room_wrap .left_name {
width: 48%;
float: left;
text-align: right;
font-family: 'Poppins-Bold';
color: #f4f4f4;
font-size: 1rem;
margin-left: 1%;
}

.ca23_share_room_wrap .right_name {
width: 48%;
float: left;
text-align: left;
font-family: 'Poppins-Bold';
color: #ed1c24;
/*Modified on 30 May 2023*/
font-size: 1.4rem;
/*Modified on 30 May 2023*/
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
/*Modified on 30 May 2023*/
margin-left: 1%;
margin-top: -4px;
text-transform: none!important;
}

.ca23_share_room_wrap .right_name img {
width: auto;
height: 15px;
/*Modified on 30 May 2023*/
margin-left: 3px;
/*Modified on 30 May 2023*/
/*	filter: brightness(var(--value, 5)); --value:0;*/
}


.ca23_share_room_txt {
text-align: center;
font-family: 'PoppinsMedium';
color: #cccccc;
font-size: .8rem;
width: 100%;
margin: 0 auto;
}

/*battle css ends*/

.ca23_musttry_wrap1 .ca23_more_icon_bg {
position: absolute;
left: 0;
bottom: 13vw;
z-index: 1;
visibility: hidden;

}

.ca23_musttry_wrap1 .ca23_more_icon_bg img {
width: 50px;
height: auto;
border-radius: 0px 0px 0px 15px;
-moz-border-radius: 0px 0px 0px 15px;
-webkit-border-radius: 0px 0px 0px 15px;

}


.ca23_musttry_wrap1 .ca23_more_icon {
position: absolute;
left: 1vw;
bottom: 7vw;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
background-color: rgba(0, 0, 0, 0.50);
border-radius: 50%;
}

.ca23_musttry_wrap1 .ca23_more_icon img {
width: 16px;
height: auto;
}

.ca23_musttry_wrap1 .ca23_timer_text {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 1);
font-size: .8rem;
position: absolute;
right: 4vw;
top: 2vw;
z-index: 1;
width: auto;
height: 20px;
background-color: #ff3300;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
text-align: center;
padding: 0px 10px 0px 10px;
line-height: 20px;
font-weight: bolder;
}

.ca23_musttry_wrap1 .ca23_musttry_like1 {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
right: 5px;
top: 8vw;
z-index: 1;
width: auto;
min-width: 60px;
height: 26px;
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: 3px 5px 0px 5px;
background-image: url("../image/promo_banner/pomo_bg_orange.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 26px;
display: none;
}

.ca23_musttry_wrap1 .ca23_musttry_like1 img {
width: 12px;
height: auto;
margin-right: 1px;
margin-left: 1px;
}


.ca23_musttry_wrap1 {
width: 29vw;
height: 33vw;
/*Added on 16 June 2023*/
border-radius: 15px;
position: relative;
overflow: hidden;
/* margin-left: 12vw; */

}

.ca23_musttry_wrap1 .ca23_trend_gradient_s {
width: 27vw;
height: 27vw;
overflow: hidden;


position: absolute;
z-index: 0;
opacity: 1;
bottom: 13vw;
opacity: 0.2;
-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 */

border-radius: 15px;
}

.ca23_musttry_wrap1 .ca23_musttry_image_wrap {
width: 29vw;
height: 29vw;
border-radius: 15px;
overflow: hidden;
}

.ca23_musttry_wrap1 .ca23_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: #3e55f0;
background: -moz-linear-gradient(top, #3e55f0 0%, #1d74f4 100%);
background: -webkit-linear-gradient(top, #3e55f0 0%, #1d74f4 100%);
background: linear-gradient(to bottom, #3e55f0 0%, #1d74f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e55f0', endColorstr='#1d74f4', GradientType=0);
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;
border-radius: 15px;
}



.ca23_musttry_wrap1 .ca23_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;
}

.ca23_musttry_wrap1 .ca23_musttry_txt {
font-family: 'PoppinsMedium';
color: #f4f4f4;
display: table-row-group;
text-align: left;
width: 100%;
}

.ca23_musttry_wrap1 .ca23_musttry_txt .ca23_text2 {
font-family: 'PoppinsRegular';
font-size: 1rem;
flex-direction: row;
text-align: left;
align-items: flex-start;
width: 100%;
margin-top: -2px;
color: #FFFFFF;
display: inline-flex;
}

.ca23_musttry_wrap1 .ca23_musttry_txt .ca23_text2 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.ca23_musttry_wrap1 .ca23_musttry_txt .ca23_text1 {
font-family: 'PoppinsMedium';
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;
display: inline-flex;
display: none !important;
/*Added on 16 June 2023*/
}

.ca23_musttry_wrap1 .ca23_musttry_txt .ca23_text1 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.ca23_musttry_wrap1 .ca23_musttry_like {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 1);
font-size: .9rem;
position: absolute;
right: 2vw;
top: 10px;
z-index: 1;
width: 40px;
height: 20px;
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;
background-image: url(../image/promo_banner/promo_green_tag.png);
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 45px;
}

/* .ca23_musttry_wrap5 .ca23_more_icon{
position: absolute;
left: 0.9vw;
bottom: 14vw;
z-index: 2;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_musttry_wrap5 .ca23_more_icon img{
width: 18px;
height: auto;
} */

.ca23_musttry_wrap5 .ca23_timer_text {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 1);
font-size: .8rem;
position: absolute;
right: 4vw;
top: 2vw;
z-index: 1;
width: auto;
height: 20px;
background-color: #ff3300;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
text-align: center;
padding: 0px 10px 0px 10px;
line-height: 20px;
font-weight: bolder;
display: none;
}

.ca23_musttry_wrap5 .ca23_musttry_like1 {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
right: 5px;
top: 8vw;
z-index: 1;
width: auto;
min-width: 60px;
height: 26px;
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: 3px 5px 0px 5px;
background-image: url("../image/promo_banner/pomo_bg_orange.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 26px;
display: none !important;
}

.ca23_musttry_wrap5 .ca23_musttry_like1 img {
width: 12px;
height: auto;
margin-right: 1px;
margin-left: 1px;
}


.ca23_musttry_wrap5 {
width: 29vw;
height: 40vw;
border-radius: 15px;
position: relative;
overflow: hidden;
margin-left: 0vw;
margin-bottom: 4vw;
}

.ca23_musttry_wrap5 .ca23_trend_gradient_s {
width: 27vw;
height: 27vw;
overflow: hidden;


position: absolute;
z-index: 0;
opacity: 1;
bottom: 13vw;
opacity: 0.2;
-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 */

border-radius: 15px;
}

.ca23_musttry_wrap5 .ca23_musttry_image_wrap {
width: 29vw;
height: 29vw;
border-radius: 15px;
overflow: hidden;
}

.ca23_musttry_wrap5 .ca23_musttry_image_wrap img {
width: 27vw;
height: 27vw;
-webkit-box-shadow: 1px 1px 10px -2px rgba(51, 182, 218, 1);
-moz-box-shadow: 1px 1px 10px -2px rgba(51, 182, 218, 1);
box-shadow: 1px 1px 10px -2px rgba(51, 182, 218, 1);
border-radius: 15px;
}

.ca23_musttry_wrap5 .ca23_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: #3e55f0;
background: -moz-linear-gradient(top, #3e55f0 0%, #1d74f4 100%);
background: -webkit-linear-gradient(top, #3e55f0 0%, #1d74f4 100%);
background: linear-gradient(to bottom, #3e55f0 0%, #1d74f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e55f0', endColorstr='#1d74f4', GradientType=0);
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;
border-radius: 15px;
}



.ca23_musttry_wrap5 .ca23_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;
}

.ca23_musttry_wrap5 .ca23_musttry_txt {
font-family: 'PoppinsMedium';
color: #f4f4f4;
display: table-row-group;
text-align: left;
width: 100%;
}

.ca23_musttry_wrap5 .ca23_musttry_txt .ca23_text2 {
font-family: 'PoppinsRegular';
font-size: 1rem !important;
/*Added on 16 June 2023*/
flex-direction: row;
text-align: left;
align-items: flex-start;
width: 100%;
margin-top: -2px;
color: #f4f4f4;
display: inline-flex;
}

.ca23_musttry_wrap5 .ca23_musttry_txt .ca23_text2 img {
width: 15px !important;
/*Added on 16 June 2023*/
height: auto;
margin-left: 0px;
}

.ca23_musttry_wrap5 .ca23_musttry_txt .ca23_text1 {
font-family: 'PoppinsMedium';
font-size: 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;
display: inline-flex;
}

.ca23_musttry_wrap5 .ca23_musttry_txt .ca23_text1 img {
width: 15px;
height: auto;
margin-left: 3px;
}

.ca23_musttry_wrap5 .ca23_musttry_like {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 1);
font-size: .9rem;
position: absolute;
right: 2vw;
top: 10px;
z-index: 1;
width: 40px;
height: 20px;
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;
background-image: url(../image/promo_banner/promo_green_tag.png);
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 45px;
}

.ca23_musttry_wrap5 .ca23_more_icon_bg {
position: absolute;
left: 0;
bottom: 12vw;
z-index: 1;
visibility: hidden;

}

.ca23_musttry_wrap5 .ca23_more_icon_bg img {
width: 38px;
height: auto;
border-radius: 0px 0px 0px 15px;
-moz-border-radius: 0px 0px 0px 15px;
-webkit-border-radius: 0px 0px 0px 15px;
opacity: 70%;
}


.ca23_musttry_wrap5 .ca23_more_icon {
position: absolute;
left: 2vw;
bottom: 15vw;
z-index: 2;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.50);
border-radius: 50%;
}

.ca23_musttry_wrap5 .ca23_more_icon img {
width: 18px;
height: auto;
}


.ca23_musttry_wrap5 .ca23_musttry_tag {
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.90);
font-size: .8rem;
position: absolute;
left: -5px;
top: -2px;
z-index: 2;
width: 40px;
height: 20px;
text-align: center;
}

.ca23_musttry_wrap5 .ca23_musttry_tag img {
width: 27px;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}

/* count-down css starts */
.ca23_countdown_bg {
width: 100vw;
height: 100vh;
background-color: #272838 !important;
}

.ca23_countdown_bg .back_btn {
margin-left: 10px;
}

.ca23_countdown_bg .back_btn img {
width: 25px;
height: auto;
}

.ca23_countdown_icon_wrap {
width: 25vw;
margin-left: auto;
margin-right: auto;
position: relative;
}

.ca23_countdown_icon_wrap .ca23_icon_image {
width: 25vw;
height: 25vw;
position: relative;
margin-left: auto;
margin-right: auto;
}

.ca23_countdown_icon_wrap .ca23_icon_image img {
width: 25vw;
height: 25vw;
border-radius: 7px;
border: 2px solid rgba(255, 255, 255, 0.4);
}

.ca23_countdown_icon_wrap .ca23_icon_ic {
width: 6vw;
height: 6vw;
text-align: center;
position: absolute;
top: -1px;
left: 5px;
}

.ca23_countdown_icon_wrap .ca23_icon_ic img {
width: 25px;
height: auto;
}

.ca23_countdown_gameheader {
font-family: 'Poppins-Bold';
color: #fff;
font-size: 1.5rem;
text-transform: capitalize;
text-align: center;
width: 90%;
margin-left: auto;
margin-right: auto;
}

.ca23_countdown_header {
font-family: 'Poppins-Bold';
color: #fff;
font-size: 1rem;

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

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

.ca23_countdown_txt {
color: #FFFFFF;
font-size: 3.5rem;
width: 100%;
text-align: center;
font-family: 'Poppins-Bold';
}

.ca23_countdown_subheader {
font-family: 'PoppinsMedium';
color: #fff;
font-size: 1rem;

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

/* count-down css ends  */


/*Cashwallet style starts*/
.ca23_cashwallet_outer_wrap {
width: 100%;
height: 55vw;
/*	padding-top: 5vh;*/
}

.ca23_cashwallet_outer_wrap .ca23_question_space {
color: #fff;
font-family: 'Poppins-Bold';
font-size: 1.8rem;

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

.ca23_cashwallet_outer_wrap .ca23_question_wrap {
width: 90%;
height: 55vw;
background-color: transparent;
position: relative;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
background-image: url(../image/cashless_bg.jpg);
background-position: center;
padding-top: 1px;

}

.ca23_cash_small_heading {
color: #CCCCCC;
font-family: 'PoppinsMedium';
font-size: .8rem;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.ca23_cashwallet_outer_wrap .ca23_question_wrap .div1 {
color: #fff;
font-family: 'PoppinsMedium';
font-size: 1.2rem;
margin-left: 20px;
margin-top: 3vw;
}

.ca23_cashwallet_outer_wrap .ca23_question_wrap .div2 {
color: #fff;
font-family: 'Poppins-Bold';
font-size: 1.6rem;
margin-left: 20px;
margin-top: 1vw;
display: inline-flex;
align-items: center;
justify-content: center;
}

.ca23_cashwallet_outer_wrap .ca23_question_wrap .div2 img {
width: 25px;
height: auto;
}

.ca23_cashwallet_outer_wrap .ca23_question_wrap .div3 {
width: 45vw;
margin-left: auto;
margin-right: auto;
margin-top: 10vw;
}


.ca23_cashwallet_outer_wrap .ca23_question_wrap .div4 {
color: #efefef;
font-family: 'PoppinsRegular';
font-size: 1rem;
margin-left: 20px;
margin-top: -1vw;
/*Modified on 30 May 2023*/
}

.ca23_cashwallet_outer_wrap .ca23_question_wrap .div5 {
color: #fff;
font-family: 'PoppinsMedium';
font-size: 1.6rem;
margin-left: 20px;
margin-top: 0px;
}

.ca23_cashwallet_btn_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
}

.ca23_cashwallet_btn1_white {
border-radius: 30px;
height: 30px;
width: 100px;
background: #fff;
color: #272838 !important;
font-size: 1rem;
text-align: center;
line-height: 30px;
font-family: 'PoppinsMedium';
/*Modified on 30 May 2023*/
}

.ca23_cashwallet_btn1_outline {
border-radius: 30px;
height: 30px;
width: 100px;
background-color: transparent;
color: #fff;
font-size: 1rem;
text-align: center;
line-height: 30px;
font-family: 'PoppinsMedium';
/*Modified on 30 May 2023*/
border: 1px solid #FFFFFF;
}

.ca23_cashwallet_btn1 {
border-radius: 30px;
height: 40px;
width: auto;
background-color: rgba(255, 255, 255, 0.3);
font-size: 1.6rem;
text-align: center;
line-height: 40px;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
font-family: 'PoppinsMedium';
/*Modified on 30 May 2023*/
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_cashwallet_btn1 img {
width: 25px;
height: auto;
margin-right: 5px;
}

.ca23_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;
}

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

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

.ca23_cashwallet_outer_wrap .ca23_question_wrap .div2a {
width: 50px;
height: 21px;
position: absolute;
right: 40px;
padding-right: 20px;
top: 20px;
}

.ca23_cashwallet_btn2a {
border-radius: 30px;
height: 30px;
width: 90px;
background-color: rgba(255, 255, 255, 1);
font-size: 1rem;
text-align: center;
line-height: 30px;
margin-left: auto;
margin-right: auto;
color: #222222;
font-family: 'Poppins-Bold';
}

.ca23_score_outline_btn {
background: #272838;
border-radius: 100px;
padding: 5px 15px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
width: 150px;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsRegular';
display: inline;
border: 1px solid #272838;
}

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

.ca23_score_outline_btn.select {
background: #CCCCCC;
color: #272838;

}

.ca23_explore_tag_select_main_menu1 {
overflow: hidden;
white-space: nowrap;
background-color: transparent;
font-family: 'PoppinsMedium';
margin-left: 00px;
font-weight: bold;
padding: 0px 10px 0px 10px;
display: flex;
}

.ca23_explore_tag_select_main_menu1 a {
display: inline-block;
color: #000;
text-align: center;
text-decoration: none;
margin: 2px 3px 2px 3px;
cursor: pointer;
}

.ca23_explore_outline_btn1 {
background: #fff;
border-radius: 7px;
padding: 0px 15px;
color: #f4f4f4;
text-decoration: none;
font-size: 1.2rem;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsRegular';
border: 1px solid #CCCCCC;

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 50px;
width: 90px;
margin: 20px 0px 20px 0px;
text-align: center;
}

.ca23_explore_outline_btn1 img {
width: 20px;
height: 20px;
margin-right: 5px;
}

.ca23_explore_outline_btn1.coins_image {
justify-content: none !important;
}

.ca23_explore_outline_btn1 .coins_cash_ic_txt {
font-size: .95rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_explore_outline_btn1 .coins_cash_ic_txt img {
width: 14px !important;
height: 14px !important;
}


.ca23_explore_outline_btn1.brown_bg {
border: none;
background-color: #e09010;
color: #fff;
box-shadow: -3px 4px 10px -4px rgba(224, 144, 16, 1);
-webkit-box-shadow: -3px 4px 10px -4px rgba(224, 144, 16, 1);
-moz-box-shadow: -3px 4px 10px -4px rgba(224, 144, 16, 1);
}

.ca23_explore_outline_btn1.blue_bg {
border: none;
background-color: #5489fd;
color: #fff;
box-shadow: -3px 4px 10px -4px rgba(84, 137, 253, 1);
-webkit-box-shadow: -3px 4px 10px -4px rgba(84, 137, 253, 1);
-moz-box-shadow: -3px 4px 10px -4px rgba(84, 137, 253, 1);
}

.ca23_explore_outline_btn1.pink_bg {
border: none;
background-color: #db286d;
color: #fff;
box-shadow: -3px 4px 10px -4px rgba(219, 40, 109, 1);
-webkit-box-shadow: -3px 4px 10px -4px rgba(219, 40, 109, 1);
-moz-box-shadow: -3px 4px 10px -4px rgba(219, 40, 109, 1);
}

.ca23_explore_outline_btn1.grey1_bg {
border: none;
background-color: #4a4238;
color: #fff;
box-shadow: -3px 4px 10px -4px rgba(74, 66, 56, 1);
-webkit-box-shadow: -3px 4px 10px -4px rgba(74, 66, 56, 1);
-moz-box-shadow: -3px 4px 10px -4px rgba(74, 66, 56, 1);
}

.ca23_explore_outline_btn1.lg_bg {
border: none;
background-color: #61d101;
color: #fff;
box-shadow: -3px 4px 10px -4px rgba(97, 209, 1, 1);
-webkit-box-shadow: -3px 4px 10px -4px rgba(97, 209, 1, 1);
-moz-box-shadow: -3px 4px 10px -4px rgba(97, 209, 1, 1);
}

.ca23_explore_outline_btn1.dg_bg {
border: none;
background-color: #43d4ac;
color: #fff;
box-shadow: -3px 4px 10px -4px rgba(67, 212, 172, 1);
-webkit-box-shadow: -3px 4px 10px -4px rgba(67, 212, 172, 1);
-moz-box-shadow: -3px 4px 10px -4px rgba(67, 212, 172, 1);

}

.ca23_set_rock_table table {
width: 90%;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
background: #272838;
}

.ca23_set_rock_table table td {
padding: 5% 5px 5% 5px;
font-family: 'PoppinsMedium';
font-size: 1.2rem;
text-transform: uppercase;
color: #FFFFFF;
}

.ca23_set_rock_table table td .ca23_cash_heading {
font-family: 'PoppinsMedium';
font-size: 1.3rem;
text-transform: uppercase;
color: #FFFFFF;
}

.ca23_set_rock_table table td .ca23_cash_subheading {
font-family: 'PoppinsRegular';
font-size: .9rem;

color: #CCCCCC;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.ca23_set_rock_table table td .ca23_cash_time {
font-family: 'PoppinsRegular';
font-size: 0.9rem;

color: #CCCCCC;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.ca23_set_rock_table table td .ca23_cash_expiry {
font-family: 'PoppinsRegular';
font-size: 0.7rem;

color: #ed1c24;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.ca23_set_rock_table table td .ca23_cash_image {
width: 30px;
height: 30px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}

.ca23_set_rock_table table td .ca23_cash_image img {
width: 25px;
height: auto;
}

.red_color_txt {
color: #ed1c24 !important;
}

.ca23_set_rock_table table td.border_top {
border-top: 1px solid #272838;
}


.ca23_set_rock_table table td.border_bottom {
border-bottom: 1px solid #000000;
}

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

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

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

/*Cashwallet style ends*/


/*Game payment popup*/
.ca23_game_pop_bg {
width: 100%;
height: 30vw;
background-image: url("../image/payment_pop/payment_bg.jpg");
background-position: center;
background-repeat: no-repeat;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

.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;
position: relative;
}

.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_game_pop_text {
font-family: 'PoppinsMedium';
color: #f4f4f4;
font-size: 1rem;
width: 85%;
margin-left: auto;
margin-right: auto;
text-align: center;
line-height: 18px;
}

ul.ca23_share_menu {
width: 100%;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

li.ca23_share_menu {
color: #333;
width: 20vw;
padding: 5px 0px 5px 0px;
float: left;
text-align: center;
background-color: none;
font-weight: normal;
font-family: 'PoppinsMedium';
font-size: 14px;
line-height: 10px;
margin-left: 7px;
}

.ca23_share_ic_wrap {}

.ca23_ic_share_img img {
text-align: center;
width: 40px;
height: auto;
border-radius: 50%;
background-color: #f4f4f4;
}

.ca23_ic_share_img_invite img {
text-align: center;
width: 40px;
height: auto;
border: 4px solid #585978;
border-radius: 50%;
}


.ca23_ic_share_text {
text-align: center;
font-size: .8rem;
color: #cccccc;
font-family: 'Poppins-Bold';
padding-top: 10px;
}

ul.ca23_share_menu1 {
width: 80%;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

li.ca23_share_menu1 {
color: #333;
width: 13vw;
padding: 5px 0px 5px 0px;
float: left;
text-align: center;
background-color: none;
font-weight: normal;
font-family: 'PoppinsMedium';
font-size: 14px;
line-height: 10px;
margin-left: 7px;
}

.ca23_share_ic_wrap1 {}

.ca23_ic_share_img1 img {
text-align: center;
width: 45px;
height: auto;
}

.ca23_gamepop_btn {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: #2d53d5;

line-height: 35px;
width: 80vw;
display: block;
text-align: center;
height: 35px;
background-color: #ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}

.ca23_gamepop_btn img {
width: 15px;
height: auto;
margin: 0px 5px 0px 5px;
}

.ca23_gamepop_btn .status_icon {
position: absolute;
width: 25px;
height: 25px;
right: 5vw;
top: 2vw;
}

.ca23_gamepop_btn .status_icon img {
width: 25px;
height: auto;
}


.ca23_popup_error {
text-align: center;
font-size: .9rem;
color: #ed1c24;
font-family: 'PoppinsMedium';
}

.ca23_load {
display: flex;
justify-content: center;
margin: 0 auto;
}

.ca23_load div {
width: 10px;
height: 10px;
background-color: rgb(64, 255, 146);
border-radius: 50%;
margin: 0 2px;
animation-name: up-and-down;
animation-duration: 0.8s;
animation-iteration-count: infinite;
animation-direction: alternate;
}

.ca23_load .two {
animation-delay: 0.3s;
}

.ca23_load .three {
animation-delay: 0.6s;
}

@keyframes up-and-down {

to {
opacity: 1;
transform: translateY(-10px);

}
}

.ca23_red_txt {
color: #ed1c24 !important;
}

.ca23_red_txt strong {
color: #ed1c24 !important;
font-family: 'Poppins-Bold';
}

/*Game payment popup*/


/*Invite popup*/
.ca23_invite_bottom_txt {
text-align: center;
font-family: 'PoppinsMedium';
color: #CCCCCC;
font-size: 1rem;
width: 100%;
margin: 0 auto;
}

.ca23_invite_box_wrap {
width: 84%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
background: #272838;
padding: 3%;
}

.ca23_invite_prize_details {
float: left;
width: 40%;
color: #F4F4F4;
font-family: 'Poppins-Bold';
text-align: left;
margin-left: 8%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: 1.2rem;

}

.ca23_invite_prize_details img {
width: 20px;
height: auto;
margin-right: 3px;
}

.ca23_invite_subheader {
width: 40%;
color: #F4F4F4;
font-family: 'Poppins-Bold';
font-size: 1.1rem;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-left: auto;
margin-right: auto;
float: right;
margin-right: 8%;
}

.ca23_invite_subheader img {
width: 20px;
height: auto;
}

.ca23_invite_box_txt1 {
text-align: center;
font-size: .9rem;
color: #fff;
font-family: 'PoppinsMedium';
width: 95%;
margin-left: auto;
margin-right: auto;
}

.ca23_invite_box_txt2 {
text-align: center;
font-size: .9rem;
color: #fff;
font-family: 'Poppins-Bold';
width: 95%;
margin-left: auto;
margin-right: auto;
}

.ca23_invite_dropdown {
width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
background: #272838;
padding: 5%;
}

.ca23_invite_dropdown .left_name {
width: 40%;
float: left;
text-align: left;
font-family: 'Poppins-Bold';
color: #f4f4f4;
font-size: 1rem;
}

.ca23_invite_dropdown .right_name {
width: 40%;
float: right;
text-align: right;
font-family: 'Poppins-Bold';
color: #f4f4f4;
font-size: 1rem;
display: flex;
flex-direction: row;
justify-content: flex-end;
}

.ca23_invite_dropdown .right_name img {
width: auto;
height: 15px;
}



.ca23_editpage_dropdown .left_name {
width: 40%;
float: left;
text-align: left;
font-size: 1rem;
}

.ca23_editpage_dropdown .right_name {
width: 40%;
float: right;
text-align: right;
font-size: 1rem;
display: flex;
flex-direction: row;
justify-content: flex-end;
}

.ca23_editpage_dropdown .right_name img {
width: auto;
height: 15px;
}

.arrow {
top: 10px;
right: 20px;
width: 5px;
height: 5px;
border-right: 2px solid #f4f4f4;
border-bottom: 2px solid #f4f4f4;
transition: transform 0.5s;
transform: rotate(45deg);
}

span.arrow.active {
transform: rotate(225deg);
}



.ca23_invite_txt {
width: 76vw;
font-size: 1.1rem;
text-decoration: none;
font-family: 'Poppins-Bold';
text-align: left;
margin-left: auto;
margin-right: auto;
border-radius: 8px;
height: 40px;
background-color: #FFFFFF;
border: 2px solid #D8D7D7;
padding-left: 10px;
text-transform: none!important;
}

.ca23_invite_txt.error_txt {
border: 2px solid #ed1c24;
}

.ca23_invite_txt::placeholder {
color: #999999;
font-family: 'Poppins-Bold';
font-size: 1rem;
}

.ca23_invite_error {
font-size: .9rem;
color: #ed1c24;
text-align: left;
font-family: 'PoppinsMedium';
width: 76vw;
margin-left: auto;
margin-right: auto;
}

.ca23_sample_bg img {
height: 100vh;
width: 100%;
position: relative;
}

.ca23_score_on_game {
height: 50px;
position: absolute;
width: 100%;
z-index: 1;
}

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

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

.battle_pop_ic img {
width: 50px;
height: auto;
position: absolute;
z-index: 1;
right: 3vw;
top: 22vw;
}

.ca23_contestant_image_wrap_outer {
display: none;
margin-top: 10vw;
}

.ca23_contestant_image_wrap .ca23_battle_close {
right: -8px;
top: 10vw;
position: absolute;
z-index: 1;
}

.ca23_contestant_image_wrap .ca23_battle_close img {
width: 45px;
height: auto;
}

.ca23_contestant_profile_wrap {
width: 14vw;
height: 14vw;
border-radius: 5px;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.2);
margin: 0px 1px 0px 1px;
}



.ca23_contestant_profile_wrap img {
width: 14vw;
height: 14vw;
border-radius: 5px;
}

.ca23_contestant_profile_wrap .ca23_image_txt {
width: 100%;
height: 5vw;
background-color: rgba(0, 0, 0, 0.40);
position: absolute;
bottom: 0px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
text-align: center;
line-height: 2.5vw;
z-index: 2;
}

.ca23_contestant_profile_wrap .ca23_image_txt .ca23_left_txt {
width: 100%;
color: #FFFFFF;
font-family: 'PoppinsMedium';
font-size: .65rem;
font-weight: bolder;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.ca23_contestant_profile_wrap .ca23_image_txt .ca23_right_txt {
width: 100%;
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: .65rem;
font-weight: bolder;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.ca23_contestant_profile_wrap .ca23_video_img {
position: absolute;
top: 3px;
background-color: #6c6e70;
width: 4vw;
height: 4vw;
border-radius: 25px;
left: 3px;
border: 1px solid #efefef;
text-align: center;
z-index: 2;
}

.ca23_contestant_profile_wrap .ca23_video_img img {
width: 3vw;
height: 3vw;
margin-top: .5vw;
}

.ca23_contestant_profile_wrap .ca23_mic_img {
position: absolute;
top: 3px;
background-color: #6c6e70;
width: 4vw;
height: 4vw;
border-radius: 25px;
right: 3px;
border: 1px solid #efefef;
text-align: center;
z-index: 2;
}

.ca23_contestant_profile_wrap .ca23_mic_img img {
width: 3vw;
height: 3vw;
margin-top: .5vw;
}

/*Invite popup*/




/*Activity page css starts*/

.ca23_activity_icon_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}

.ca23_activity_icon_wrap .ca23_div1_battle {
float: left;
width: 25%;
}

.ca23_activity_icon_wrap .ca23_div2_battle {
float: left;
width: 75%;
color: #fff;
font-family: 'Poppins-Bold';
font-size: 1.5rem;
line-height: 70px;
position: absolute;
margin-left: 26vw;
margin-top: -5vw;
}

.ca23_activity_icon_wrap .ca23_div2_battle1a {
float: left;
width: 75%;
color: #fff;
font-family: 'Poppins-Bold';
font-size: 1.3rem;
line-height: 70px;
position: absolute;
margin-left: 23vw;
margin-top: -4vw;
}

.ca23_activity_icon_wrap .ca23_div2_battle1 {
float: left;
width: 75%;
color: #fff;
font-family: 'PoppinsRegular';
font-size: 1rem;
line-height: 20px;
position: absolute;
margin-left: 23vw;
margin-top: 8vw;
color: #fff;
}

.ca23_activity_icon_wrap .ca23_div2_battle2 {
float: left;
width: 60%;
color: #fff;
font-family: 'PoppinsMedium';
font-size: 1rem;
line-height: 16px;
position: absolute;
margin-left: 26vw;
margin-top: 8vw;
color: rgba(255, 255, 255, 0.60);
}

.ca23_activity_icon_wrap .ca23_div1_battle .ca23_icon_image {
width: 50px;
height: 50px;
position: relative;
margin-left: auto;
margin-right: auto;
}

.ca23_activity_icon_wrap .ca23_div1_battle .ca23_icon_image img {
width: 50px;
height: 50px;
border-radius: 7px;
border: 2px solid rgba(255, 255, 255, 0.4);
}


.ca23_activity_icon_wrap .ca23_div1_battle .ca23_icon_ic {
width: 50px;
height: 30px;
text-align: center;
position: absolute;
margin-top: -72px;
margin-left: -2px;
}

.ca23_activity_icon_wrap .ca23_div1_battle .ca23_icon_ic img {
width: 25px;
height: auto;
}

.ca23_activity_pop_bg {
width: 100%;
height: 22vw;
/*background-image: url("../image/payment_pop/payment_bg.jpg");*/
background-position: center;
background-repeat: no-repeat;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
	background-color: #777777;
}

.ca23_winner_table table {
width: 95%;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
background: #272838;
margin-bottom: 5px;
}

.ca23_winner_table table td {
padding: 2% 5px 2% 5px;
font-family: 'PoppinsMedium';
font-size: 1.2rem;
text-transform: uppercase;
color: #FFFFFF;
}

.ca23_winner_table table td .ca23_winner_heading {
font-family: 'PoppinsMedium';
font-size: 1rem;
text-transform: capitalize;
color: #FFFFFF;
text-align: left;
padding-left: 2%;
}

.ca23_winner_table table td .ca23_winner_subheading {
font-family: 'PoppinsRegular';
font-size: 1rem;
color: #FFFFFF;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_winner_table table td .ca23_winner_subheading img {
width: 15px;
height: auto;
}

.ca23_leaderboard_table_22 .ca23_image_name_wraps .ca23_table_sm_txts {
float: left;
margin-left: 5px;
height: 20px;
line-height: 20px;
width: 45px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
}

.ca23_leaderboard_table_22 .ca23_image_name_wraps {
width: 95px;
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;
}

.ca23_winner_table table td .ca23_winner_image {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
border: 1px solid #efefef;
}

.ca23_winner_table table td .ca23_winner_image img {
width: 30px;
height: 30px;
border-radius: 50%;
}

.ca23_winner_txt1 {
width: 75%;
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Regular';
color: #FFFFFF;
font-size: 1.8rem;
line-height: 20px;
}

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

.ca23_winner_img img {
width: 150px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ca23_activity_pop_roundborder {
width: 90vw;
height: 60px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
background: #424040;
}


.ca23_activity_pop_roundborder .ca23_score_details_4 {
color: #FFFFFF!important;
font-family: 'PoppinsMedium';
font-size: 1.1rem;
width: 20vw;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}


.ca23_activity_pop_roundborder .ca23_score_details_4 strong {
color: #FFFFFF!important;
font-family: 'Poppins-Bold';
}

.ca23_activity_pop_roundborder .ca23_score_details_3 {
color: #FFFFFF!important;
font-family: 'PoppinsMedium';
font-size: 1.1rem;
width: 30vw;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}


.ca23_activity_pop_roundborder .ca23_score_details_3 strong {
color: #FFFFFF!important;
font-family: 'Poppins-Bold';
}

.ca23_activity_pop_roundborder .ca23_score_details_2 {
color: #FFFFFF!important;
font-family: 'PoppinsMedium';
font-size: 1.1rem;
width: 50vw;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}


.ca23_activity_pop_roundborder .ca23_score_details_2 strong {
color: #FFFFFF!important;
font-family: 'Poppins-Bold';
}



.ca23_activity_page_pop_header {
color: #FFFFFF!important;
font-family: 'Poppins-Bold';
font-size: 1.4rem;
width: 90%;
text-align: left;
line-height: 24px;

margin-left: auto;
margin-right: auto;
}

.ca23_activity_page_pop_subheader {
color: #cccccc;
font-family: 'PoppinsMedium';
font-size: 1rem;
width: 90%;
text-align: left;
line-height: 24px;

margin-left: auto;
margin-right: auto;
}

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

.ca23_activity_page .header_txt {
text-align: left;
color: #272838;
font-family: 'PoppinsMedium';
font-size: 1.3rem;
width: auto;
padding-top: 15px;
margin-left: 20px;
float: left !important;
}

.ca23_activity_page .ca23_notication_select {
float: right;
margin-right: 20px;
}

.ca23_activity_card {
min-height: 100px;
width: 90%;
margin-right: auto;
margin-left: auto;
border-radius: 7px;
margin-bottom: 10px;
background: #272838;
-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%);
}

.ca23_medal_ic {
float: left;
}

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

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

.ca23_set_rock_table1 table td {
padding: 5px 2px 4px 3px;
border-bottom: none;
}

.ca23_set_rock_table1 table td .txt1,
.ca23_set_rock_table1 table td .txt4 {
font-size: .8rem;
font-family: 'PoppinsRegular';
color: #fff;
padding: 2px;
}

.ca23_set_rock_table1 table td .txt4s {
font-size: .8rem;
color: #222;
width: 100% !important;
display: -webkit-box;
}

.ca23_set_rock_table1 table td .txt4 {
font-size: .8rem;
color: #222;
}

.ca23_set_rock_table1 table td .txt4 div {
width: auto;
color: #CCCCCC;
float: left;
}

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

.ca23_set_rock_table1 table td .txt4 .border_right.red {
border-right: 1px solid #5e338d !important;
}

.ca23_set_rock_table1 table td .txt4 div strong {
color: #272838;
font-family: 'Poppins-Bold';
font-weight: bolder;
}

.ca23_set_rock_table1 table td .txt4b {
font-size: .9rem;
font-family: 'PoppinsRegular';
padding-top: 0px;
color: #CCCCCC;
padding: 2px;
}

.ca23_set_rock_table1 table td .txt4b strong {
color: #CCCC00;
font-weight: bolder;
}

.ca23_set_rock_table1 table td .txt4b div {
width: auto;
color: #FFFFFF;
float: left;
display: flex;
}

.ca23_album_wrap_small1 img {
width: 70px;
height: 70px;
border-radius: 10px;
}

.ca23_act_btn_txt {
font-size: 8px;
font-family: 'PoppinsMedium';
padding-top: 5px;
color: #FFFFFF;
text-align: center;
width: 90px;
}

.ca23_activity_sml_heading {
font-size: 10px;
font-family: 'PoppinsMedium';
color: #CCCCCC;
}

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

.ca23_album_wrap_small1 .ca23_icon_ic {
width: 70px;
height: 30px;
text-align: center;
position: absolute;
margin-top: -2px;
margin-left: -20px;
}

.ca23_album_wrap_small1 .ca23_icon_ic img {
width: 25px;
height: auto;
}

.ca23_activity_card_btn {
border-radius: 25px;
/* padding: 3px!important; */
color: #FFFFFF;

margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
font-size: 0.65rem !important;
margin-left: auto;
margin-right: auto;
display: inline;
background-color: #ed1c24;
line-height: 15px;
display: block;
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
padding: 1px 6px 1px 6px;
}

.ca23_activity_card_btn img {
width: 12px;
height: auto;
margin: 0px 2px 0px 2px;
}


.center {
text-align: center !important;
}

.ca23_activity_card .timer_bottom_txt {
font-family: 'PoppinsMedium';
font-size: .8rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: bolder;
line-height: 30px;
color: rgba(255, 255, 255, 0.70);
}

.ca23_activity_card .timer_bottom_txt img {
width: 12px;
height: auto;
margin-right: 1px;
margin-top: -1px;
}

.ca23_leader_table_header_small {
font-family: 'Poppins-Bold';
color: #cccccc;
width: 35px;
text-align: center;
font-size: .85rem;
}

.ca23_leader_table_txt_big {
font-family: 'PoppinsRegular';
color: #cccccc;
width: 60px;
text-align: center;
font-size: .85rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_leader_table_txt_big img {
width: 13px;
height: auto;
}

.ca23_sl_no {
text-align: center;
background-position: center;
background-size: cover;
height: 30px;
font-size: 1rem;
font-family: 'PoppinsMedium';
line-height: 30px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap3 {
width: 150px;
margin-left: auto;
margin-right: auto;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap3 .ca23_table_sm_img {
float: left;
width: 25px;
height: 25px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap3 .ca23_table_sm_img img {
width: 23px;
height: 23px;
border-radius: 50%;
margin-top: 3px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap3 .ca23_table_sm_txt {
float: left;
margin-left: 5px;
height: 30px;
line-height: 30px;
width: 120px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap3 {
width: 150px;
margin-left: auto;
margin-right: auto;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap3 .ca23_table_sm_img {
float: left;
width: 25px;
height: 25px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap3 .ca23_table_sm_img img {
width: 23px;
height: 23px;
border-radius: 50%;
margin-top: 3px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap3 .ca23_table_sm_txt {
float: left;
margin-left: 5px;
height: 30px;
line-height: 30px;
width: 120px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
}

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

.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: #c4c4c4;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap {
width: 100px;
margin-left: auto;
margin-right: auto;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score {
width: 150px;
margin-left: auto;
margin-right: auto;
}

.best_entry_score {
margin-left: 0px !important;
}

.best_entry_header {
font-family: 'Poppins-Bold';
color: #F4F4F4;
width: auto;
text-align: center;
}

.best_entry_name {
margin-left: auto !important;
text-align: left !important;
}

.best_entry_score_activity {
text-align: center !important;
}


.ca23_leaderboard_table_22 .ca23_image_name_wrap1 .ca23_table_sm_time {
float: left;
margin-left: 5px;
height: 20px;
line-height: 20px;
width: 60px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap .ca23_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;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
color: #FFFFFF!important;
}

.ca23_leader_table_header5 {
font-family: 'Poppins-Bold';
color: #cccccc;
width: 150px;
text-align: center;
}

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

.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: #c4c4c4;
}

.ca23_leader_table_txt_big img {
width: 13px;
height: auto;
}

.ca23_leader_table_header_big {
font-family: 'Poppins-Bold';
color: #cccccc;
width: 60px;
text-align: center;
font-size: .85rem;
}

.ca23_leader_table_txt_small {
font-family: 'PoppinsRegular';
color: #cccccc;
width: 35px;
text-align: center;
font-size: .85rem;
}

/*Activity page css ends*/

/* footer css starts */
.ca23_footer_home {
height: 75px;
width: 100%;
background-color: rgba(255, 255, 255, 1.00);
position: fixed;
bottom: 0px;
z-index: 3;
background-image: url("../image/footer_image/footer_bg.png");
background-position: top center;
background-repeat: repeat-x;
background-size: 1.3px;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_footer_item {
width: 20%;
height: 65px;
float: left;
text-align: center;
margin-top: 10px;
}

.ca23_footer_item.select1 {
background-image: url("../image/footer_image/footer_select.png");
background-position: top center;
background-repeat: no-repeat;
margin-top: -8px;
background-size: 140px;
}

.ca23_footer_item .ca23_item_image {
width: 100%;
height: auto;
margin-top: 10px;
}

.ca23_footer_item .ca23_item_image img {
width: 35px;
height: 35px;
}

.ca23_footer_item.select1 .ca23_item_image img {
border-radius: 50%;
background-color: #fff;
margin-top: -5px;
margin-bottom: 10px;
padding: 1px;
}

.ca23_footer_item .ca23_item_name {
width: 100%;
height: auto;
color: #b2b2b2;
font-size: .8rem;
font-family: 'Poppins-Bold';
margin-top: -3px;
text-transform: uppercase;
}

.ca23_footer_item .ca23_item_name.select {
color: #b2b2b2;
font-family: 'Poppins-Bold';
font-weight: bolder;
}

.ca23_footer_item .ca23_item_name.select.footer_txt_activity {
color: #fe5b90 !important;
}

.ca23_footer_item .ca23_item_name.select.footer_txt_home {
color: #46c059 !important;
}

.ca23_footer_item .ca23_item_name.select.footer_txt_battle {
color: #3e54f0 !important;
}

.ca23_footer_item .ca23_item_name.select.footer_txt_leader {
color: #fe674e !important;
}

.ca23_footer_item .ca23_item_name.select.footer_txt_reward {
color: #a976ff !important;
}

/* footer css ends */
/*animated footer css starts*/
.flex-center {
display: flex;
justify-content: space-around;
align-items: center;
}

.stage {
max-width: 400px;
width: 400px;
margin: 1rem auto 2rem;
}

.tabbar li,
.tabbar ul {
list-style-type: none;
margin: 0;
padding: 0;
justify-content: center;
background-color: #272838;
}

.tabbar ul {
bottom: 0;
width: 100%;
align-self: flex-end;
height: 80px
}

.tabbar li {
display: flex;
align-items: center;
font-size: .9rem;
margin: 1vw;
transition: all .4s;
width: 60px;
height: 60px;
position: relative;
color: #fff;
cursor: pointer
}

.ca23_4icons li {
margin: 3.8vw !important;
}

.ca23_3icons li {
margin: 5.8vw !important;
}

.ca23_5icons li {
margin: 1.5vw !important;
}

.tabbar li:last-child {
margin-right: 0;
}

.tab-style1 ul {
justify-content: center
}

.ca23_battlecard_timer,
.tab-style1 li {
display: flex;
align-items: center;
justify-content: center
}

.tab-style1 li {
top: -6px;
left: 0;
width: 70px;
height: 40px;
transition: top .2s ease-out, width .4s, border-radius .4s, box-shadow .4s
}

.tab-style1 .text_footer {
position: absolute;
top: 10vw;
padding-top: 0
}

.tab-style1 .vip {
position: relative;
z-index: 100;
width: 60px;
height: 60px;
top: -2vh;
border-radius: 100%;
border: 0 solid #000000
}

.tab-style1 .vip img {
margin-top: 5px
}

.tab-style1 .active .text_footer {
top: 10vw;
font-family: 'Poppins-Bold';
color: #ed1c24 !important
}

.tab-style1 .active .text_footer.footer_txt_activity,
.tab-style1 .active .text_footer.footer_txt_battle,
.tab-style1 .active .text_footer.footer_txt_home,
.tab-style1 .active .text_footer.footer_txt_leaderboard,
.tab-style1 .active .text_footer.footer_txt_reward,
.tab-style1 .active .text_footer.footer_txt_tournament,
.tab-style1 .active .text_footer.footer_txt_winning {
color: #ed1c24 !important
}

.tabbar li img {
width: 50px;
height: auto
}

/*animated footer css ends*/

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

.ca23_accordian li {
margin-bottom: 15px;
position: relative;
background: rgba(255, 255, 255, 1);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(245, 245, 245, 1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
width: 90vw;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
-webkit-box-shadow: -1px -1px 10px 2px rgb(189 189 189 / 43%);
-moz-box-shadow: -1px -1px 10px 2px rgba(189, 189, 189, 0.43);
box-shadow: -1px -1px 10px 2px rgb(189 189 189 / 43%);
}

.ca23_accordian header .arrow1 {
right: 20px;
width: 7px;
height: 7px;
border-right: 2px solid grey;
border-bottom: 2px solid grey;
transition: transform 0.5s;
transform: rotate(45deg);
position: absolute;
margin-top: 3px;
}

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

.ca23_tc_page_msg p {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: 1rem;
line-height: 20px;
margin: 0px 0px 15px 0px;
}

.ca23_accordian header .arrow1 {
right: 20px;
width: 7px;
height: 7px;
border-right: 2px solid grey;
border-bottom: 2px solid grey;
transition: transform 0.5s;
transform: rotate(45deg);
position: absolute;
margin-top: 3px;
}


.image_scaling .image img {
border-radius: 50%;
}

/* css for vertical list try starts */
.ca23_set_rock_table2 table {
width: 100%;
float: left;
padding: 5px;
}

.ca23_set_rock_table2 table td {

text-align: left;
font-family: 'PoppinsMedium';
border-bottom: none;
}

.ca23_set_rock_table2 table td.border_bottom {
border-bottom: 1px solid #efefef;
}


.ca23_activity_card1 {
height: 18vw;
width: 76.8vw;
margin-right: auto;
margin-left: auto;
background-color: transparent;
border-radius: 7px;
border: 1px solid rgba(255, 255, 255, 0.08);
}

/* css for vertical list try ends */

/* scroll css  */
.ca23_table_sm_txt1 {

margin-left: 5px;
word-break: break-all;
overflow: scroll !important;
white-space: nowrap;
}

#scroll-container {
white-space: nowrap;
overflow: hidden;
}

.scrollDiv {
width: fit-content;
display: flex;
white-space: nowrap;
}

.inScrollTxt {
position: relative;
animation: swap 8s linear infinite;
display: flex;
}

@keyframes swap {
0% {
right: -50%;
}

100% {
right: 100%;
}
}

.scroll-text {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);

-moz-animation: my-animation 15s linear infinite;
-webkit-animation: my-animation 15s linear infinite;
animation: my-animation 10s linear infinite;
}


@-webkit-keyframes my-animation {
from {
-webkit-transform: translateX(100%);
}

to {
-webkit-transform: translateX(-100%);
}
}

@keyframes my-animation {
from {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}

to {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}

/* scroll css  */

.ca23_edit_page_container .ca23_edit_page_txt.email {

}

.ca23_edit_page_container .ca23_edit_page_txtarea.email {

}

.ca23_html_game_iframe {
position: absolute;
width: 100vw !important;
height: 85vh !important;
border: none;
}

/* web back button css start  */
.header_wrap .back_btn img {
width: 30px;
height: auto;
filter: brightness(var(--value, 0));
--value: 0;
}

.header_wrap .back_btn {
width: 30px;
height: auto;
position: absolute;
left: 10px;
}

.ca23_40_margin {
margin-left: 40px !important;
}

/* web back button css end */

/* fixes -start */
.ca23_QuickBattles_wrap .ca23_jackpot_btn {
position: absolute;
bottom: 12vw;
width: 100%;
text-align: center;
font-family: 'PoppinsRegular';
color: #f4f4f4;
font-size: 1rem;
z-index: 1;

left: 25vw;
display: none;
}

.ca23_trending_wrap_s .ca23_thumbnail_icon img {
width: 18vw;
height: 18vw;
border-radius: 10px;
border: 3px solid rgba(255, 255, 255, 0.2);
}

.ca23_trending_wrap_s .ca23_trending_txt_s .ca23_pricebtn {
font-family: 'PoppinsMedium';
font-size: .8rem;
line-height: 18px;
width: auto;
color: rgba(255, 255, 255, 1);
border: 1px solid rgba(255, 255, 255, 1);
height: 18px;
text-align: center;
border-radius: 30px;
margin: 3px 0px 3px 0px;
width: 30vw;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_trending_wrap_s .ca23_trending_txt_s .ca23_pricebtn img {
width: 15px;
height: auto;
}

.ca23_musttry_wrap5 .ca23_musttry_like1 {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, .9);
right: 5px;
top: 4vw;
min-width: 60px;
height: 26px;
-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;
padding: 3px 5px 0;
background-image: url(../image/promo_banner/pomo_bg_orange.png);
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 26px;
}

/* .ca23_musttry_wrap2 .ca23_musttry_like1 {
color: rgba(255,255,255,.9);
font-size: 1rem;
right: 3px;
top: 3vw;
width: auto;
min-width: 60px;
height: 35px;
padding: 3px 10px 0;
background-image: url(../image/promo_banner/pomo_bg_orange.png);
line-height: 35px;
} */

/* .ca23_musttry_wrap1 .ca23_musttry_like1 {
font-family: 'Poppins-Bold';
color: rgba(255,255,255,.9);
right: 5px;
top: 4vw;
min-width: 60px;
height: 26px;
-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;
padding: 3px 5px 0;
background-image: url(../image/promo_banner/pomo_bg_orange.png);
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 26px;
} */

.ca23_qa_footer_wrap {
height: 35px;
width: 100vw;
background-color: rgba(255, 255, 255, 0.90);
padding-top: 15px;
position: fixed;
bottom: 0px;
z-index: 3;
line-height: 16px;
}

.ca23_musttry_wrap5 .ca23_musttry_txt .ca23_text1 {
font-family: 'PoppinsMedium';
font-size: 1rem !important;
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;
/* display: inline-flex; */
display: none !important;
/*Added on 16 June 2023*/
}

.base-timer__label {
position: absolute;
width: 50px;
height: 50px;
top: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-size: .9rem;
color: #f4f4f4;
font-family: 'Poppins-Bold';
}

.fill_btn5a {
padding: 6px 7px;
font-family: 'PoppinsRegular' !important;
display: inline;

line-height: 15px;
color: #fff;
text-decoration: none;
font-size: 1rem !important;
background-color: #ed1c24 !important;
}

.toaster_head {
color: #000;
font-size: 1.5rem;
font-family: 'Poppins-Bold' !important;
line-height: 25px;
}

.toaster_link,
.toaster_message {
color: #000;
font-size: 1.1rem;
font-family: 'PoppinsRegular' !important;
line-height: 25px;
}

.ca23_musttry_wrap2 .ca23_musttry_like1 img {
width: 14px;
height: auto;
margin-right: 5px;
margin-left: 3px;
}

.ca23_musttry_wrap1 .ca23_musttry_like1 img {
width: 12px;
height: auto;
margin-right: 4px;
margin-left: 1px;
}

.ca23_musttry_wrap2 .ca23_musttry_image_wrap img {
width: 43vw;
height: 43vw;
/* -webkit-box-shadow: 1px 1px 10px -2px rgb(51 182 218); */
/*For VIL advertisement - added on 08 March 2023*/
-moz-box-shadow: 1px 1px 10px -2px rgba(51, 182, 218, 1);
/*For VIL advertisement - added on 08 March 2023*/
/* box-shadow: 1px 1px 10px -2px rgb(51 182 218); */
/*For VIL advertisement - added on 08 March 2023*/
/* border-radius: 15px; */
}

.ca23_musttry_wrap2 .ca23_more_icon_bg {
position: absolute;
left: .5vw;
bottom: 17.5vw;
z-index: 1;
width: 35px;
height: 35px;
background-color: rgba(0, 0, 0, 0.50);
border-radius: 50%;
visibility: hidden;
}

.ca23_contestant_image_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 5px;
padding: 6px 5px 6px 5px;
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
width: max-content;
position: relative;
}

.ca23_contestant_image_wrap_outer {
display: none;
margin-top: 10vw;
}

.ca23_contestant_image_wrap .ca23_battle_close {
top: -5vw;
position: absolute;
z-index: 1;
right: -5vw;
}

.ca23_question_header_wrap .ca23_wrap8 {
width: 20%;
float: left;
color: #999999;
font-family: 'Poppins-Bold';
font-size: .9rem;
text-align: center;
margin-top: 1.5vw;
}

.ca23_musttry_wrap1 .ca23_musttry_txt .ca23_text1 {
font-family: 'PoppinsMedium';
font-size: 1.1rem;
margin-top: 5px;
display: inline-flex;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.ca23_musttry_wrap2 .ca23_musttry_txt .ca23_text1 {
font-family: 'PoppinsMedium';
font-size: 1.3rem;
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: #CCCCCC;
}

.ca23_qa_footer_wrap .ca23_skip_space a {
color: #fff!important;
text-decoration: none;
display: block;
padding: 8px 0px;
margin-top: -7px;
width: 50%;
margin-left: auto;
margin-right: auto;
}

.toaster_head {
color: #f4f4f4;
font-size: 1.5rem;
font-family: 'Poppins-Bold';
line-height: 25px;
}

.toaster_message {
color: #f4f4f4;
font-size: 1.1rem;
font-family: 'PoppinsRegular';
line-height: 25px;
}

.ca23_fill_btn_grey {
border-radius: 7px;
color: #cccccc;
text-decoration: none;
font-size: 18px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #ffffff;
text-transform: uppercase;
line-height: 40px;
float: right;
width: 40px;
height: 40px;
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_dictionary_txt {
border-radius: 10px;
font-size: 20px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
text-transform: uppercase;
line-height: 40px;
float: right;
width: 40px;
height: 40px;
text-align: center;
}

/* .ca23_dictionary_ans_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
height: auto;
min-height: 20px;
background-color: #FFFFFF;
text-align: center;
padding: 10px 0px 10px 0px;
-webkit-box-shadow: 0px 4px 0px 0px rgb(150 150 150);
-moz-box-shadow: 0px 4px 0px 0px rgba(150,150,150,1);
box-shadow: 0px 4px 0px 0px rgb(150 150 150);
border: 1px solid #efefef;
color: #272838!important;
} */

.ca23_trending_wrap_s .ca23_trending_txt_s .ca23_text2 img {
width: 15px;
height: auto;
}

/* fixes -end */

iframe.winner-lb {
position: fixed;
height: 90% !important;
width: 99vw !important;
}

/* country selection css start  */
.iti .search-container input:focus {
outline: none;
}

.iti .search-container input {
border-color: transparent !important;
}

@media screen and (max-width: 479px) {
.iti .iti__country-list {
width: 88.3vw;
font-family: PoppinsRegular !important;
}
}

ngx-intl-tel-input input::placeholder {
color: #CCCCCC;
font-size: 1.3rem;
letter-spacing: 2.5px;
text-align: left;
}

.iti .iti__country-list {

box-shadow: none;
font-size: 14px;
margin-left: 0;
width: 80vw;
max-height: 35vw;

}

ngx-intl-tel-input input:hover {
width: 80vw;
font-size: 1.3rem;
text-decoration: none;
font-family: 'Poppins-Bold';
text-align: left;
margin-left: auto;
margin-right: auto;
border-radius: 8px;
height: 40px;
letter-spacing: 2.5px;
background-color: #272838;
color: #FFFFFF;
}

ngx-intl-tel-input input:focus {
border: 3px solid rgba(0, 153, 255, 1.00);
color: #fff !important;
border-image: linear-gradient(90deg, #0099ff, white) 1;
border-radius: 8px;
background-color: #272838;
}

.selected-dial-code {
font-size: 1.3rem;
font-family: Poppins-Bold !important;
}

/* country selection css ends  */
/* image cropping css starts */
.image_cropper .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;
overflow: scroll;
}

.ngx-ic-cropper {
/* outline: var(--cropper-outline-color, rgba(255, 255, 255, .7)) solid 100vw !important; */
outline: var(--cropper-outline-color, rgba(0, 0, 0, 0.7)) solid 100vw !important;
}

/* image cropping css ends */
/*Avatar CSS starts*/
.ca23_avatar_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 5px 0px;
grid-template-areas:
". . ."
". . ."
". . .";
margin-left: 0vw;
overflow-x: hidden;
margin-bottom: 75px;
}

.ca23_avatar_box {
width: 100px;
height: 100px;
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;
border-radius: 50%;
}

.ca23_avatar_box img {
width: 100px;
height: 100px;
border-radius: 50%;
}

.ca23_avatar_green_box {
height: 30px;
width: 100px;
position: absolute;
z-index: 1;
bottom: .5px;

text-align: center;
background-image: url("../image/tick.png");
background-position: center;
background-repeat: no-repeat;
background-size: 93px;
opacity: 0.9;

}

/*Avatar CSS ends*/

.back_btn_up {
height: 50px;
}

.wrap4_nowrap5 {
width: 35% !important;
}

/* bottom-sheet css starts */
.register-bottom-sheet {
height: 89vh !important;
}

.activity-battle-history-bottom-sheet {
height: 95vh !important;
}

.activity-leaderboard-bottom-sheet {
height: 100vh !important;
}

.buy-coins-bottom-sheet {
height: 90vh !important;
}

.payment-init-bottom-sheet {
height: 67vh !important;
}

.exit-window-bottom-sheet {
height: 56vh !important;
}

.update-profile-bottom-sheet {
height: 38vh !important;
}

.reward-details-bottom-sheet {
height: 88vh !important;
}

/* bottom-sheet css ends  */

/* ads-start */
.ca23_advertisment_static {
/*	width: 100%;*/
margin-left: auto;
margin-right: auto;
text-align: center;
overflow-x: hidden;
border-radius: 7px;
/*	background: #272838 !important;*/
}

.ca23_advertisment_static img {
width: 94vw;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}

.ad_home {
width: 95%;
}

.ad_carousel_tray {}

.ad_carousel_teff {}

.ad_sq_big_tray {}

.ad_sq_big3d_tray {}

.ad_battle_list {
width: 90%;
}

.ad_activity {
width: 90%;
margin-top: 20px;
}

.ad_details {
}

.ad_finished {
width: 90%;
}

.ad_activity_lb {}

.ad_arena {}

.ad_vertical_tray {}

.ad_horizontal {
width: 88vw;
height: 50vw;
}

.ad_fullscreen {
background: none;
box-shadow: none;
}

.ad_fullscreen img{
width: 100%;
height: auto;
}
.ad_fantasy {
margin-top: 20px;
}

/* ads-end */
.lb_heading_space {
margin-top: -40px;
}

.ca23_battle_opt_pg_img_wrap .ca23_black_gradient1 {
width: 100%;
height: 30vw;
position: absolute;
z-index: 1;
/*margin-top: -7vw;*/
top: 0px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.61) 6%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0.04) 94%, rgba(0, 0, 0, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.61) 6%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0.04) 94%, rgba(0, 0, 0, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.61) 6%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0.04) 94%, rgba(0, 0, 0, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.ca23_battle_opt_pg_img_wrap .ca23_black_gradient2 {
width: 100%;
height: 55vw;
/*Modified on 30 May 2023*/
position: absolute;
z-index: 1;
/*margin-top: -7vw;*/
bottom: 0px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.76) 76%, 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.76) 76%, 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.76) 76%, 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 */
}

.ca23_score_on_game .ca23_black_gradient1 {
width: 100%;
height: 30vw;
position: absolute;
z-index: 1;
/*margin-top: -7vw;*/
top: 0px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.61) 6%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0.04) 94%, rgba(0, 0, 0, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.61) 6%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0.04) 94%, rgba(0, 0, 0, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.61) 6%, rgba(0, 0, 0, 0.07) 89%, rgba(0, 0, 0, 0.04) 94%, rgba(0, 0, 0, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

/*For VIL - added on 08 March 2023*/

/*Header VIL games css starts*/




.ca23_header_wrap .ca23_header_vil_right {
width: 32vw;
text-align: right;
float: right;
margin-right: 2vw;
margin-top: -.5vw;
}

.ca23_header_wrap .ca23_header_vil_profile {
float: right;
width: 45px;
height: 45px;
background: rgb(238, 39, 55);
/* Old browsers */
background: -moz-linear-gradient(left, rgba(238, 39, 55, 1) 0%, rgba(73, 39, 49, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(238, 39, 55, 1) 0%, rgba(73, 39, 49, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(238, 39, 55, 1) 0%, rgba(73, 39, 49, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#492731', GradientType=1);
/* IE6-9 */

text-align: center;
border-radius: 50%;
margin-top: -7px;
margin-right: 3vw;
}

.ca23_header_wrap .ca23_header_vil_profile img {
width: 40px;
height: 40px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
margin-top: 3px;
}



.ca23_header_wrap .back_btn {
width: 30px;
height: auto;
position: absolute;
left: 7px;
}

.ca23_header_wrap .ca23_header_vil_center {
width: 82vw;
}

.ca23_skip_wrap_overlay.ca23_skipcoin_space {
margin-top: 17vw;
}

.hide_div {
visibility: hidden !important;
}

.ca23_header_wrap .back_btn img {
width: 30px;
height: auto;
/*filter: brightness(var(--value, 0));
--value: 0;*/
}


.ca23_trending_wrap_s .ca23_trending_txt_s .ca23_text6 {
font-family: 'Poppins-Bold';
font-size: 1.7rem;
/*Added on 23 march 2023*/
display: flex;
align-items: center;
justify-content: flex-start;
}

.ca23_trending_wrap_s .ca23_trending_txt_s .ca23_text6 img {
width: 22px;
height: auto;
margin-right: 4px;
}

/*Header VIL games css ends*/

.ca23_battle_opt_pg_img_wrap .ca23_coins_placeholder {
width: 100%;
height: auto;
position: absolute;
z-index: 2;
top: 4vw;
right: 10px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap strong.ca23_table_score {
color: #f4f4f4;
font-family: 'Poppins-Bold';
}

.ca23_trending_wrap_s .ca23_text4 {
font-family: 'PoppinsMedium';
font-size: .9rem;
position: absolute;
bottom: 34vw;
right: 16vw;
z-index: 1;
width: auto;
height: 45px;
color: rgba(255, 255, 255, 1);
display: flex;
align-items: center;
justify-content: center;
line-height: 45px;
display: none;
}

.ca23_trending_wrap_s .ca23_text4 img {
width: 13px;
height: auto;
margin-right: 3px;
margin-top: -2px;
}

.redemption-iframe {
position: fixed;
width: 100% !important;
height: 82vh !important;
}

.ca23_notification_main_wrap .ca23_right_image .home_header img {
border: 3px solid #FFFFFF;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1 .ca23_table_sm_txt_new {
/* float: left; */
margin-left: 5px;
height: 20px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
align-items: center;
overflow: visible;
margin-top: 2px;
color: #FFFFFF!important;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1 .ca23_table_sm_txt_new img {
width: 20px;
height: 20px;
margin-left: 5px;
margin-right: 5px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1.rewards_col {
width: 110px !important;
justify-content: center;
}

/*
.ca23_leaderboard_table_22 .ca23_image_name_wrap1 .ca23_table_sm_img_gems{
float: left;
width: 15px;
height: 15px;
}

.no_scroll{
display: inherit;
}
.ca23_leader_table_header4z{
font-family: 'Poppins-Bold';
color: #cccccc;
width: 55px;
text-align: right;
}


/*scratch card css*/
.ca23_scratch_bg {
width: 100vw;
height: 100%;
background-image: url("../image/scratch_bg.jpg");
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}

.ca23_freegame_heading {
width: 100%;
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.8rem;
text-align: center;
}

.ca23_freegame_subheading {
width: 100%;
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.5rem;
text-align: center;
}

.ca23_freegame_text {
width: 100%;
font-family: 'PoppinsRegular';
color: #FFFFFF;
font-size: 1rem;
text-align: center;
}

.ca23_scratch_close_ic {
width: 40px;
height: 30px;
text-align: center;
position: absolute;
z-index: 2;
float: right;
right: 20px;
font-weight: bolder;
font-family: 'Poppins-Bold';
line-height: 30px;
margin-top: -10px;
}

.ca23_scratch_close_ic img {
width: 25px;
height: auto;
}

.ca23_scratch_box_1 {
width: 280px;
height: 280px;
text-align: center;
background-image: url("../image/scratch_card_bg.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
margin-left: auto;
margin-right: auto;
font-size: 1.3rem;
font-family: 'Poppins-Bold';
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #999999;
}

.ca23_scratch_box_1 img {
width: 14vw;
height: auto;
}

.ca23_scratch_box_2 {
width: 280px;
height: 280px;
text-align: center;
background-image: url("../image/scratch_card_bg_white.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
margin-left: auto;
margin-right: auto;
font-size: 1.3rem;
font-family: 'Poppins-Bold';
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #999999;
}

.ca23_scratch_box_2 img {
width: 14vw;
height: auto;
}

.ca23_scratch_txt1 {
font-size: 2.5rem;
font-family: 'Poppins-Bold';
color: #f4f4f4;
}

.ca23_scratch_txt2 {
font-size: 2.5rem;
font-family: 'Poppins-Bold';
color: #eab01c;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_scratch_txt2 img {
width: 30px;
height: auto;
margin-right: 3px;
}

.ca23_scartch_btn_wrap {
position: fixed;
bottom: 20vw;
z-index: 1;
width: 100%;
text-align: center;
}


.ca23_scratch_container {
position: relative;
width: 280px;
height: 280px;
margin: 0 auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
border-radius: 15px;
}

.canvas {
position: absolute;
top: 0;
border-radius: 15px;
}

/*scratch card css*/

/* prize scroll in activity -start */
.prize_scroll {
width: 105px !important;
display: flex;
overflow: visible;
}

.you_won_text {
float: left
}

/* prize scroll in activity -end */

.ad_pnw_upcoming {
width: 90%;
margin-bottom: 20px;
}

.ad_pnw_all {
width: 90%;
margin-bottom: 20px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1.rewards_col .ca23_table_sm_txt.empty_reward {
text-align: center;
}

.inScrollRewardTxt {
position: relative;
animation: swap 8s linear infinite;
display: flex;
flex-direction: row;
align-items: center;
text-transform: none;
color: #FFFFFF;
font-family: 'PoppinsRegular';
/* color: inherit; */
}

.ca23_winner_table table td .inScrollRewardTxt img {
width: 15px;
height: auto;
}

.ca23_winner_table table td .ca23_winner_subheading img.reward_points {
margin-left: 2px;
}

.ca23_winner_table table td .inScrollRewardTxt img.reward_points {
margin-left: 2px;
}

#reward-scroll-container {
white-space: nowrap;
overflow: hidden;
display: flex;
justify-content: center;
}

.ca23_leader_table_txt_big img.reward_points {
margin-left: 2px;
}

.reward_txt {
display: flex;
flex-direction: row;
align-items: center;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_sm_img {
float: left;
width: 25px;
height: 25px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_sm_img.select img {
border: 2px solid #00fb88;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_sm_img img {
width: 23px;
height: 23px;
border-radius: 50%;
margin-top: 3px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_sm_txt1 {
float: left;
margin-left: 5px;
height: 15px;
line-height: 15px;
width: 70px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
font-size: 1rem;
font-family: 'PoppinsMedium' !important;
color: #FFFFFF!important;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_score {
float: left;
margin-left: 5px;
height: 15px;
line-height: 15px;
width: 90px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
font-size: .9rem;
color: grey;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score {
width: auto;
margin-left: auto;
margin-right: auto;
}

/*VIP CSS started*/
.ca23_btn_pay_gold {
width: 20px !important;
height: auto !important;
margin-right: 0px !important;
}

.payment-init-bottom-sheet-vip {
height: 86vh !important;
}

.ca23_battle_card_header {
width: 94%;
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.3rem;
/*From 1.8rem to 1.3rem */
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
}

.ca23_battle_card_header img {
width: 28px;
height: auto;
margin-right: 3px;
}

.ca23_play_btn_prize_gold .status_icon img {
width: 25px;
height: auto;
}



.ca23_purple {
background-color: #721ea9 !important;
}

.ca23_battle_card1 .ca23_battlecard_like3 {
font-family: 'Poppins-Bold';
color: rgba(255, 255, 255, 0.90);
font-size: 1rem;
position: absolute;
right: -3px;
top: 10px;
z-index: 1;
width: auto;
min-width: 60px;
height: 40px;
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: 3px 10px 0px 10px;
background-image: url("../image/promo_banner/promo_purple_tag.png");
background-position: right;
background-repeat: no-repeat;
background-size: cover;
line-height: 40px;
}

.ca23_battle_card1 .ca23_battlecard_like3 img {
width: 16px;
height: auto;
margin-left: 3px;
margin-right: 3px;
}

.white_txt {
color: #FFFFFF !important;
}



.ca23_premium_txt {
color: #FFFFFF;
font-size: 1rem;
width: 60%;
float: left;
margin-top: -20px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
background-image: url("../image/premium_bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 30px;
}

.ca23_premium_txt img {
width: 25px;
height: auto;
margin: 0px 3px 0px 3px;
}

.ca23_purple_medium {
background: #843bb4 !important;
border: 2px solid rgba(255, 255, 255, 0.08) !important;
}

.ca23_orange_txt {
color: #ed1c24 !important;
}

.ca23_purple_lite {
background-color: #943bcf !important;
}

.ca23_play_btn_prize_gold {
border-radius: 25px;
padding: 3px !important;
color: #000000;
text-decoration: none;
font-size: 1.3rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background: #1e5799;
background: -moz-linear-gradient(left, #1e5799 0%, #2989d8 0%, #bf822e 0%, #fffe83 100%);
background: -webkit-linear-gradient(left, #1e5799 0%, #2989d8 0%, #bf822e 0%, #fffe83 100%);
background: linear-gradient(to right, #1e5799 0%, #2989d8 0%, #bf822e 0%, #fffe83 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#fffe83', GradientType=1);

line-height: 35px;
width: 82vw;
display: block;
text-align: center;
height: 35px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
-webkit-box-shadow: 0px 4px 7px -1px rgba(61, 85, 240, .2);
-moz-box-shadow: 0px 4px 7px -1px rgba(61, 85, 240, .2);
box-shadow: 0px 4px 7px -1px rgba(61, 85, 240, .2);
}

.ca23_play_btn_prize_gold .status_icon {
position: absolute;
width: 25px;
height: 25px;
right: 23vw;
/* top: 2vw; */
}



.ca23_play_btn_prize_gold img {
width: 17px;
height: auto;
margin-right: 3px;
display: none;
}

.ca23_vip_bg {
background-image: url('../image/pop_bg.jpg');
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}

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

.ca23_vip_subheader {
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.2rem;
width: 95%;
text-align: center;
line-height: 24px;

margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
}

.ca23_vip_subheader img {
width: 15px;
height: auto;
}

.ca23_vip_details_mainwrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
display: none;
}

.purple_gradient_2 {
background: #1e5799;
background: -moz-linear-gradient(left, #1e5799 0%, #4c0878 0%, #721ea9 100%);
background: -webkit-linear-gradient(left, #1e5799 0%, #4c0878 0%, #721ea9 100%);
background: linear-gradient(to right, #1e5799 0%, #4c0878 0%, #721ea9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#721ea9', GradientType=1);
}

.ca23_vip_details_wrap {
width: 45vw;
height: 45vw;
border-radius: 20px;
margin: 2vw;
border: 1px solid rgba(55, 55, 55, 0.1);
}

.ca23_vip_details_wrap .ca23_vip_heading {
height: 10vw;
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.5rem;
width: 45vw;
text-align: center;
line-height: 10vw;
-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;
border-bottom: 2px solid rgba(0, 0, 0, 0.30);
}

.purple_gradient_1 {
background: #1e5799;
background: -moz-linear-gradient(left, #1e5799 0%, #581187 0%, #4b0877 100%);
background: -webkit-linear-gradient(left, #1e5799 0%, #581187 0%, #4b0877 100%);
background: linear-gradient(to right, #1e5799 0%, #581187 0%, #4b0877 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#4b0877', GradientType=1);
}

.ca23_vip_details_wrap .ca23_vip_text {
display: flex;
align-items: baseline;
justify-content: flex-start;
color: #FFFFFF;
font-family: 'PoppinsRegular';
font-size: .9rem;
width: 40vw;
overflow-x: hidden;
margin-left: 4vw;
}

.ca23_vip_details_wrap .ca23_vip_text img {
width: 10px;
height: auto;
margin-right: 2px;
}

.grey_gradient_2 {
background: #1e5799;
background: -moz-linear-gradient(left, #1e5799 0%, #333333 0%, #7a7976 100%);
background: -webkit-linear-gradient(left, #1e5799 0%, #333333 0%, #7a7976 100%);
background: linear-gradient(to right, #1e5799 0%, #333333 0%, #7a7976 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7a7976', GradientType=1);
}

.ca23_vip_details_wrap {
width: 45vw;
height: 45vw;
border-radius: 20px;
margin: 2vw;
border: 1px solid rgba(55, 55, 55, 0.1);
}

.ca23_vip_details_wrap .ca23_vip_heading {
height: 10vw;
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.5rem;
width: 45vw;
text-align: center;
line-height: 10vw;
-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;
border-bottom: 2px solid rgba(0, 0, 0, 0.30);
}

.grey_gradient_1 {
background: #1e5799;
background: -moz-linear-gradient(left, #1e5799 0%, #696966 0%, #333333 100%);
background: -webkit-linear-gradient(left, #1e5799 0%, #696966 0%, #333333 100%);
background: linear-gradient(to right, #1e5799 0%, #696966 0%, #333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#333333', GradientType=1);
}

.ca23_loading2 {
/*background-image: url(../image/splash_loading_orange.png);*/
background-position: center;
background-repeat: repeat-x;
height: 10px;
animation: load 3s normal forwards;
}

.ca23_loading2 {
height: 10px !important;
}

.ca23_loading, .ca23_loading2 {
background-position: center !important;
background-repeat: repeat-x !important;
height: 5px !important;
animation: progress 3s normal forwards !important;
}

.ca23_profile_page_vip_btn {
border-radius: 10px;
color: #f4f4f4;
text-decoration: none;
font-size: 1rem;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';
font-weight: bolder;
background: #1e5799;
/* Old browsers */
background: -moz-linear-gradient(left, #1e5799 0%, #2989d8 0%, #bf822e 0%, #fffe83 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #1e5799 0%, #2989d8 0%, #bf822e 0%, #fffe83 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1e5799 0%, #2989d8 0%, #bf822e 0%, #fffe83 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#fffe83', GradientType=1);
/* IE6-9 */
text-transform: capitalize;
line-height: 18px;
width: 100%;
height: 60px;
text-align: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
-webkit-box-shadow: 1px 5px 0px 0px rgba(190, 129, 45, 1);
-moz-box-shadow: 1px 5px 0px 0px rgba(190, 129, 45, 1);
box-shadow: 1px 5px 0px 0px rgba(190, 129, 45, 1);
}

.ca23_profile_page_vip_btn h2 {
text-decoration: none;
font-size: 1.6rem;
font-family: 'PoppinsMedium';
font-weight: bolder;
}

.ca23_profile_page_vip_btn img {
width: 33px;
height: auto;
margin-right: 10px;
margin-left: 10px;
margin-top: 4px;
}

/*VIP CSS ended*/

/*game page back and ad placement css*/
.ad_fantasy_contest {
width: 90%;
/*	padding: 15px 0px 15px 0px;*/
}

.ad_fantasy_joined {
width: 90%;
/*	padding: 15px 0px 15px 0px;*/
}

.ad_fantasy_ch {
width: 90%;
/*	padding: 15px 0px 15px 0px;
margin-top: 10px;*/
}

.ad_fantasy_teams {
width: 92%;
/*	padding: 15px 0px 15px 0px;*/
}


.ad_fantasy_teams {
width: 95%;
/*	padding: 15px 0px 15px 0px;*/
}

.ad_countdown {
margin-top: 30px;
width: 95vw;
}

.ad_wait {
width: 95%;
/*	padding: 15px 0px 15px 0px;*/
}

.ca23_ad_close_ic {
width: 40px;
height: 30px;
text-align: center;
position: absolute;
z-index: 2;
float: right;
right: 0px;
font-weight: bolder;
font-family: 'Poppins-Bold';
line-height: 30px;
margin-top: -10px;
}

.ca23_ad_close_ic img {
width: 25px;
height: auto;
}

.ca23_adv_timer {
width: 95%;
color: #fff;
font-size: 1.3rem;
text-align: left;
position: absolute;
z-index: 1;
margin-left: 3%;
}

.ca23_adv_active_img {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
position: absolute;
z-index: 1;
}

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

.ca23_score_on_game_1 {
height: 7vh;
width: 100%;
background-color: #f4f4f4;
}

.ca23_score_on_game_1 .back_btn {
text-align: center;
width: 50px;
height: 50px;
padding-top: 0px;
padding-left: 0px;
float: left;
}

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

.ca23_score_on_game_1 .ca23_advertisment_static_game {
width: 85vw;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow-x: hidden;
border-radius: 7px;
float: left;
height: 50px;
margin-top: 5px;
}

.ca23_score_on_game_1 .ca23_advertisment_static_game img {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
}

/*game page back and ad placement css ends*/



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

/*modified css */
.ca23_play_btn_wrap {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 95%;
margin-left: auto;
margin-right: auto;
}

.ca23_battle_icon_wrap .ca23_div1_battle {
float: left;
width: 25%;
margin-left: 1%;
}

/* added css */

/* Battle Listing Revamp start */

.black_bg {
height: 110% !important;
}

.ca23_battle_prize_wrap {
/* width: 100px; */
float: left;
height: 40px;
margin-left: 3.5vw;
}

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

.ca23_prize_div1 .ca23_prize_div1b {
width: 100px;
height: auto;
float: left;
color: #f4f4f4;
font-weight: normal;
font-family: 'Roboto-Regular';
font-size: 13px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.ca23_prize_div1 .ca23_prize_div1b img {
width: 15px;
height: auto;
}

.ca23_prize_div2 {
width: 100%;
height: 20px;
color: #f4f4f4;
font-weight: normal;
font-family: 'Roboto-Bold';
font-size: 1.8rem;
color: #f4f4f4;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.ca23_prize_div2 img {
width: 20px;
height: auto;
margin-right: 4px;

}

.ca23_battle_hr {
height: 1px;
width: 87vw;
margin-left: auto;
margin-right: auto;
background-color: #999999;
opacity: 0.5;
}

.ca23_battlecard_playerdetails {
font-family: 'PoppinsRegular';
color: #f4f4f4;
font-size: 1.2rem;
margin-left: 3.5vw;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.ca23_battlecard_playerdetails img {
width: 18px;
height: auto;
margin-right: 5px;
}

.ca23_battlecard_playerdetails strong {
color: #f4f4f4;
font-size: 1.3rem;
font-family: 'PoppinsMedium';
}

.ca23_battle_entry {
font-family: 'PoppinsRegular';
color: #f4f4f4;
font-size: 1rem;
width: auto;
height: 27px;
background-color: rgba(0, 0, 0, 0.20);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
line-height: 27px;
text-align: center;
padding: 0px 10px 0px 10px;
float: left;
text-align: right;
margin-left: 3.5vw;
}

.ca23_battle_entry img {
width: 13px;
height: 13px;
height: auto;
margin-right: 4px;
}

.ca23_battle_entry strong {
color: #f4f4f4;
font-size: 1.1rem;
font-family: 'PoppinsMedium';
}

.ca23_play_btn_battle_big {
border-radius: 5px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';

line-height: 30px;
width: 84vw;
display: block;
text-align: center;
height: 30px;
background-color: #ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_play_btn_battle_big.disable_state {
background-color: #444444 !important;
}

.ca23_play_btn_battle_big img {
width: 25px;
height: auto;
}

.ca23_play_btn_battle_big.ca23_vip_color_btn img{
width: 0px;
}

.ca23_play_btn_battle_text {
color: #F4F4F4;
text-decoration: none;
font-size: 1.1rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';

line-height: 35px;
width: 84vw;
display: block;
text-align: center;
height: 35px;
}

.ca23_play_btn_battle_text a {
color: #F4F4F4;
text-decoration: underline !important;
}

/* Battle Listing Revamp end */

.ca23_html_black_bg {
background-color: #211b12 !important;
height: 7vh !important;
}

.ca23_html_black_bg .back_btn {
text-align: center;
height: 7vh;
display: flex;
align-items: center;
justify-content: flex-start;
line-height: 40px;
}

.ca23_html_black_bg .back_btn img {
width: 30px;
height: auto;
margin-top: 12px;
margin-left: 5px;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_score,
.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_sm_txt1 {
float: left;
margin-left: 5px;
height: 15px;
line-height: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
text-align: left;
color: #FFFFFF!important;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_sm_txt1 {
width: 120px;
font-size: .95rem;
font-family: 'PoppinsMedium' !important
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_score {
width: 120px;
font-size: .8rem !important;
color: #FFFFFF!important;
letter-spacing: 0px;
}

.ca23_container {
width: 100vw;
height: 1000px;
background-color: #000000;
overflow-x: hidden;
}

/* scroll in activity you_won start */
.activity_scroll {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #ffffff !important;
font-family: 'Poppins-Bold';
font-weight: bolder;
}

.activity_scroll img {
width: 12px;
height: auto;
margin-top: 0;
}

/* scroll in activity you_won end */

.blur_text_s {
filter: blur(5px);
}

.ca23_morque_wrap {
width: 100%;
float: left;
display: flex;
align-items: center;
height: 30px
}

.ca23_morque_wrap .ca23_morque_image_wrap {
display: flex;
padding: 5px 10px;
align-items: center;
height: 30px;
width: auto
}

.ca23_morque_wrap .ca23_morque_image_wrap span {
white-space: pre
}

.ca23_morque_wrap .ca23_morque_image_wrap img {
width: 20px;
height: auto;
margin-right: 5px
}

.ca23_morque_wrap .ca23_morque_image_wrap strong {
font-family: 'Poppins-Bold'
}

.ca23_morque_wrap .ca23_table_sm_txt {
float: left;
margin-left: 5px;
height: 20px;
line-height: 20px;
width: auto;
text-align: left
}

.ca23_morque_wrap .ca23_table_sm_img {
float: left;
width: 20px;
height: 20px
}

.ca23_morque_wrap .ca23_table_sm_img img {
width: 20px;
height: 20px;
border-radius: 50%;
margin-top: 0
}

.dynamic_height_wrap {
max-height: 90% !important;
height: auto !important
}

/*Battle listing page new layout css*/
.ca23_battle_prize_wrap1 {
width: 31vw;
float: left;
height: 40px;
}


.ca23_prize_div1 .ca23_prize_div1c {
width: 100%;
height: auto;
float: left;
color: #FFFFFF;
font-weight: normal;
font-family: 'Roboto-Regular';
font-size: 1.1rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_prize_div1 .ca23_prize_div1c img {
width: 13px;
height: auto;
}

.ca23_prize_div3 {
width: 100%;
height: 20px;
color: #FFFFFF;
font-weight: normal;
font-family: 'Roboto-Bold';
font-size: 1.2rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_prize_div3 img {
width: 18px;
height: auto;
margin-right: 2px;
}

/*Battle listing page new layout css*/


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

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_sm_txt1 {
width: 120px;
font-size: 0.95rem;
font-family: 'PoppinsMedium' !important;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap_score .ca23_table_score {
width: 120px;
font-size: .8rem !important;
}

.ca23_leaderboard_table_22 .ca23_image_name_wrap1.rewards_col {
width: 100px !important;
justify-content: center;
}

}

.hide_battle_icon_visibility {
visibility: hidden;
}

.blur_square_image_carousel {
display: none !important;
}

.tab-style1 .active .text_footer.footer_txt_rewards {
color: #ed1c24 !important;
}

.ca23_header_wrap .ca23_header_vilgames {
width: 100%;
height: auto;
margin-left: 0vw;
margin-top: 0vw;
text-align: center;
}

.ca23_header_wrap .ca23_header_vilgames img {
width: 35vw;
height: auto;
margin-top: -2vw;
}

.ca23_header_wrap {
width: 100vw;
height: auto !important;
background-color: #000000;
overflow-x: hidden;
position: relative;
padding-bottom: 5vw !important;
}

.ca23_header_wrap .ca23_header_vil_bottom {
width: 100vw;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-top: 3vw;
}

.ca23_header_wrap .ca23_header_vil_bottom .ca23_newprofile {
float: left;
width: 63px;
height: 63px;
background: rgb(238, 39, 55);
/* Old browsers */
background: -moz-linear-gradient(left, rgba(238, 39, 55, 1) 0%, rgba(73, 39, 49, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(238, 39, 55, 1) 0%, rgba(73, 39, 49, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(238, 39, 55, 1) 0%, rgba(73, 39, 49, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#492731', GradientType=1);
/* IE6-9 */
text-align: center;
border-radius: 50%;
margin-left: 13px;
}

.ca23_header_wrap .ca23_header_vil_bottom .ca23_newprofile img {
width: 60px;
height: 60px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
margin-top: 2px;
}

.ca23_header_wrap .ca23_header_vil_bottom .ca23_newprofile_name {
float: left;
width: 45vw;
text-align: left;
margin-left: 3vw;
}

.ca23_header_wrap .ca23_header_vil_bottom .ca23_newprofile_name .text1 {
font-family: 'Poppins-Bold';
font-size: 1.4rem;
color: #F4F4F4;

}

.ca23_header_wrap .ca23_header_vil_bottom .ca23_newprofile_name .text2 {
font-family: 'PoppinsRegular';
font-size: 1.3rem;
color: #F4F4F4;
margin-top: 0px;
display: block;
}


.ca23_header_wrap .ca23_header_vil_bottom .ca23_newcoins_wrap {
float: left;
width: 33vw;
}

.ca23_header_wrap .ca23_header_vil_bottom .ca23_notification_main_wrap {
float: none !important;
}

.ca23_notification_main_wrap {
width: 90px!important;
height: 29px;
float: right;
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: 1rem;
display: inline-flex;
margin: 3px 0px 0px 3px;
padding: 0px 8px 0px 3px;
background-color: #25282b;
border-radius: 30px;
}

.ca23_notification_main_wrap .ca23_left_image {
width: 75%;
display: flex;
flex-direction: row;
justify-content:flex-start;
align-items: center;
}

.ca23_notification_main_wrap .ca23_left_image img {
width: 22px;
height: auto;
margin-right: 0px;
}

/* battle-listing changes start */
.ca23_blur {
width: 100%;
height: 100%;
-webkit-filter: blur(20px);
filter: blur(10px);
margin-left: 0;
margin-top: 0%;
}

.ca23_game_image_center {
width: 100%;
text-align: center;
position: absolute;
z-index: 1;
top: 17vw;
}

.ca23_game_image_center img {
width: 50vw;
height: 50vw;
border-radius: 20px;
margin-left: auto;
margin-right: auto;
}

.ca23_prize_wrap_new {
display: flex;
justify-content: center;
text-transform: none;
}

.ca23_advertisment_static_nobg {
width: 95vw;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow-x: hidden;
}

.ca23_advertisment_static_nobg img {
width: 90vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

/* battle-listing changes end */

/*animated footer css starts*/
.flex-center {
display: flex;
justify-content: space-around;
align-items: center;
}

.stage {
max-width: 400px;
width: 400px;
margin: 1rem auto 2rem;
}


.ca23_4icons li {
margin: 3.8vw !important;
}

.ca23_3icons li {
margin: 4.8vw !important;
}

.ca23_5icons li {
margin: 1.5vw !important;
}



/*animated footer css ends*/

/* dark UI : tournament listing css starts */

.ca23_battlecard_timer {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: .95rem;
width: auto;
height: 22px;
background-color: #ed1c24;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
text-align: center;
float: right;
line-height: 22px;
margin-right: 10px;
padding: 0px 5px 0px 5px;
}

.ca23_prize_loading .ca23_prize_left strong {
font-family: 'Poppins-Bold';
font-size: 1.1rem;
color: #F4F4F4;
}

.ca23_battlecard_text_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
color: #EAEAEC;
font-family: 'Roboto-Regular';
font-size: 1rem;
text-transform: none;
display: none;
}

.ca23_battlecard_text_wrap .ca23_battlecard_text_left {
float: left;
width: 50%;
text-align: left;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.ca23_battlecard_text_wrap .ca23_battlecard_text_left img {
width: 15px;
height: auto;
}

.ca23_battlecard_text_wrap .ca23_battlecard_text_right {
float: left;
width: 50%;
display: flex;
text-align: right;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}

.ca23_battlecard_text_wrap .ca23_battlecard_text_right img {
width: 16px;
height: auto;
}

.black_border_right {
border-right: none !important;
}

.ca23_vip_color_bg {
background-image: none;
background-position: none;
background-repeat: none;
background-size: none;
/*	border:2px solid #a32738;*/
border-radius: 15px;
background: #ed1c24;
background-color: #ed1c24;
/*	border-top: 1px solid rgba(255,198,0, 0.3);
border-bottom: 1px solid rgba(255,198,0, 0.3);*/
background: rgb(214,36,36); /* Old browsers */
background: -moz-linear-gradient(left, rgba(214,36,36,1) 0%, rgba(238,39,55,1) 22%, rgba(238,39,55,1) 50%, rgba(238,39,55,1) 77%, rgba(214,36,36,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(214,36,36,1) 0%,rgba(238,39,55,1) 22%,rgba(238,39,55,1) 50%,rgba(238,39,55,1) 77%,rgba(214,36,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(214,36,36,1) 0%,rgba(238,39,55,1) 22%,rgba(238,39,55,1) 50%,rgba(238,39,55,1) 77%,rgba(214,36,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62424', endColorstr='#d62424',GradientType=1 ); /* IE6-9 */
}

.ca23_vip_color_bg .ca23_prize_div1 .ca23_prize_div1c {
color: #ffffff!important;
}

.ca23_vip_tag_left {
font-family: 'Poppins-Bold';
color: #ed1c24 !important;
font-size: 1rem;
width: 70px;
height: 22px;
background-color: #972222;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0px 0px 17px 0px;
-moz-border-radius: 0px 0px 17px 0px;
-webkit-border-radius: 0px 0px 17px 0px;
text-align: center;
float: left;
line-height: 22px;
text-transform: uppercase!important;
}

.ca23_vip_tag_left img {
width: 20px;
height: auto;
}

.ca23_vip_color_timer {
background-color: #a72725 !important;
}

.ca23_play_btn_battle_big.ca23_vip_color_btn {
background: rgb(223, 147, 57);
/* Old browsers */
background: -moz-linear-gradient(left, rgba(223, 147, 57, 1) 0%, rgba(252, 212, 77, 1) 50%, rgba(222, 146, 57, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(223, 147, 57, 1) 0%, rgba(252, 212, 77, 1) 50%, rgba(222, 146, 57, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(223, 147, 57, 1) 0%, rgba(252, 212, 77, 1) 50%, rgba(222, 146, 57, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df9339', endColorstr='#de9239', GradientType=1);
/* IE6-9 */
color: #000;
font-family: 'Poppins-Bold';
}

.ca23_play_btn_battle_big.ca23_vip_color_btn img{
display: block;
}

.ca23_play_btn_battle_big.ca23_grey_color_btn {
background: rgba(173, 173, 173, 1);
/* Old browsers */
background: -moz-linear-gradient(left, rgba(173, 173, 173, 1) 0%, rgba(212, 212, 212, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(173, 173, 173, 1) 0%, rgba(212, 212, 212, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(173, 173, 173, 1) 0%, rgba(212, 212, 212, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#d4d4d4', GradientType=1);
/* IE6-9 */
color: #FFFFFF;
font-family: 'Poppins-Bold';
}

/* dark UI : tournament listing css ends */

/* dark-ui reward-details css start */

.ca23_prizepop_header {
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.5rem;
width: 90%;
text-align: left;
line-height: 24px;
text-transform: none;
margin-left: auto;
margin-right: auto;
}

.ca23_leader_table_reward1 {
width: auto;
font-family: 'Poppins-Bold';
color: #EAEAEC;
text-align: left !important;
text-transform: none;
}

.ca23_leader_table_reward {
width: auto;
font-family: 'Poppins-Bold';
color: #EAEAEC;
text-align: right !important;
text-transform: none;
}

.ca23_prize_hr {
height: 1px;
width: 82vw;
margin-left: auto;
margin-right: auto;
background-color: #82838E;
}

.ca23_sl_no_prize {
width: auto;
font-family: 'PoppinsLight';
color: #EAEAEC;
text-align: left !important;
text-transform: none;
}

.ca23_image_prize {
width: auto;
font-family: 'Poppins-Bold';
color: #FFFFFF;
text-align: right !important;
text-transform: none;
display: flex;
align-items: center;
justify-content: flex-end;
}

.ca23_image_prize img {
width: 14px;
height: auto;
margin-right: 2px;
}

.auto_height {
height: auto !important;
max-height: 430px;
}

.ca23_dropdownwrap2 {
height: 90%;
width: 100%;
bottom: 0px;
line-height: 20px;
background-color: #000000;
color: #fff;
position: fixed;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
z-index: 222;
/* overflow-y: auto; */
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

/*  dark-ui reward-details css ends */
.footer_home {
position: fixed;
bottom: 0px;
width: 100vw;
z-index: 999;
height: 80px;
}

/* dark UI : profile-primary css starts */
.edit_txt a {
float: right;
margin-right: 20px;
margin-top: 5px;
position: absolute;
z-index: 1;
color: #fff;
font-size: 1rem;
font-family: 'PoppinsMedium';
font-weight: bolder;
right: 0px;
top: 0px;
text-transform: none;
text-decoration: underline;
}

.ca23_profile_box_wrap {
width: 92vw;
height: 40vw;
background: rgb(47, 48, 67);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(47, 48, 67, 1) 0%, rgba(17, 22, 34, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(47, 48, 67, 1) 0%, rgba(17, 22, 34, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(47, 48, 67, 1) 0%, rgba(17, 22, 34, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272838', endColorstr='#000000', GradientType=0);
/* IE6-9 */
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
}

.ca23_profile_box {
width: 100vw;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 0vw;
}

.ca23_profile_box .ca23_profile_image_wrap {
float: left;
width: 63px;
height: 63px;
background: rgb(238, 39, 55);
background: -moz-linear-gradient(left, rgba(238, 39, 55, 1) 0%, rgba(73, 39, 49, 1) 100%);
background: -webkit-linear-gradient(left, rgba(238, 39, 55, 1) 0%, rgba(73, 39, 49, 1) 100%);
background: linear-gradient(to right, rgba(238, 39, 55, 1) 0%, rgba(73, 39, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#492731', GradientType=1);
text-align: center;
border-radius: 50%;
margin-left: 13px;
}

.ca23_profile_box .ca23_profile_image_wrap img {
width: 60px;
height: 60px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
margin-top: 2px;
}

.ca23_profile_box .ca23_newprofile_name {
float: left;
width: 47vw;
text-align: left;
margin-left: 3vw;
}

.ca23_profile_box .ca23_newprofile_name .text1 {
font-family: 'Poppins-Bold';
font-size: 1.6rem;
color: #F4F4F4;
}

.ca23_profile_box .ca23_newprofile_name .text2 {
font-family: 'PoppinsRegular';
font-size: 1.3rem;
color: #F4F4F4;
margin-top: 0px;
}

.ca23_profile_box .ca23_language_icon {
width: 26vw;
height: auto;
float: right;
}

.ca23_profile_box .ca23_language_icon img {
width: 30px;
height: auto;
}

.ca23_prize_wrap_profile {
display: flex;
justify-content: flex-start;
text-transform: none;
width: 95%;
margin-left: 5%;
}

.ca23_prize_wrap_profile .ca23_battle_prize_wrap1 {
width: 31vw;
float: left;
height: 40px;
}

.ca23_prize_wrap_profile .ca23_prize_div1 {
width: 100%;
height: 20px;
}

.ca23_prize_wrap_profile .ca23_prize_div1 .ca23_prize_div1c {
width: 100%;
height: 23px;
font-weight: normal;
font-family: 'Roboto-Bold';
font-size: 1.4rem;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.ca23_prize_wrap_profile .ca23_prize_div1 .ca23_prize_div1c img {
width: 23px;
height: auto;
}

.ca23_prize_wrap_profile .ca23_prize_div3 {
width: 100%;
height: auto;
float: left;
color: #ACACB4;
font-weight: normal;
font-family: 'Roboto-Regular';
font-size: 1.1rem;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.ca23_prize_wrap_profile .ca23_prize_div3 img {
width: 13px;
height: auto;
}

.ca23_profile_list_box {
width: 92%;
margin-left: auto;
margin-right: auto;
height: 40px;
text-transform: none;
}

.ca23_profile_list_box .ca23_profile_list_name {
float: left;
color: #ACACB4;
font-weight: normal;
font-family: 'Roboto-Regular';
font-size: 1.3rem;
width: 80%;
}

.ca23_profile_list_box .ca23_profile_list_arrow {
float: left;
width: 20%;
text-align: right;
}

.ca23_profile_list_box .ca23_profile_list_arrow img {
width: 20px;
height: auto;
}

/* dark UI : profile-primary css ends */

/*view - all page css starts*/
.ca23_2column_zone_wrap {
width: 90vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ca23_2column_zone_wrap .ca23_2column_grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 15px 10px;
grid-template-areas:
". ."
". .";
margin-left: 0vw;
}



.ca23_2colum_image .ca23_trend_gradient_s {
width: 42vw;
height: 18vw;
border-radius: 15px;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 0vw;
opacity: 1;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c9000000', GradientType=0);
}

.ca23_2colum_image .ca23_text1 {
font-family: 'Poppins-Light';
font-size: 1.1rem;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 0px;
position: absolute;
color: #F4F4F4;
z-index: 2;
bottom: 1.5vw;
left: 2vw;
}

.ca23_2colum_image .ca23_text1 img {
width: 14px;
height: auto;
margin-right: 1px;
margin-top: -1px;
}


.ca23_2colum_image .ca23_musttry_image_wrap {
width: 42vw;
height: 42vw;
border-radius: 15px;
overflow: hidden;
}

.ca23_2colum_image .ca23_musttry_image_wrap img {
width: 42vw;
height: 42vw;
border-radius: 15px;
}

.ca23_2colum_image .ca23_battle_tag {
z-index: 2;
top: 0px;
left: 0vw;
position: absolute;
}

.ca23_2colum_image .ca23_battle_tag img {
width: 23px;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}

/*view - all page css ends*/


/*edit profile styles*/

.ca23_profile_img_wrap1 {
width: 100%;
text-align: center;
overflow: hidden;
position: relative;
height: 130px;
}

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

.ca23_profile_img_wrap1 .camera_image1 {
position: absolute;
z-index: 3;
width: 100%;
text-align: center;
overflow: hidden;
top: 85px;
left: 40px;
}

.ca23_profile_img_wrap1 .camera_image1 img {
width: 40px;
height: auto;
}


.label-float {
position: relative;
padding-top: 13px;
margin-left: auto;
margin-right: auto;
width: 90vw;
}

.label-float input {
border: 1px solid #666666;
border-radius: 10px;
outline: none;
min-width: 80vw;
padding: 15px 20px;
font-size: 16px;
transition: all .1s linear;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-appearance: none;
color: #ACACB4;
color-scheme: dark;
}

.label-float input:focus {
border: 1px solid #F4F4F4;
}

.label-float input::placeholder {
color: transparent;
}

.label-float label {
pointer-events: none;
position: absolute;
top: calc(50% - 8px);
left: 15px;
transition: all .1s linear;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
background-color: white;
padding: 5px;
box-sizing: border-box;
background-color: #121621;
color: #ACACB4;
}

.label-float input:required:invalid+label {
color: red;
}

.label-float input:focus:required:invalid {
border: 2px solid red;
}

.label-float input:required:invalid+label:before {
content: '*';
}

.label-float input:focus+label,
.label-float input:not(:placeholder-shown)+label {
font-size: 1rem;
top: 0;
color: #ACACB4;
}

.ca23_editpage_dropdown_new {
border: 1px solid #666666;
border-radius: 10px;
outline: none;
width: 91vw;
padding: 15px 20px;
font-size: 1rem;
color: #ACACB4;
margin-left: auto;
margin-right: auto;
}

.option_gender_text {
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 0px;
}

/* edit profile ends */

/* home new layout - start*/
.ca23_battle_zone_wrap {
width: 90vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ca23_battle_zone_wrap .ca23_square_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(auto-fill);
gap: 10px 10px;
margin-left: 0vw;
}

.ca23_battle_zone_wrap .ca23_2column_grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(auto-fill);
gap: 15px 10px;
margin-left: 0vw;
}


.ca23_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-decoration: underline;*/
text-transform: none;
}

.ca23_view_all img {
width: 25px;
height: auto;
margin-top: 2px;
}

.ca23_2colum_image {
width: 42vw;
height: 42vw;
border-radius: 15px;
position: relative;
overflow: hidden;
/*	margin: 0 3vw 5vw 0vw;*/
}


.ca23_2colum_image .ca23_musttry_image_wrap {
width: 42vw;
height: 42vw;
border-radius: 15px;
overflow: hidden;
}

.ca23_2colum_image .ca23_musttry_image_wrap img {
width: 42vw;
height: 42vw;
border-radius: 15px;
}

.ca23_2colum_image .ca23_battle_tag {
z-index: 2;
top: 0px;
left: 0vw;
position: absolute;
}

.ca23_2colum_image .ca23_battle_tag img {
width: 24px;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}


.ca23_2colum_image .ca23_user_text1 {
font-family: 'PoppinsLight';
color: #F4F4F4;
font-size: 1.1rem;
position: absolute;
right: 3vw;
bottom: 1vw;
z-index: 1;
width: auto;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
text-align: center;
padding: 0px 0px 0px 0px;
line-height: 22px;
}

.ca23_2colum_image .ca23_user_text1 img {
width: 12.5px;
height: auto;
}



/*Featured static card css*/
.ca23_featured_static_card_wrap {
position: relative;
margin: 0 auto;
}

.ca23_featured_static_image {
width: 80vw;
height: 80vw;
margin: 0 auto;
}

.ca23_featured_static_image img {
width: 80vw;
height: 80vw;
border-radius: 25px;
opacity: 1;
}

.ca23_featured_static_card_wrap .ca23_battle_tag {
z-index: 2;
top: 0;
left: 10vw;
position: absolute;
display: none;
}

.ca23_featured_static_card_wrap .ca23_battle_tag img {
width: 40px;
height: auto;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
}

.ca23_featured_static_card_wrap .ca23_featured_text_wrap_s {
width: 80vw;
height: 95px;
-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: 0vw;
z-index: 2;
display: flex;
align-items: center;
left: 10vw;
}

.ca23_featured_static_card_wrap .ca23_featured_txt_s {
font-family: 'PoppinsMedium';
color: #FFFFFF;
margin-left: 15PX;
}

.ca23_featured_static_card_wrap .ca23_featured_txt_s .ca23_text2 {
font-family: 'Poppins-Bold';
font-size: 1.7rem;
line-height: 23px;
width: 80vw;
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-start;
/*	text-transform: none;*/
}

.ca23_featured_static_card_wrap .ca23_featured_txt_s .ca23_text2 img {
width: 22px;
height: auto;
margin-left: 0px;
margin-right: 2px;
}

.ca23_featured_static_card_wrap .ca23_featured_txt_s .ca23_user_text3 {
font-family: 'Poppins-Light';
color: #FFFFFF;
font-size: 1.25rem;
position: absolute;
left: 15PX;
bottom: 15PX;
z-index: 1;
width: auto;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
text-align: center;
padding: 0px 0px 0px 0px;
line-height: 18px;
}

.ca23_featured_static_card_wrap .ca23_featured_txt_s .ca23_user_text3 img {
width: 16px;
height: auto;
margin-right: 0px;
}

.ca23_featured_static_card_wrap .ca23_trend_gradient_s {
width: 80vw;
height: 50vw;
border-radius: 25px;
overflow: hidden;
position: absolute;
z-index: 1;
opacity: 1;
bottom: 0;
opacity: 1;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c9000000', GradientType=0);
left: 10vw;
}

.ca23_hide {
visibility: hidden;
}

/*Featured static card css ends*/
.ca23_battle_zone_wrap .large_image_wrap {
float: left;
margin-bottom: 10px;
}


.ca23_larger_image {
width: 60vw;
height: 60vw;
border-radius: 15px;
position: relative;
overflow: hidden;
margin: 0 0vw 0px 0vw;
}

.ca23_larger_image .ca23_trend_gradient_s {
width: 60vw;
height: 20vw;
border-radius: 15px;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: 1;
bottom: 1vw;
opacity: 1;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c9000000', GradientType=0);
}

.ca23_larger_image .ca23_musttry_image_wrap {
width: 60vw;
height: 60vw;
border-radius: 15px;
overflow: hidden;
}

.ca23_larger_image .ca23_musttry_image_wrap img {
width: 59vw;
height: 59vw;
border-radius: 15px;
}


.ca23_larger_image .ca23_user_text1 {
font-family: 'Poppins-Light';
color: #FFFFFF;
font-size: 1.2rem;
position: absolute;
right: 4vw;
bottom: 2.3vw;
z-index: 1;
width: auto;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
text-align: center;
padding: 0px 0px 0px 0px;
line-height: 22px;
}

.ca23_larger_image .ca23_user_text1 img {
width: 13px;
height: auto;
}

.ca23_larger_image .ca23_battle_tag {
z-index: 2;
top: 0px;
left: 0vw;
position: absolute;
}

.ca23_larger_image .ca23_battle_tag img {
width: 26px;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}



.ca23_larger_image .ca23_text1 {
font-family: 'Poppins-Light';
font-size: 1.2rem;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 0px;
position: absolute;
color: #FFFFFF;
z-index: 2;
bottom: 3vw;
left: 2vw;
}

.ca23_larger_image .ca23_text1 img {
width: 18px;
height: auto;
margin-right: 0px;
}

.ca23_battle_zone_wrap .small_image_wrap {
float: right;
margin-bottom: 0px;
}

.ca23_battle_zone_wrap .bottom_image_wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 0fr;
gap: 0px 10px;
grid-template-areas:
". . .";
margin-left: 0vw;
}

.ca23_bottom_image {
width: 28vw;
height: 28vw;
border-radius: 15px;
position: relative;
overflow: hidden;
margin: 0 0vw 0px 0vw;
}

.ca23_bottom_image .ca23_trend_gradient_s {
width: 28vw;
height: 13vw;
border-radius: 15px;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: .7;
bottom: 0vw;
opacity: 1;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.79) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c9000000', GradientType=0);
}

.ca23_bottom_image .ca23_musttry_image_wrap {
width: 28vw;
height: 28vw;
border-radius: 15px;
overflow: hidden;
}

.ca23_bottom_image .ca23_musttry_image_wrap img {
width: 28vw;
height: 28vw;
border-radius: 15px;
}


.ca23_bottom_image .ca23_user_text1 {
font-family: 'PoppinsLight';
color: #FFFFFF;
font-size: .9rem;
position: absolute;
right: 2vw;
bottom: .7vw;
z-index: 1;
width: auto;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
text-align: center;
padding: 0px 0px 0px 0px;
line-height: 22px;
}

.ca23_bottom_image .ca23_user_text1 img {
width: 11.5px;
height: auto;
}

.ca23_bottom_image .ca23_battle_tag {
z-index: 2;
top: -1px;
left: 0vw;
position: absolute;
}

.ca23_bottom_image .ca23_battle_tag img {
width: 23px;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}


.ca23_bottom_image .ca23_text1 {
font-family: 'Poppins-Light';
font-size: .9rem;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 0px;
position: absolute;
color: #FFFFFF;
z-index: 2;
bottom: 1.2vw;
left: 1vw;
}

.ca23_bottom_image .ca23_text1 img {
width: 13px;
height: auto;
margin-right: 0px;
margin-top: -1px;
}

/* home new layout - end*/
.label-float .ca23_edit_page_txt.dob {
background-image: url("../image/profile_pg/date_img.png");
background-position: right;
background-repeat: no-repeat;
background-size: 30px;

}

/* edit profile ends */
/* darkUI : activity page css starts */
.ca23_inside_blue_bg .ca23_notication_select {
float: right !important;
position: absolute;
right: 20px;
top: 16px;
}

.ca23_inside_blue_bg .ca23_notication_select .ca23_activity_sml_heading {
font-size: 1.1rem;
font-family: 'PoppinsMedium';
color: #FFFFFF;
position: absolute;
right: 50px;
top: -7px;
text-transform: none;
}

.ca23_play_btn_wrap .left_btn_details {
float: left;
width: 50%;
}

.ca23_play_btn_wrap .right_btn_details {
float: right;
width: 50%;
}

.ca23_leaderboard_activity_txt {
width: 100%;
font-family: 'Roboto-Regular';
font-size: 1.1rem;
color: #F4F4F4;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
text-transform: none;
}

.ca23_leaderboard_activity_txt img {
width: 18px;
height: auto;
margin-right: 2px;
}

.ca23_leaderboard_activity_txt a {
text-decoration: underline;
color: #F4F4F4;
}

.ca23_activity_btn {
/* border-radius: 5px; */
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';

line-height: 25px;
width: auto;
/* display: block; */
text-align: center;
height: 25px;
background-color: #ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}

.ca23_activity_btn img {
width: 23px;
height: auto;
}

.ca23_activity_btn .ca23_activity_btn_like {
width: 18vw;
height: 18px;
background: #000000;
border-radius: 50px;
position: absolute;
z-index: 2;
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: "PoppinsMedium";
font-size: .8rem;
top: -14px;
left: 28%;
color: #F4F4F4;
}

.ca23_activity_btn .ca23_activity_btn_like img {
height: 7px;
width: auto;
margin-right: 1px;
}


.ca23_activity_btn.disable_state {
background-color: #D5D6D9 !important;
color: #FFFFFF;
}

.ca23_activity_btn.disable_state img {
filter: grayscale(100%);
}

.ca23_activity_artwork_wrap {
width: 95%;
margin-left: auto;
margin-right: auto;
}

.ca23_activity_artwork_wrap .left_wrap {
width: 20%;
height: auto;
float: left;
}

.ca23_activity_artwork_wrap .left_wrap .artwork {
width: 15vw;
height: 15vw;
overflow: hidden;
}

.ca23_activity_artwork_wrap .left_wrap .artwork img {
width: 15vw;
height: 15vw;
overflow: hidden;
border-radius: 10px;
}

.ca23_activity_artwork_wrap .right_wrap {
width: 80%;
height: auto;
float: left;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}

.ca23_activity_artwork_wrap .right_wrap .ca23_artwork_name {
font-family: 'Roboto-Bold';
font-size: 1.6rem;
color: #F4F4F4;
margin-top: 1vw;
}

.ca23_activity_artwork_wrap .right_wrap .ca23_artwork_name_single {
font-family: 'Roboto-Bold';
font-size: 1.4rem;
color: #F4F4F4;
margin-top: 4.3vw;
}


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

.ca23_activity_artwork_wrap .right_wrap .ca23_artwork_details .ca23_prize_div3 {
width: 100px;
font-weight: normal;
font-family: 'Roboto-Medium';
font-size: 1.1rem;
color: #CCCCCC;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.ca23_activity_artwork_wrap .right_wrap .ca23_artwork_details .ca23_prize_div3 img {
width: 13px;
height: auto;
}

.ca23_activitycard_timer {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: .95rem;
width: auto;
height: 22px;
background-color: #272838;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
text-align: center;
float: right;
line-height: 22px;
margin-right: 10vw;
padding: 0px 5px 0px 5px;
}

.ca23_activitycard_timer.ended {
width: auto !important;
background-color: #CADEF8 !important;
padding-left: 10px;
padding-right: 10px;
color: #272838;
}

.ca23_battle_card1 .ca23_battle_tag {
z-index: 2;
top: 0px;
right: 0vw;
position: absolute;
}


.ca23_battle_card1 .ca23_battle_tag img {
width: 25px;
height: auto;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-left-radius: 15px;
}

.ca23_activity_card_bottom_txt {
font-family: 'Roboto-Light';
font-size: 1rem;
color: rgba(255, 255, 255, 0.50);
display: flex;
align-items: flex-start;
justify-content: center;
margin-left: 10px;
width: 90%;
}

.ca23_activity_card_bottom_txt img {
width: 16px;
height: auto;
margin-right: 3px;
}

.ca23_musttry_wrap1 .ca23_battle_tag {
z-index: 2;
top: -1px;
left: 0vw;
position: absolute;
}

.ca23_musttry_wrap1 .ca23_battle_tag img {
width: 20px;
height: auto;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}

.ca23_musttry_wrap1 .ca23_musttry_image_wrap img {
width: 27vw;
height: 27vw;
border-radius: 15px;
}

.ca23_vip_color_bg .ca23_prize_bottom_wrap .ca23_prize_guarantee{
color: #ffffff!important;
}

.ca23_vip_color_bg .ca23_prize_bottom_wrap .ca23_prize_leaderboard a{
color: #ffffff!important;
}

.ca23_vip_color_bg .ca23_prize_bottom_wrap .ca23_prize_timer{
color: #ffffff!important;
}

.ca23_vip_color_bg .black_border_right{
border: none !important;
}

.ca23_vip_color_bg .ca23_prize_loading .ca23_prize_left{
color: #ffffff!important;
}

.ca23_vip_color_bg .ca23_prize_loading .ca23_prize_left strong{
color: #ffffff!important;
}

.ca23_rp_main_image_wrap {
border: 1px solid rgb(69,70,98,1)!important;
border-radius: 10px!important;
}

.ca23_vip_color_bg .ca23_loading_bg2 {
background-color: #972222;
}
/* darkUI : activity page css ends */

.set_rock_table1aa{
word-break: break-all!important;
}

/*VIP payment page css starts*/
.ca23_howtoplay_wrap .items_wrap .right_wrap{
border-bottom: 1px solid rgba(250,250,250,0.1);
}

.ca23_popup_error{
text-align: center;
font-size: 1rem;
color: #FFFFFF;
font-family: 'PoppinsMedium';
text-transform: none;
}

.vip_yellow_txt{
color: #ed1c24!important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.vip_yellow_txt img {
width: 23px;
height: auto;
margin-right: 5px;
margin-top: -2px;
}


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

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

.ca23_game_pop_success_txt{
width: 90vw;
height: 30px;
margin-left: auto;
margin-right: auto;
font-size: 1.8rem;
font-family: 'Poppins-Regular';
color: #FFFFFF;
text-align: center;
}

.ca23_success_msg{
color: #4bb71b!important;
}

.ca23_failure_msg{
color: #ed1c24!important;
}

/*success animation starts*/
.success-animation { margin:0px auto;}

.checkmark {
width: 20vw;
height: 20vw;
border-radius: 50%;
display: block;
stroke-width: 2;
stroke: #4bb71b;
stroke-miterlimit: 10;
box-shadow: inset 0px 0px 0px #4bb71b;
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
position:relative;
top: 5px;
right: 5px;
margin: 0 auto;
}
.checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: #4bb71b;
fill: #000000;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;

}

.checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}

@keyframes scale {
0%, 100% {
transform: none;
}

50% {
transform: scale3d(1.1, 1.1, 1);
}
}

@keyframes fill {
100% {
box-shadow: inset 0px 0px 0px 30px #4bb71b;
}
}
/*Success animation ends*/

/*Failure Animation starts*/
.tick-animation-ctn{text-align:center;margin-top:0em;}

@-webkit-keyframes checkmark {
0% {
stroke-dashoffset: 100px
}

100% {
stroke-dashoffset: 200px
}
}

@-ms-keyframes checkmark {
0% {
stroke-dashoffset: 100px
}

100% {
stroke-dashoffset: 200px
}
}

@keyframes checkmark {
0% {
stroke-dashoffset: 100px
}

100% {
stroke-dashoffset: 0px
}
}

@-webkit-keyframes checkmark-circle {
0% {
stroke-dashoffset: 480px

}

100% {
stroke-dashoffset: 960px;

}
}

@-ms-keyframes checkmark-circle {
0% {
stroke-dashoffset: 240px
}

100% {
stroke-dashoffset: 480px
}
}

@keyframes checkmark-circle {
0% {
stroke-dashoffset: 480px 
}

100% {
stroke-dashoffset: 960px
}
}

@keyframes colored-circle { 
0% {
opacity:0
}

100% {
opacity:100
}
}

/* other styles */
/* .svg svg {
display: none
}
*/
.inlinesvg .svg svg {
display: inline
}

/* .svg img {
display: none
} */

.icon--order-success svg polyline {
-webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.icon--order-success svg circle {
-webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
animation: checkmark-circle 0.6s ease-in-out backwards;
}
.icon--order-success svg circle#colored {
-webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
animation: colored-circle 0.6s ease-in-out 0.7s backwards;
} 
/*Failure animation ends*/

/*VIP payment page css ends*/

.ca23_battle_icon_wrap .ca23_div2_battle1 {
font-size: 1.3rem;
line-height: 20px;
margin-top: 9.5vw;
display: flex;
align-items: center;
justify-content: flex-start;
display: none;
}

.ca23_vip_bg .ca23_play_btn_prize_gold{
visibility: hidden;
}

.ca23_dropdownwrap2.ca23_vip_bg{
height: auto;
}

.ca23_vip_details_mainwrap {
flex-direction: row;
display: none;
}

.ca23_game_pop_bg1 .ca23_leaderboard_timer_text{
visibility: hidden;
}

.ca23_game_pop_bg1 .ca23_battle_icon_wrap .ca23_div1_battle .ca23_icon_ic{
visibility: hidden;
}

/*PAN verificatin section starts*/

.ca23_profile_pan_btn {
border-radius: 5px;
padding: 3px!important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';

line-height: 30px;
width: 90vw;
display: block;
text-align: center;
height: 30px;
background-color:#ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_inside_blue_bg {
width: 100%;
height: 16vw;
height: 60px;
/* position: relative; */
}

.label-float input {
border: 1px solid #666666;
border-radius: 10px;
outline: none;
min-width: 80vw;
padding: 15px 20px;
font-size: 16px;
transition: all .1s linear;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-appearance: none;
color: #FFFFFF;
}

.ca23_pan_verify_black_box {
width: 90vw;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow-x: hidden;
border-radius: 15px;
background: #272838 !important;
padding: 20px 0px 20px 0px;
}

.ca23_pan_verify_black_box .ca23_pan_txt1 {
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.5rem;
}

.ca23_pan_verify_black_box .ca23_pan_txt2 {
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 2rem;
}

.ca23_pan_verify_black_box .ca23_pan_txt3 {
font-family: 'Poppins-Light';
color: #ACACB4;
font-size: 1.1rem;
width: 80vw;
margin-left: auto;
margin-right: auto;
}

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

.ca23_pan_page_btn {
padding: 5px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';

width: 40vw;
text-align: center;
height: 30px;
background-color: #ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_pan_page_btn.pan_grey {
background-color: #D5D6D9 !important;
color: #000000 !important;
}

.ca23_pan_page_btn.pan_green {
background-color: #00954E !important;
color: #ffffff !important;
}

.ca23_wallet_new_wrap {
width: 90%;
height: 35vw;
position: relative;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
}

.ca23_wallet_new_wrap .div1 {
color: #fff;
font-family: 'Poppins-Bold';
font-size: 2rem;
margin-left: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
}

.ca23_wallet_new_wrap .div1 img {
width: 23px;
height: auto;
margin: 3px;
}

.ca23_wallet_new_wrap .div2 {
color: #D5D6D9;
font-family: 'Poppins-Light';
font-size: 1.1rem;
margin-left: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
}

.ca23_wallet_new_wrap .div2 img {
width: 23px;
height: auto;
margin: 3px;
}

.ca23_wallet_new_btn_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
}

.ca23_wallet_new_btn_red {
border-radius: 30px;
height: 35px;
width: 40vw;
background: #ed1c24;
font-size: 1.1rem;
text-align: center;
line-height: 35px;
color: #FFFFFF;
font-family: 'PoppinsMedium';
}

.ca23_wallet_new_btn_outline {
border-radius: 30px;
height: 35px;
width: 40vw;
background-color: transparent;
color: #fff;
font-size: 1.1rem;
text-align: center;
line-height: 35px;
font-family: 'PoppinsMedium';
border: 1px solid #FFFFFF;
}

.ca23_wallet_new_selection_menu_wrap {
width: 100vw;
height: 35px;
padding: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
overflow: auto;
overflow-y: hidden;
text-transform: none;
font-size: 1.1rem;
background: rgb(17, 22, 34);
/* Old browsers */
background: -moz-linear-gradient(left, rgba(17, 22, 34, 1) 0%, rgba(47, 48, 67, 1) 50%, rgba(17, 22, 34, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(17, 22, 34, 1) 0%, rgba(47, 48, 67, 1) 50%, rgba(17, 22, 34, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(17, 22, 34, 1) 0%, rgba(47, 48, 67, 1) 50%, rgba(17, 22, 34, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
/* IE6-9 */
padding-top: 4px;
}

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

.ca23_wallet_new_select_main_menu a {
display: inline-block;
color: #FFFFFF;
text-align: center;
text-decoration: none;
margin: 5px 5px 5px 5px;
cursor: pointer;
}

.ca23_wallet_new_outline_btn {
padding: 0px 5px;
color: #FFFFFF;
text-decoration: none;
width: auto;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsLight';
display: inline-flex;
align-items: center;
justify-content: center;
}

.ca23_wallet_new_outline_btn img {
width: 15px;
height: auto;
margin-left: 1px;
margin-right: 1px;
}

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

.ca23_wallet_new_outline_btn.select {
color: #fff;
font-family: 'Poppins-Bold';
text-decoration: underline;
-webkit-text-underline-position: under;
-ms-text-underline-position: below;
text-underline-position: under;
text-underline-offset: 2px;
text-decoration-color: #ed1c24;
text-decoration-thickness: 5px;
}

.ca23_wallet_new_rewards_table_wrap {
margin-left: auto;
margin-right: auto;
width: 90vw;
height: 15vw;
display: inline-flex;
align-items: center;
justify-content: center;

}

.ca23_wallet_new_rewards_table_wrap .div1_number {
color: #FFFFFF;
font-family: 'PoppinsLight';
text-align: left;
font-size: 1.1rem;
width: 20%;
float: left;
}

.ca23_wallet_new_rewards_table_wrap .div2_number {
color: #FFFFFF;
font-family: 'PoppinsLight';
text-align: left;
font-size: 1.1rem;
width: 60%;
float: left;
}

.ca23_wallet_new_rewards_table_wrap .div2_number strong {
font-family: 'Poppins-Bold';
display: block;
}

.ca23_wallet_new_rewards_table_wrap .div3_number {
color: #FFFFFF;
font-family: 'Poppins-Bold';
text-align: left;
font-size: 1.1rem;
width: 20%;
float: left;
display: inline-flex;
align-items: center;
justify-content: center;
}

.ca23_wallet_new_rewards_table_wrap .div3_number img {
width: 15px;
height: auto;
}

.ca23_wallet_new_rewards_table_wrap .div3_number.spent {
color: #FF8E75;
}

.ca23_panverify_header {
color: #FFFFFF;
font-family: 'Poppins-Bold';
margin-left: auto;
margin-right: auto;
width: 95%;
text-align: center;
font-size: 1.6rem;
}


.ca23_pancard_img {
margin-left: auto;
margin-right: auto;
width: 95%;
border-radius: 15px;
overflow: hidden;
text-align: center;
}

.ca23_pancard_img img {
width: 75%;
border-radius: 15px;
height: auto;
}

.ca23_panverify_small_txt {
font-size: 1rem;
color: #82838E;
width: 88%;
text-align: left;
font-family: 'PoppinsMedium';
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.ca23_pan_important_notes {
width: 90vw;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow-x: hidden;
border-radius: 15px;
background: #272838 !important;
padding: 20px 0px 20px 0px;
}

.ca23_pan_important_notes .ca23_pan_important_notes_head {
color: #FFFFFF;
font-family: 'Poppins-Bold';
margin-left: auto;
margin-right: auto;
width: 90%;
text-align: left;
font-size: 1.3rem;
}

.ca23_pan_important_notes .ca23_pan_important_notes_txt {
color: #FFFFFF;
font-family: 'PoppinsLight';
margin-left: auto;
margin-right: auto;
width: 95%;
font-size: 1rem;
text-align: left;
opacity: 70%;
line-height: 20px;
}

.ca23_pan_important_notes .ca23_pan_important_notes_txt img {
width: 30px;
height: auto;
}

.ca23_pan_important_notes .ca23_pan_important_notes_txt ul {
list-style-type: disc !important;
padding-left: 20px;
}

.ca23_pan_important_notes .ca23_pan_important_notes_txt ul li {
list-style-type: disc;
}

.ca23_pan_upload_photo_txt {
color: #FFFFFF;
font-family: 'Poppins-Bold';
margin-left: auto;
margin-right: auto;
width: 95%;
font-size: 1.4rem;
text-align: center;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
}

.ca23_pan_upload_photo_txt a {
color: #FFFFFF;
}

.ca23_pan_upload_photo_txt img {
width: 22px;
height: auto;
margin-right: 3px;
}

.ca23_rewards_txt {
font-size: 1.1rem;
color: #f4f4f4;
width: 88%;
text-align: center;
font-family: 'Poppins-Light';
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.ca23_rewards_txt strong {
font-family: 'Poppins-Bold';
}

.ca23_rewards_txt .yellow {
color: #ed1c24;
font-family: 'Poppins-Light' !important;
}

.ca23_voucher_left_50 {
float: left;
width: 45vw;
height: 50vw;
}

.ca23_voucher1_wrap {
width: 40vw;
height: 35vw;
padding: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: #7E5FFC;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

.color2 {
background-color: #FF8B66 !important;
}

.color3 {
background-color: #81FFD1 !important;
}

.color4 {
background-color: #5497E3 !important;
}

.color5 {
background-color: #D35FFC !important;
}

.color6 {
background-color: #17DEEB !important;
}

.text_color_black {
color: #000000 !important;
border-color: #000000 !important;
}

.ca23_voucher1_wrap .top_wrap {
height: 35vw;
}

.ca23_voucher1_wrap .top_wrap .voucher_txt_head {
font-size: 3rem;
color: #fff;
text-align: center;
font-family: 'Poppins-Bold';
padding-top: 8vw;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.ca23_voucher1_wrap .top_wrap .voucher_txt_image {
text-align: center;
}

.ca23_voucher1_wrap .top_wrap .voucher_txt_image img {
height: auto;
width: 70%;
}

.ca23_voucher1_wrap .left_round {
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #000000;
margin-left: -3.9vw;
position: absolute;
z-index: 2;
margin-top: -2vw;
}

.ca23_voucher1_wrap .right_round {
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #000000;
margin-left: 37.5vw;
position: absolute;
z-index: 2;
margin-top: -2vw;
}

.ca23_voucher1_wrap .bottom_wrap {
height: 15vw;
background-color: #7E5FFC;
border-top: 1px dashed #fff;
line-height: 6vh;
font-family: 'Roboto-Regular';
-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;
text-align: center;
}

.ca23_voucher1_wrap .bottom_wrap .text_round {
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
text-align: center;
font-size: 1.2rem;
border: 1px solid #FFFFFF;
border-radius: 20px;
height: 30px;
line-height: 30px;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 3.5vw;
}

.ca23_voucher1_wrap .bottom_wrap .text_round img {
width: 15px;
height: auto;
margin: 1px;
margin-top: 2px;
}

.well {
min-height: 100px;
width: 90%;
padding: 0px;
margin-bottom: 0px;
background-color: transparent;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
vertical-align: top;
margin-top: 8vh;
}

.popup_wrapper {
background-color: rgba(0, 0, 0, 0.5);
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
}

.popup_content {
padding: 0px;
height: auto;
}

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


.popup_close {
width: auto;
position: absolute;
right: 20px;
top: 5px;
z-index: 99999;
}

.popup_close img {
height: 12px;
width: auto;
opacity: 0.8;
}

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

.tds_image {
width: 80%;
margin-left: auto;
margin-right: auto;
margin: 25px;
}

.tds_image img {
border-radius: 15px;
}

.ca23_giftcard_container {
width: 100%;
height: 60vw;
background-image: url("../image/rp_page_img.jpg");
background-position: center;
background-repeat: no-repeat;
overflow-x: hidden;
background-size: cover;
}

.ca23_blackcard_pop {
width: 90vw;
height: 80vw;
margin-left: auto;
margin-right: auto;
-webkit-border-top-left-radius: 13px;
-webkit-border-top-right-radius: 13px;
-moz-border-radius-topleft: 13px;
-moz-border-radius-topright: 13px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
background-color: #363642;
margin-top: -10vw;
}

.ca23_rp_btn {
border-radius: 5px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Light';
background-color: transparent;

line-height: 37px;
width: 80vw;
text-align: center;
height: 37px;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
border: 1px solid #efefef;
}

.ca23_rp_btn img {
width: 20px;
height: auto;
margin: 0px 2px 0px 2px;
}

.ca23_blackcard_pop .ca23_gift_icon {
float: left;
margin-top: 0px;
margin-left: 4vw;
}

.ca23_blackcard_pop .ca23_gift_icon img {
width: 65px;
height: auto;
-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;
}


.ca23_blackcard_pop .header_txt {
float: left;
margin-left: 2.5vw;
color: #fff;
font-size: 1.5rem;
font-family: 'Poppins-Bold';
width: 60vw;
display: flex;
justify-content: center;
align-items: center;
height: 55px;
}

.ca23_blackcard_pop .div2 {
text-align: center;
height: 40px;
font-family: 'Poppins-Bold';
color: #272838;
font-size: 1.2rem;
margin-top: 0px;
border: 1px dashed #82838E;
line-height: 40px;
width: 80vw;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 5px;
background-color: #FDF6EC;
}

.ca23_blackcard_pop .div2 img {
width: 16px;
height: auto;
margin-top: 3px;
}

.ca23_amazoncard_wrap .items_wrap .right_wrap {
width: 70vw;
float: left;
height: auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-family: 'PoppinsRegular';
font-size: 1.1em;
padding-right: 5vw;
color: rgba(255, 255, 255, 0.90);
text-transform: none;
}

.ca23_rp_card_bg_round {
width: 90vw;
height: 24px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
}

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

.StepProgress {
position: relative;
padding-left: 50px;
list-style: none;
width: 80vw;
text-transform: none;
}

.StepProgress::before {
display: inline-block;
content: '';
position: absolute;
top: 0;
left: 15px;
width: 10px;
height: 100%;
border-left: 2px solid #rgba(255, 255, 255, 0.2);
}

.StepProgress-item {
position: relative;
counter-increment: list;
}

.StepProgress-item:not(:last-child) {
padding-bottom: 20px;
}

.StepProgress-item::before {
display: inline-block;
content: '';
position: absolute;
left: -30px;
height: 100%;
width: 10px;
}

.StepProgress-item::after {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: -37px;
width: 12px;
height: 12px;
border-left: 1px dashed #CCCCCC;
border-radius: 50%;
background-color: #FFF;
}

.StepProgress-item.is-done::before {
border-left: 1px dashed #CCCCCC;
}

.StepProgress-item::after .noborder {
border-left: 1px dashed #000000 !important;
}

.StepProgress-item.is-done::after {
content: "";
font-size: 1rem;
color: #FFF;
text-align: center;
border: 1px solid #ed1c24;
background-color: #ed1c24;
}

.StepProgress-item.current::before {
border-left: 1px solid #CCCCCC;
}

.StepProgress-item.current::after {
content: counter(list);
padding-top: 1px;
width: 19px;
height: 18px;
top: -4px;
left: -40px;
font-size: 14px;
text-align: center;
color: green;
border: 1px solid #CCCCCC;
background-color: white;
}

.StepProgress strong {
display: block;
color: #ACACB4;
font-size: 1.1rem;
font-family: 'PoppinsLight';
display: block;
padding-bottom: 8px;
}

.StepProgress {
color: #FFFFFF;
font-size: 1.2rem;
font-family: 'Poppins-Regular';
}

.ca23_profile_pan_btn.pan_grey {
background-color: #D5D6D9 !important;
color: #000000 !important;
}

.ca23_profile_pan_btn.pan_green {
background-color: #00954E !important;
color: #ffffff !important;
}

.ca23_profile_pan_btn.pan_red{
background-color: #ed1c24!important;
color: #ffffff!important;
}

.ca23_panverify_verify_txt {
font-size: 1rem;
color: #82838E;
width: 88%;
text-align: center;
font-family: 'PoppinsMedium';
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.label-float input {
border: 1px solid #666666;
border-radius: 10px;
outline: none;
min-width: 80vw;
padding: 15px 20px;
font-size: 16px;
transition: all .1s linear;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-appearance: none;
color: #FFFFFF;
}

.ca23_pan_status_box {
width: 80vw;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow-x: hidden;
border-radius: 15px;
background: #F9E8D0 !important;
padding: 10px 15px 15px 15px;
color: #000000;
}

.ca23_pan_status_box.pan_green_box {
background: #DBF4D3 !important;
}

.ca23_pan_status_box.pan_red_box {
background: #F8D7D7 !important;
}


.ca23_pan_status_box .ca23_pan_status_box_txt1 {
font-family: 'Poppins-Bold';
color: #000000;
font-size: 1.3rem;
text-align: left;
display: flex;
justify-content: flex-start;
align-items: center;
}

.ca23_pan_status_box .pan_red_txt {
color: #ed1c24 !important;
}

.ca23_pan_status_box .ca23_pan_status_box_txt1 img {
width: 20px;
height: auto;
margin-top: 5px;
margin-right: 2px;
}

.ca23_pan_status_box .ca23_pan_status_box_txt2 {
font-family: 'Poppins-Light';
color: #000000;
font-size: 1rem;
text-align: left;
margin-left: 22px;
}

.ca23_amazoncard_small_txt {
color: #82838E;
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 1.2rem;
}

.ca23_amazoncard_btn_txt {
color: #B0B0D9;
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: right;
font-size: .8rem;
margin: 5px 0px 5px 0px;
}

.ca23_amazoncard_learn_txt {
color: #B0B0D9;
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 1.2rem;
}

.ca23_cost_txt_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Light';
color: #FFFFFF;
font-size: 1rem;
}

.ca23_cost_txt_wrap .ca23_cost_txt1 {
width: 50%;
float: left;
}

.ca23_cost_txt_wrap .ca23_cost_txt2 {
width: 50%;
float: left;
display: flex;
justify-content: flex-start;
align-items: center;
}

.ca23_cost_txt_wrap .ca23_cost_txt2 img {
width: 20px;
height: auto;
}


.ca23_panverify_small_txt.error {
color: #ed1c24;
}

.pan_error_toaster {
width: 100%;
height: 50px;
position: absolute;
z-index: 333;
color: #FFFFFF;
font-family: 'Roboto-Regular';
font-size: 1.1rem;
line-height: 50px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
background-color: #272838;
}

.pan_error_toaster .warning_img {
width: 25px;
height: auto;
float: left;
margin-top: 5px;
margin-left: 10px;
}

.pan_error_toaster .warning_img img {
width: 15px;
height: auto;
}

.pan_error_toaster .message_err {
/* width: 250px; */
float: left;
}

#pan_new_overlay {
z-index: 222;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120%;
background: rgba(20, 20, 20, .5);
display: none;
}

/*PAN verificatin section ends*/

.gamerji_iframe {
position: absolute;
width: 100vw !important;
height: 100vh !important;
border: none;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}.timeout_text{
color: #ffffff!important;
top: 17px!important;
left: 14px!important;
font-size: .9rem!important;
}
.ca23_countdown_icon_wrap .ca23_icon_ic{
width: 6vw;
height: 6vw;
text-align: center;
position: absolute;
top: 1px;
left: 1px;

}

.ca23_countdown_icon_wrap .ca23_icon_ic img{
width: 25px;
height: auto;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomright: 15px;
border-top-left-radius: 7px;
border-bottom-right-radius: 15px;
}


.ca23_carnival_codebox{
width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
background: #272838;
padding: 5%;
}

.ca23_carnival_codebox .left_name{
width: 80%;
float: left;
text-align: left;
font-family: 'Poppins-Bold';
color: #DCDCF4;
font-size: 1.1rem;
text-transform: none;
margin-bottom: 10px;
}

.ca23_joincode_wrap{
width: 100%;
height: 48px;
border-radius: 50px;
background:  rgba(217, 217, 217, 0.10);
margin: 0 auto;
display: inline-flex;
justify-content: flex-end;
align-items: center;
}

.ca23_joincode_txt{
width: 90%;
float: left;
color: #DCDCF4;
font-family: 'Poppins-Bold';
font-size: 1.3rem!important;
}

input[type=text].ca23_joincode_txt{
color: #DCDCF4;
font-family: 'Poppins-Bold';
font-size: 1.1rem!important;
margin-left: 10px;
}

.ca23_joincode_txt::placeholder {
color: #DCDCF4!important;
font-family: 'Poppins-Light'!important;
font-size: 1.1rem!important;
opacity: 0.7;
}

.ca23_joincode_error{
color: #DCDCF4!important;
font-family: 'Poppins-Light'!important;
font-size: 1.1rem!important;
opacity: 0.7;
margin-left: 10px;
}

.ca23_joincode_btn{
border-radius: 25px;
padding: 3px!important;
text-decoration: none;
font-size: 1.3rem!important;
background: #ed1c24;

line-height: 33px;
width: 25vw;
text-align: center;
height: 33px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #FFFFFF;
font-family: 'Poppins-Light';
margin-right: 5px;
}


.joincode_red_border{
border: 1px solid #ed1c24 !important;
}
/*Carnival CSS ends*/

/*Private CSS starts*/
.ca23_vip_processing{
width: 90%;
margin: 0 auto;
text-align: center;
color: #FFFFFF;
font-family:'Poppins-Medium';
font-size: 1.1rem;
}


.ca23_private_tag_left{
font-family: 'Poppins-Bold';
color: #ed1c24!important;
font-size: .9rem;
width: 90px;
height: 22px;
background-color: #4a057e;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0 17px 0;
-moz-border-radius: 0 0 17px 0;
-webkit-border-radius: 0 0 17px 0;
text-align: center;
float: left;
line-height: 22px;
}

.ca23_private_tag_left img{
width: 20px;
height: auto;
}


.ca23_private_color_bg{
background-image: none;
background-position: none;
background-repeat: none;
background-size: none;
border-radius: 15px;
/* Rectangle 34624559 */
background: rgb(81,11,142); /* Old browsers */
background: -moz-linear-gradient(left, rgba(81,11,142,1) 0%, rgba(131,17,236,1) 50%, rgba(75,11,148,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(81,11,142,1) 0%,rgba(131,17,236,1) 50%,rgba(75,11,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(81,11,142,1) 0%,rgba(131,17,236,1) 50%,rgba(75,11,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#510b8e', endColorstr='#4b0b94',GradientType=1 ); /* IE6-9 */

filter: none;
border: 1px solid rgba(244,195,72,0.3);
}
.ca23_private_color_bg .ca23_prize_div1 .ca23_prize_div1c {
color: #fff!important;
}

.ca23_private_color_timer{
background-color: #7332b2!important;
}

.ca23_prize_div1 .ca23_prize_div1c {
width: 100%;
height: auto;
float: left;
color: #FFFFFF;
font-weight: normal;
font-family: 'Roboto-Regular';
font-size: 1rem;
display: flex;
flex-direction:row;
justify-content:center;
align-items: center;
}

.ca23_moreinfo_wrap .ca23_moreinfo_header {
font-size: 1.3rem!important;
font-family: 'Poppins-Bold';
color: #f4f4f4;
text-transform: none;
}

.vip_yellow_txt {
color: #ed1c24!important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.vip_yellow_txt img {
width: 23px;
height: auto;
margin-right: 5px;
margin-top: -2px;
}

.ca23_howtoplay_wrap {
height: auto!important;
border-radius: 20px;
overflow-x: hidden;
color: #FFFFFF!important;
background:#272838!important;
}

.ca23_moreinfo_wrap .ca23_moreinfo_text {
font-size: 1rem!important;
font-family: 'PoppinsRegular';
color: #f4f4f4;
}

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

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

.ca23_private_center_image img {
width: 40vw;
height: 40vw;
border-radius: 20px;
margin-left: auto;
margin-right: auto;
}

.ca23_carnival_header{
width: 100%;
height: 60px;
background-color: transparent;
position: absolute;
}

.ca23_carnival_header .back_btn {
text-align: center;
height: 50px;
display: flex;
align-items: center; 
justify-content:flex-start;

line-height: 40px;
margin-top: 5px;
}

.ca23_carnival_header .back_btn img {
width: 30px;
height: auto;
margin-top: 12px;
margin-left: 5px;
}
/*Private CSS ends*/

/*winning popup starts*/
.ca23_winning_pop{
height:75%;
width:100%;
display:none;
bottom:0;
line-height:20px;
background-color:#000000;
color:#fff;
position:fixed;
z-index:1000;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
}
.ca23_winningpop_wrap{
width:95%;
margin-left:auto;
margin-right:auto;
text-transform:none;
position:relative;
}
.ca23_winningpop_wrap .ca23_winningpop_heading1{
font-family:'Poppins-Medium';
color:#fff;
font-size:1.4rem;
text-align:center;
}
.ca23_winningpop_wrap .ca23_winningpop_heading2{
font-family:'Poppins-Bold';
font-weight:bolder;
font-size:2.5rem;
text-align:center;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
background:linear-gradient(180deg,#ffe500 0,#ffa800 100%);
-webkit-text-fill-color:transparent;
-webkit-background-clip:text;
}
.ca23_winningpop_wrap .ca23_winningpop_heading2 img{
width:60px;
height:auto;
}
.ca23_winningpop_wrap .ca23_winningpop_heading3{
font-family:'Poppins-Regular';
color:#fff;
font-size:1rem;
text-align:center;
}
.ca23_winningpop_box_wrapper{
width:95px;
height:95px;
position:relative;
border-radius:12px;
background:#300516;
display:inline-grid;
justify-content:center;
align-items:center;
margin:0 4px;
border:1px solid #70123c;
}
.ca23_winningpop_box_wrapper .ca23_winningpopup_txt_img{
font-family:'Poppins-Medium';
font-weight:bolder;
color:#fff;
font-size:1.1rem;
text-align:center;
display:inline-grid;
justify-content:center;
align-items:center;
}
.ca23_winningpop_box_wrapper .ca23_winningpopup_txt_img img{
width:40px;
height:auto;
margin:0 auto 5px;
}
ul.ca23_winningpop_List1{
width:86vw;
overflow:scroll;
height:max-content;
margin-left:0;
display:inline-flex;
}
li.ca23_winningpop_List1,li.ca23_winningpop_List2{
float:left;
list-style-type:none;
width:95px;
margin-right:10px;
}
ul.ca23_winningpop_List2{
width:180vh;
overflow:hidden;
height:150px;
margin-left:0;
display:inline-flex;
}
li.ca23_winningpop_List2{
width:320px;
margin-right:7px;
}
.ca23_winningpop_tournament_wrapper{
width:320px;
height:140px;
position:relative;
border-radius:12px;
background:linear-gradient(180deg,#2b2d3f 0,#292a36 100%);
display:inline-flex;
align-items:center;
margin-left:10px;
overflow:hidden;
}
.ca23_winningpop_tournament_wrapper .ca23_battle_tag{
z-index:2;
top:-1px;
left:0;
position:absolute;
}
.ca23_winningpop_tournament_wrapper .ca23_battle_tag img{
width:27px;
height:auto;
-webkit-border-top-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-bottomright:15px;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
}
.ca23_winningpop_tournament_wrapper .ca23_winningpop_artwork{
width:95px;
height:95px;
border-radius:15px;
overflow:hidden;
margin-left:5%;
z-index:1;
}
.ca23_winningpop_tournament_wrapper .ca23_winningpop_artwork img{
width:95px;
height:95px;
}
.ca23_winningpop_tournament_wrapper .ca23_winningpop_txt_wrap{
position:absolute;
margin-left:40%;
z-index:1;
}
.ca23_winningpop_tournament_wrapper .ca23_winningpop_txt_wrap .ca23_winningpop_txt1{
font-family:'Poppins-Regular';
font-weight:bolder;
color:#fff;
font-size:1.4rem;
}
.ca23_winningpop_tournament_wrapper .ca23_winningpop_txt_wrap .ca23_winningpop_txt2{
font-family:'Poppins-Bold';
font-weight:bolder;
color:#fff;
font-size:1.8rem;
display:inline-flex;
justify-content:center;
align-items:center;
margin-top:8px;
}
.ca23_winningpop_tournament_wrapper .ca23_winningpop_txt_wrap .ca23_winningpop_txt3{
font-family:'Poppins-Regular';
color:#fff;
font-size:1.2rem;
}
.ca23_winningpop_artwork_bg{
width:320px;
height:140px;
position:absolute;
z-index:0;
overflow:hidden;
}
.ca23_winningpop_artwork_bg img{
margin-top:-20%;
}
.ca23_blur1{
width:100%;
height:100%;
-webkit-filter:blur(20px);
filter:blur(20px);
margin-left:0;
margin-top:0;
}
.winning_popup_vip_image{
border:2px solid #765765;
background-image:url(../image/carnival/carnival_pop_bg.jpg);
background-repeat:no-repeat;
background-size:cover;
border-radius:15px;
}
.ca23_winningpopu_wrap_btn{
padding:3px!important;
color:#000000;
text-decoration:none;
font-size:1.2rem!important;
margin-left:auto;
margin-right:auto;
font-family:'Poppins-Bold';
text-transform:none;
line-height:35px;
width:50vw;
display:block;
text-align:center;
height:35px;
background-color:#ed1c24;
border-radius:25px;
position:relative;
}
.ca23_winningpopu_wrap_btn img{
width:15px;
height:auto;
margin:0 2px;
}
.ca23_winningpopu_wrap_btn,.ca23_winningpopup_center_content{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
}
#newuser_pop,.popup_visible #newuser_pop{
-webkit-transform:scale(1.2);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
.popup_visible #newuser_pop{
-webkit-transform:scale(1);
}
.winningpopup_outer{
height:50vh!important;
}
.winningpopup_outer .mat-dialog-container{
padding:0!important;
width:92vw;
height:max-content!important;
}
.popup_close1{
width:auto;
position:absolute;
right:10px;
top:10px;
z-index:99999;
}
.popup_close1 img{
height:12px;
width:auto;
opacity:.5;
}
/*winning popup css ends*/

/*VIP giff place holder css*/
.ca23_header_wrap .ca23_header_vil_gif {
position: absolute;
right: 0;
top: 3.3vw;
}

.ca23_header_wrap .ca23_header_vil_gif img{
height: 9vw;
width: auto;
}

.ca23_home_heading_wrap .ca23_header_vil_gif1 {
float: right;
}
.ca23_home_heading_wrap .ca23_header_vil_gif1 img{
height: 9vw;
width: auto;
}
/*VIP giff place holder css*/

/*Scramble image styles modified 4th augutst 2023*/
.ca23_scramble_image_wrap .div1 {
width: 58px;
height: 58px;
float: left;
border: 1px solid rgba(255,255,255,0.3);
margin: 2px;
border-radius: 7px;
}

.ca23_scramble_image_wrap .div2 {
width: 58px;
height: 58px;
float: left;
border: 1px solid rgba(255,255,255,0.3);
margin: 2px;
border-radius: 7px;
}

.ca23_scramble_image_wrap .div3 {
width: 58px;
height: 58px;
float: left;
border: 1px solid rgba(255,255,255,0.3);
margin: 2px;
border-radius: 7px;
}

.ca23_scramble_image_wrap .div4 {
width: 58px;
height: 58px;
float: left;
border: 1px solid rgba(255,255,255,0.3);
margin: 2px;
border-radius: 7px;
}

.ca23_scramble_image_wrap .div5 {
width: 58px;
height: 58px;
float: left;
border: 1px solid rgba(255,255,255,0.3);
margin: 2px;
border-radius: 7px;
}

.ca23_scramble_image_wrap .div6 {
width: 58px;
height: 58px;
float: left;
border: 1px solid rgba(255,255,255,0.3);
margin: 2px;
border-radius: 7px;
}

.ca23_scramble_image_wrap .div7 {
width: 58px;
height: 58px;
float: left;
border: 1px solid rgba(255,255,255,0.3);
margin: 2px;
border-radius: 7px;
}

.ca23_scramble_image_wrap .div8 {
width: 58px;
height: 58px;
float: left;
border: 1px solid rgba(255,255,255,0.3);
margin: 2px;
border-radius: 7px;
}

.ca23_scramble_image_wrap .div9 {
width: 58px;
height: 58px;
float: left;
border: 1px solid rgba(255,255,255,0.3);
margin: 2px;
border-radius: 7px;
}

.ca23_scramble_ans_wrap {
width: 300px;
height: 300px;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
}

.ca23_scramble_ans_wrap.ca23_imageseries_ans_wrap{
width: 300px;
height: 200px!important;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
}

.ca23_scramble_image_wrap img {
width: 57px;
height: 57px;
border-radius: 10px;
}

.ca23_jigsaw_header_wrap {
width: 97%;
height: 60px;
margin-left: auto;
margin-right: auto;
text-transform: none;
}

.ca23_jigsaw_header_wrap .ca23_wrap1 {
width: 35px;
float: left;
border-radius: 50%;
}

.ca23_jigsaw_header_wrap .ca23_wrap1 img {
width: 30px;
height: 30px;
margin: 17px 0px 0px 0px;
}

.ca23_jigsaw_header_wrap .ca23_wrap2 {
width: 45px;
float: left;
}

.ca23_jigsaw_header_wrap .ca23_wrap2 img {
width: 45px;
height: 45px;
border-radius: 7px;
margin-top: 8px;
}

.ca23_jigsaw_header_wrap .ca23_wrap6 {
width: auto;
float: left;
margin-top: 7px;
margin-left: 15px;
}

.ca23_jigsaw_header_wrap .ca23_wrap6 .ca23_battle_name {
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.6rem;
margin-top: 3px;
}

.ca23_jigsaw_header_wrap .ca23_wrap6 .ca23_battle_subname {
color: #ed1c24;
font-family: 'PoppinsRegular';
font-size: 1.2rem;
margin-top: 0px;
}

.ca23_jigsaw_header_wrap .ca23_wrap4 {
width: 21%;
float: right;
margin-top: 4px;
margin-right: 15px;
text-align: right;
}

.ca23_jigsaw_header_wrap .ca23_wrap4 .ca23_battle_name {
color: #FFFFFF;
font-family: 'PoppinsRegular';
font-size: 1.2rem;
margin-top: 5px;
}

.ca23_jigsaw_header_wrap .ca23_wrap4 .ca23_battle_name strong{
color: #ed1c24;
}

.ca23_jigsaw_header_wrap .ca23_wrap4 .ca23_battle_subname {
color: #FFFFFF;
font-family: 'PoppinsRegular';
font-size: 1.2rem;
margin-top: 0px;
flex-direction:row;
justify-content:flex-end;
align-items: center;
display: inline-flex;
}

.ca23_jigsaw_header_wrap .ca23_wrap4 .ca23_battle_subname img{
width: 25px;
height: auto;
}

.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_fill_btn_grey {
border-radius: 7px;
color: #FFFFFF;
text-decoration: none;
font-size: 18px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #272838;
text-transform: uppercase;
line-height: 40px;
float: right;
width: 40px;
height: 40px;
text-align: center;
margin-bottom: 10px;
}

.ca23_fill_btn_grey1 {
border-radius: 7px;
color: #FFFFFF;
text-decoration: none;
font-size: 15px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #272838;
text-transform: uppercase;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
margin-bottom: 10px;
}


.ca23_dictionary_txt {
color: #FFFFFF;
}

.ca23_dictionary_txt2 {
border-radius: 7px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #272838;
text-transform: uppercase;
line-height: 55px;
float: right;
width: 55px!important;
height: 50px;
text-align: center;
margin-bottom: 10px;
border: 1px solid rgba(255,255,255,0.3);
}



.ca23_dictionary_txt2_ans {
border-radius: 7px;
color: #FFFFFF;
text-decoration: none;
font-size: 2rem;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
background-color: #272838;
text-transform: uppercase;
line-height: 55px;
float: right;
width: 70px;
height: 50px;
text-align: center;
margin-bottom: 10px;
border: 1px solid rgba(255, 255, 255, 0.3);
min-width: 70px;
}

.ca23_dictionary_ans_wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
height: auto;
min-height: 20px;
/*background-color: #272838;*/
text-align: center;
padding: 10px 0px 10px 0px; 
color: #FFFFFF!important;
}

.ca23_question_outer_wrap .ca23_textbased_wrap_small {
width: 100%;
height: 51vw;
background-color: transparent;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
background-image: url("../image/qa_pg/qa_text_bg1.png");
background-size: cover;
}

.ca23_qa_btn{
color: #FFFFFF;
font-size: 1.1rem;
border-color: #272838;
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: #272838;
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_countdown_icon_wrap .ca23_icon_ic{
width: 6vw;
height: 6vw;
text-align: center;
position: absolute;
top: 1px;
left: 1px;

}

.ca23_countdown_icon_wrap .ca23_icon_ic img{
width: 25px;
height: auto;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomright: 15px;
border-top-left-radius: 7px;
border-bottom-right-radius: 15px;
}

.ca23_jigsaw_header_wrap .ca23_wrap6 .ca23_battle_name {
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1.3rem;
margin-top: 3px;
height: 23px;
overflow: hidden;
width: auto;
white-space: nowrap;
}
/*Scramble image styles modified 4th augutst 2023*/

.mymedia-dimensions.vjs-fluid {
padding-top: 57%;
}

.ca23_audio_question {
text-transform: none!important;
}

.ca23_qa_btn {
text-transform: none!important;
}

.ca23_countdown_gameheader{
text-transform: none!important;
}


/* LB dark UI css starts */
.yellow_txt {
color: #eeb903 !important;
font-family: 'Poppins-Bold';
}

sup{
font-size: .7rem;
font-family:'Poppins-Regular';
}
.ca23_dark_tab {
width: 90%;
height: 40px;
background-color: #272838;
position: absolute;
z-index: 1;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-left: 5vw;
line-height: 40px;
font-size: 1.2rem;
}

.ca23_dark_tab .dark_left_tab {
width: 50%;
text-align: center;
color: #FFFFFF;
float: left;
}

.ca23_dark_tab .dark_right_tab {
width: 50%;
text-align: center;
color: #FFFFFF;
float: left;
}

.ca23_dark_tab .select {
text-decoration: underline;
text-decoration-color: #ed1c24;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}

.ca23_carnival_table1 {
height: auto;
width: 90vw;
margin-right: auto;
margin-left: auto;
background-color: #272838;
border-radius:15px;
}
.ca23_carnival_table {
display: table;
color: #FFFFFF;
width: 100%;
margin: 0 auto;
text-transform: none;
font-size: 1rem;
}

.ca23_carnival_row {
display: table-row;

}

.ca23_carnival_row.heading_table {
font-size: 1.1rem;
background: radial-gradient(30315.23% 252.57% at 179.25% 26.73%, rgba(47, 48, 67, 0.00) 0%, rgba(30, 31, 47, 0.65) 57.88%, rgba(47, 48, 67, 0.00) 100%);
}

.ca23_carnival_cell.heading_table {
border-bottom: 1px solid rgba(255, 255, 255, 0.0);
padding: 14px 1px 14px 15px;
}

.ca23_carnival_cell.noborder {
border-bottom: 1px solid rgba(255, 255, 255, 0.0);
}

.ca23_carnival_cell {
display: table-cell;
padding: 11px 10px 11px 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
vertical-align: middle;
}

.ca23_carnival_cell.nopadding_left {
padding: 11px 5px 11px 0px !important;
}


.ca23_carnival_link {
padding: 11px 10px 11px 15px;
text-align: center;
color: #FFFFFF;
}

.ca23_carnival_link a {
color: #CCCCCC;
text-decoration: none;
}




.ca23_carnival_subheading1 {
font-size: 1.3rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
text-align: left;
width: 90%;
float: left;
font-weight: bolder;
margin-left: 5vw;
/*text-transform:uppercase;*/
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;
}


.ca23_carnival_subheading {
font-size: 1.3rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
text-align: left;
width: 40%;
float: left;
font-weight: bolder;
margin-left: 5vw;
/*text-transform:uppercase;*/
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;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_carnival_subheading img {
width: 20px;
height: auto;
margin-left: 3px;
}

.ca23_carnival_view_all {
float: right;
text-align: right;
margin-right: 6vw;
font-size: 1rem;
font-family: 'PoppinsMedium';
color: rgba(255, 255, 255, 0.50);
text-transform: none;
width: 40%;
}

.ca23_carnival_view_all a {
color: rgba(255, 255, 255, 0.50);
text-decoration: none;
}

.ca23_2column_zone_wrap .ca23_carnival_grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
gap: 0px 10px;
grid-template-areas:
". ."
". .";
margin-left: 0vw;
}

.ca23_2carnival_image {
width: 42vw;
height: 42vw;
border-radius: 15px;
position: relative;
overflow: hidden;
margin: 0 3vw 5vw 0vw;
background-color: #ecbc62;
text-transform: none;
}

.ca23_2carnival_image.red_bg {
background-color: #c55345 !important;
}

.ca23_2carnival_image .ca23_carnival_gradient {
width: 42vw;
height: 42vw;
border-radius: 15px;
overflow: hidden;
position: absolute;
z-index: 0;
opacity: .7;
bottom: 0vw;
opacity: 0.3;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#8c000000', GradientType=0);
/* IE6-9 */
}

.ca23_2carnival_image .carnival_box_txt1 {
font-size: 1.3rem;
font-family: 'Poppins-Regular';
color: #FFFFFF;
margin: 10px 0px 0px 10px;
}

.ca23_2carnival_image .carnival_box_txt2 {
font-size: 1rem;
font-family: 'Poppins-Regular';
color: #FFFFFF;
margin: 0px 0px 0px 10px;
}

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

.ca23_2carnival_image .carnival_prize_img img {
width: 70%;
height: auto;
}

.ca23_2carnival_image .carnival_rank {
width: 60px;
height: 60px;
text-align: center;
font-size: 2rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
background-image: url("../image/carnival/carnival_prize_bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto;
line-height: 55px;
}

.ca23_2carnival_image .carnival_rank.nobg {
background-image: none !important;
}

.ca23_carnival_prize_btn {
background-color: transparent;
border-radius: 100px;
color: #FFFFFF;
text-decoration: none;
font-size: 1rem;
width: 70%;
height: 30px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Light';
text-transform: none;
border: 1px solid #FFFFFF;
margin: 0 auto;
display: block;
line-height: 30px;
text-align: center;
}

.ca23_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;
color: #FFFFFF;
display: inline-flex;
line-height: 55px;
text-transform: none;
font-size: 1.5rem;
font-family: 'Poppins-Bold';
}

.ca23_carnival_prize_tag {
width: 80px;
height: auto;
position: absolute;
z-index: 2;
top: 15vw;
left: 60vw;
}

.ca23_carnival_prize_tag img {
width: 80px;
height: auto;
}

.ca23_carnival_codebox {
width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
background: #272838;
padding: 5%;
}

.ca23_carnival_codebox .left_name {
width: 40%;
float: left;
text-align: left;
font-family: 'Poppins-Bold';
color: #DCDCF4;
font-size: 1.2rem;
text-transform: none;
}
.ca23_carnival_cell .ca23_carnival_profile {
display: inline-flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
vertical-align: middle;
}
.ca23_carnival_cell .ca23_carnival_profile img {
width: 25px;
height: 25px;
border-radius: 50%;
margin-left: -5px;
margin-right: 2px;
}
.ca23_carnival_cell .ca23_carnival_reward {
display: inline-flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
vertical-align: middle;
}

.ca23_carnival_cell .ca23_carnival_reward img {
width: 18px;
height: auto;
border-radius: 50%;
margin-left: 0px;
margin-right: 2px;
}

.ca23_still_playing {
width: 20px;
height: 20px;
float: right;
margin-top: 5px;
}

.ca23_still_playing img {
width: 15px;
height: auto;
}

.ca23_best_score {
border-radius: 5px;
padding: 0px 0px 0px 0px !important;
color: #000000;
text-decoration: none;
font-size: .9rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
width: 80px;
display: block;
text-align: center;
height: 23px;
background-color: #ed1c24;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_carnival_cell strong {
font-family: 'Poppins-Bold';
}

.ca23_small_txt {
font-size: .9rem !important;
font-family: 'Poppins-Regular';
text-align: left;
color: #BDBDBD;
width: 70%;
margin-left: 5vw;
float: left;
}

.no_scroll {
display: inherit;
}

.ca23_carnival_cell .ca23_carnival_reward.rewards_col {
width: 50px !important;
/* justify-content: center;
text-align: center; */
}

.ca23_carnival_cell.rank_sl {
width: 10%;
}

.ca23_carnival_cell.rank_name {
width: 45%;
}

.ca23_carnival_cell.rank_score {
width: 25%;
}

.ca23_carnival_cell.rank_reward {
width: 20%;
}

.leaderboard_scroll3 {
overflow-y: scroll;
max-height: 300px;
}

.ca23_dark_heading_yellow {
color: #ed1c24;
font-size: 1.4rem;
font-family: 'Poppins-Bold';
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}

.ca23_dark_heading_yellow img {
width: 25px;
height: auto;
}

.ca23_live_btn {
border-radius: 5px;
padding: 0px 0px 0px 0px !important;
color: #FFFFFF;
text-decoration: none;
font-size: .9rem !important;
font-family: 'Poppins-Regular';
width: 45px;
display: block;
text-align: center;
height: 15px;
background-color: #ed1c24;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
float: right;
margin-right: 6vw;
}

.ca23_carnival_profile .ca23_still_playing {
width: 20px;
height: 20px;
float: right;
margin-top: 6px;
}

.ca23_carnival_profile .ca23_still_playing img {
width: 15px;
height: auto;
margin-left: 4px;
}

.ca23_winner_text1 {
width: 75%;
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsRegular';
color: #FFFFFF;
font-size: 1.2rem;
line-height: 20px;
}

.ca23_date_single_wrap .ca23_weekly_divider_black {
float: left;
border-left: 1px solid rgba(0, 0, 0, 0.4);
width: 1px;
height: 40px;
margin-top: 0px 4px 0px 3px;
}

.ca23_home_heading1 img {
width: 18px;
height: auto;
margin-right: 5px;
}

.black_txt {
color: #361A00!important;
}	

.ca23_header_vil_gif1 {
float: right;
}
.ca23_header_vil_gif1 img {
height: 9vw;
width: auto;
}

.ca23_home_heading_wrap .ca23_header_vil_gif1 {
float: right;
}

.ca23_home_heading_wrap .ca23_header_vil_gif1 img{
height: 9vw;
width: auto;
}


/* LB dark UI css ends */

.ca23_morque_wrap {
width: fit-content;
padding: 0px;
margin: 0px;
background-color: transparent;
margin-left: auto;
margin-right: auto;
overflow: auto;
overflow-y: hidden;
height: 40px;
display: flex;
flex-direction:row;
justify-content:flex-start;
align-items: center;
/*-webkit-animation: marquee 10s linear infinite running;
-moz-animation: marquee 10s linear infinite running;
-o-animation: marquee 10s linear infinite running;
-ms-animation: marquee 10s linear infinite running;
animation: marquee 10s linear infinite running;*/
margin: 0px;
color: #FFFFFF!important;
}

@-moz-keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translate(-20%);
-moz-transform: translate(-20%);
-o-transform: translate(-20%);
-ms-transform: translate(-20%);
transform: translate(-20%);
}
}
@-webkit-keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translate(-20%);
-moz-transform: translate(-20%);
-o-transform: translate(-20%);
-ms-transform: translate(-20%);
transform: translate(-20%);
}
}
@-o-keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translate(-20%);
-moz-transform: translate(-20%);
-o-transform: translate(-20%);
-ms-transform: translate(-20%);
transform: translate(-20%);
}
}
@keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

100% {
-webkit-transform: translate(-20%);
-moz-transform: translate(-20%);
-o-transform: translate(-20%);
-ms-transform: translate(-20%);
transform: translate(-20%);
}
}

.ca23_morque_wrap .ca23_morque_image_wrap{
display: flex;
flex-direction:row;
justify-content:center;
align-items: center;
padding: 5px 15px 5px 0px;
height: 30px;
width: auto;
background: linear-gradient(90deg, #272838 10.85%, rgba(37, 51, 89, 0.00) 79.46%);
-webkit-border-top-left-radius: 80px;
-webkit-border-bottom-left-radius: 80px;
-moz-border-radius-topleft: 80px;
-moz-border-radius-bottomleft:80px;
border-top-left-radius: 80px;
border-bottom-left-radius:80px;
}

.ca23_morque_wrap .ca23_morque_image_wrap .ca23_red_bg{
background: linear-gradient(90deg, #F00 -3.69%, rgba(0, 0, 0, 0.00) 89.26%)!important;
-webkit-border-top-left-radius: 80px;
-webkit-border-bottom-left-radius: 80px;
-moz-border-radius-topleft: 80px;
-moz-border-radius-bottomleft:80px;
border-top-left-radius: 80px;
border-bottom-left-radius:80px;
}

.ca23_morque_wrap .ca23_morque_image_wrap img{
width: 20px;
height: auto;
margin-right: 5px;
margin-left: 5px;
}

.ca23_morque_wrap .ca23_morque_image_wrap strong{
font-family: 'Poppins-Bold';
}

.ca23_morque_wrap .ca23_image_name_wrap{
display: flex;
flex-direction:row;
justify-content:center;
align-items: center;
position: relative;
}

.ca23_morque_wrap .ca23_table_sm_txt{
float: left;
height: 20px;
line-height: 20px;
width:auto;
text-align: left;
margin-left: 5px;
}

.ca23_morque_wrap .ca23_table_sm_img{
float: left;
width: 30px;
height: 30px;
border: 2px solid #ed1c24;
border-radius: 50%;
}

.ca23_morque_wrap .ca23_table_sm_img.private_border{
border: 2px solid #8311ec!important;	
}

.ca23_morque_wrap .ca23_table_sm_img.vip_border{
border: 2px solid #ed1c24!important;	
}

.ca23_morque_wrap .ca23_table_sm_img.battle_border{
border: 2px solid #277ff9!important;
}

.ca23_morque_wrap .ca23_table_sm_img.free_border{
border: 2px solid #0a9047!important;
}
.ca23_morque_wrap .ca23_table_sm_img img{
width: 30px;
height: 30px;
border-radius: 50%;
margin-top: 0px;
margin-right: 10px;
margin-left: 0px;
}

.ca23_marquee_prize {
width: 16px;
height: 16px;
color: #ed1c24;
font-family: 'Poppins-Bold';
position: absolute;
border-radius: 50%;
border: 1px solid #50516c;
background: #000000;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
left: -9px;
top: -3px;
}

.ca23_marquee_prize img{
width: 12px!important;
height: auto;
}


.ca23_header_vil_gif1 {
float: right;
position: absolute;
right: 0vw;
top: 3vw;
}

.ca23_vip_color_bg .ca23_prize_timer {
visibility: hidden/*hiding leaderboard link in the vip card. this is as per Meghna from growth team*/;
}

/*tambola css starts*/
.ca23_tamobola_head_txt1{
font-size: 1.5rem;
color: rgba(255,255,255,1);
font-family: 'Poppins-Bold';
width: 80%;
margin: 0 auto;
text-align: center;
}

.ca23_tamobola_head_txt2{
font-size: 1.2rem;
color: rgba(255,255,255,1);
font-family: 'Poppins-Light';
width: 80%;
margin: 0 auto;
text-align: center;
}

.ca23_tambola_start_btn {
border-radius: 25px;
color: #FFFFFF;
text-decoration: none;
font-size: .9rem!important;
font-family: 'Poppins-Regular';
width: 40vw;
display: block;
text-align: center;
height: 22px;
background-color: #00954E;
line-height: 20px;
}

.ca23_battle_opt_pg_img_wrap.tambola_success{
height: 100vw!important;
}

.ca23_game_image_center.tambola_success{
top: 40vw;
}


.ca23_tambola_details_img{
width: 40%;
text-align: center;
float: left;
}

.ca23_tambola_details_img img {
width: 30vw;
height: 30vw;
border-radius: 20px;
margin-left: auto;
margin-right: auto;
}

.ca23_tambola_details_txt{
width: 55%;
text-align: left;
float: left;
font-family: 'Poppins-Regular';
color: #FFFFFF;
font-size: 1.1rem!important;
line-height: 20px;
}

.ca23_tambola_header {
width: 100%;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
font-size: 1.5rem;
font-family: 'Poppins-Bold';
}

.ca23_activity_pop_roundborder{
width: 90vw;
height: 60px;
margin-left: auto;
margin-right: auto;
background-color:transparent;
border-radius:15px;
display: flex;
justify-content: center;
align-items: center;
background-color: #424040;
}


.ca23_activity_pop_roundborder .ca23_score_details_4{
color: #FFFFFF;
font-family: 'PoppinsMedium';
font-size: 1.1rem;
width: 20vw;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}


.ca23_activity_pop_roundborder .ca23_score_details_4 strong{
color: #FFFFFF;
font-family: 'Poppins-Bold';
}

.ca23_activity_pop_roundborder .ca23_score_details_3{
color: #FFFFFF;
font-family: 'PoppinsMedium';
font-size: 1.1rem;
width: 30vw;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}


.ca23_activity_pop_roundborder .ca23_score_details_3 strong{
color: #FFFFFF;
font-family: 'Poppins-Bold';
}

.ca23_activity_pop_roundborder .ca23_score_details_2{
color: #FFFFFF;
font-family: 'PoppinsMedium';
font-size: 1.1rem;
width: 50vw;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}


.ca23_activity_pop_roundborder .ca23_score_details_2 strong{
color: #FFFFFF;
font-family: 'Poppins-Bold';
}


.ca23_carnival_profile .ca23_still_playing{
width: 20px;
height: 20px;
float: right;
margin-top: 6px;
}

.ca23_carnival_profile .ca23_still_playing img{
width: 15px;
height: auto;
margin-left: 4px;
}

#neonShadow{
border:none;
animation: glow 1.5s infinite ;
transition:0.5s;
animation-iteration-count: 1;
}

#neonShadow1{
border:none;
animation: glow 1.5s infinite ;
transition:0.5s;
animation-iteration-count: 1;
background:#12d87d;
}

#neonShadow2{
border:none;
animation: glow1 1.5s infinite ;
transition:0.5s;
animation-iteration-count: 1;
}


@keyframes glow1{
0%{
background-color:#12d87d;}
100%{
background-color:#272838;}
}
}
/*tambola css ends*/
/*iframe 2 ads css starts*/
.ca23_html_game_iframe_1 {
position: absolute;
width: 100vw !important;
height: 86vh !important;
border: none;
}

.html_game_bottom_ad{
width: 100%;
margin: 0 auto;
height: 7vh;
bottom: 0;
display: inline-flex;
justify-content: center;
align-items: center;
position: fixed;
}

.ca23_html_game_iframe_1 {
position: absolute;
width: 100vw !important;
height: 86vh !important;
border: none;
}

.winners_image{
	width: 20px !important;
	height: unset !important;
	margin-left: unset !important;
	margin-right: unset !important;
	vertical-align: middle;
}

/*iframe 2 ads css ends*/

/*Beat the best score css starts*/

.ca23_beat_left_head{
width: 45%;
float: left;
font-size: 1.2rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
margin-top: 20px;
margin-left: 5%;
}

.ca23_beat_right_head{
width: 45%;
float: left;
margin-top: 20px;
margin-right: 5%;
}

.ca23_battle_card1 .ca23_artwork_details .ca23_prize_div3 {
width: 100px;
font-weight: normal;
font-family: 'Poppins-Light';
font-size: 1rem;
color: #CCCCCC;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

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

.ca23_beat_best_small_outer{
margin: 0 auto;
width: 100%;
text-align: center;
}

.ca23_beat_best_small_wrap {
min-height: 60px;
width: 90vw;
background-color: #272838;
border-radius: 15px;
overflow: hidden;
background: #292A36;
background: linear-gradient(180deg, #272838 0%, #272838 100%);
display: inline-flex;
justify-content: center;
align-items: center;
}

.ca23_beat_best_small_wrap .div_beat1{
width: 15vw;
float: left;
text-align: center;
background-color: #171C29;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
-webkit-border-radius: 15px;
-webkit-border-top-right-radius: 40px;
-webkit-border-bottom-right-radius: 40px;
-moz-border-radius: 15px;
-moz-border-radius-topright: 40px;
-moz-border-radius-bottomright: 40px;
border-radius: 15px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
}

.ca23_beat_best_small_wrap .div_beat1 img{
width: 10vw;
height: auto;
}

.ca23_beat_best_small_wrap .div_beat2{
width: 45vw;
float: left;
color: rgba(255,255,255,1);
text-align: center;
}

.ca23_beat_best_small_wrap .div_beat2 .text1{
width: 100%;
font-size: 1.4rem;
font-family: 'Poppins-Bold';
}

.ca23_beat_best_small_wrap .div_beat2 .text2{
width: 100%;
font-size: 1.1rem;
font-family: 'Poppins-Light';
}

.ca23_beat_best_small_wrap .div_beat3{
width: 20vw;
float: left;
}

.ca23_beat_best_small_wrap .div_beat4{
width: 10vw;
float: left;
}


.ca23_beat_best_small_wrap .div_beat4 img{
width: 20px;
height: auto;
}

.ca24_beat_btn {
padding: 3px 0px 3px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.1rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Medium';
line-height: 25px;
width: 20vw;
text-align: center;
height: 25px;
background-color: #ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_beat_profile_box{
width: 100vw;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0vw;
}

.ca23_beat_profile_box .ca23_beat_profile_image_wrap {
width: 90px;
height:90px;
border-radius: 50%;
margin: 0 auto;
background-color: #ed1c24;
display: flex;
align-items: center;
justify-content: center;

}

.ca23_beat_profile_box .ca23_beat_profile_image_wrap img {
width: 85px;
height: 85px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
}

.ca23_beat_list_box_wrap{
width: 92%;
margin-left: auto;
margin-right: auto;
height: auto;
text-transform: none;
padding: 10px 0px 10px 0px;
border-radius: 10px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, #2B2D3F 0%, #292A36 100%);
}

.ca23_beat_list_box_wrap.nobg{
background: none!important;
}

.ca23_beat_list_box {
width: 92%;
margin-left: auto;
margin-right: auto;
height: 40px;
text-transform: none;
border-bottom: 1px solid rgba(255,255,255,0.1);
display: flex;
align-items: center;
}

.ca23_beat_list_box.noborder{
border-bottom:none;
}
.ca23_beat_list_box .ca23_beat_list_name {
float: left;
color: #ACACB4;
font-weight: normal;
font-family: 'Poppins-Regular';
font-size: 1.3rem;
width: 80%;
}

.ca23_beat_list_box_header{
color: #FFFFFF;
font-weight: normal;
font-family: 'Poppins-Bold';
font-size: 1.3rem;
width: 92%;
margin-left: auto;
margin-right: auto;
height: 40px;
text-transform: none;
border-bottom: 1px solid rgba(255,255,255,0.1);
display: flex;
align-items: center;
}

.ca23_beat_list_box .ca23_beat_list_points {
float: left;
width: 20%;
text-align: right;
color: #ACACB4;
font-weight: normal;
font-family: 'Poppins-Regular';
font-size: 1.3rem;

}
.ca23_beat_score_wrap{
width: 92%;
margin-left: auto;
margin-right: auto;
height: auto;
text-transform: none;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_beat_score_wrap .ca23_beat_current_score{
height: 15vw;
text-transform: none;
padding: 10px 0px 10px 0px;
border-radius: 10px;
background: #272838;
width: 47%;
margin-right: 2.5%;
color:rgba(255,255,255,0.9);
text-align: center;
font-family: 'Poppins-Light';
font-size: 1.3rem;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_beat_score_wrap .ca23_beat_current_score h4{
font-family: 'Poppins-Bold';
color: #FFC600;
font-size: 1.6rem;
}


.ca23_beat_score_wrap .ca23_beat_best_score{
height: 15vw;
text-transform: none;
padding: 10px 0px 10px 0px;
border-radius: 10px;
background: #272838;
width: 47%;
margin-left: 2.5%;
color:rgba(255,255,255,0.9);
text-align: center;
font-family: 'Poppins-Light';
font-size: 1.3rem;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_beat_score_wrap .ca23_beat_best_score h4{
font-family: 'Poppins-Bold';
color: #FFC600;
font-size: 1.6rem;
}

.ca23_beat_header{
width: 90%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.6rem;
background-image: url("../image/beat_bg1.png");
background-repeat: no-repeat;
background-size: cover;
height: 15vw;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}

.ca23_beat_header.nobg{
background-image:none!important;
}

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

.ca23_beat_pop_artwork img{
width: 25vw;
height: 25vw;
border-radius: 15px;
margin: 0 auto;
}

/*Beat the best score css ends*/

/*Multiple pricing poing starts*/
.ca23_multi_price_wrap_outer{
width: 98%;
margin: 0 auto;
}

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

.ca23_multi_price_wrap .ca23_multi_price_square{
width: 25vw;
border-radius: 10px;
height: 25vw;
margin: 0px 9px 0px 9px;
text-align: center;
font-family: 'Poppins-Light';
font-size: 1.3rem;
color: #FF8A8A;
font-size: 1rem;
position: relative;
background-color: rgba(0,0,0,0.45);
}

.ca23_multi_price_wrap .ca23_multi_price_square .ca23_multi_top{
font-family: 'Poppins-Light';
font-size: 1rem;
display: flex;
align-items: center;
justify-content: center;
height: 25vw;
}

.ca23_multi_price_wrap .ca23_multi_price_square.selected{
border: 2px solid #ed1c24;
background-color: #ee0a1d;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
color: #FFFFFF;
}

.ca23_multi_price_wrap .ca23_multi_price_square.selected_private{
border: none;
background-color: #8300FF;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
color: #FFFFFF;
}

.ca23_multi_price_wrap .ca23_multi_price_square.normalcard{
border: 1.5px solid rgba(255,255,255,0.2);
background-color:transparent;
color: #FFFFFF;
}



.ca23_multi_price_wrap .ca23_multi_price_square.selected_normal{
border: none;
background-color: #42467C;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
color: #FFFFFF;
}

.ca23_multi_price_wrap .ca23_multi_price_square .ca23_multi_top h4 {
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.6rem;
}

span.ca23_strike{
font-size: 1.1rem;
font-family: 'Poppins-Regular';
}

.ca23_multi_price_wrap .ca23_multi_price_square .ca23_best_price_bottom{
background-color: rgba(0,0,0,0.30);
height: 5vw;
width: 100%;
color: #ed1c24;
font-family: 'Poppins-Light';
font-size: .9rem;
text-align: center;
position: absolute;
bottom: 0px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
line-height: 4.5vw;
}
.ca23_multi_price_wrap .ca23_multi_price_square .ca23_best_price_bottom.normalcard{
background-color: rgba(255,255,255,0.30);
color: rgba(255,255,255,0.90)!important;
}

.ca23_white_color{
color: rgba(255,255,255,0.70)!important;
}

/*Multiple priing point ends*/

/*auto play button css starts*/
.ca23_autoplay_btn_wrap {
margin-left: auto;
margin-right: auto;
line-height: 36px;
width: 42.5vw;
display: block;
text-align: center;
height: 36px;
background-color:#ed1c24;
border-radius: 25px;
overflow: hidden;
position: relative;

}

.ca23_contestants_left{
	width: 42vw;
	text-align: center;
	position: absolute;
	top: 3px;
	z-index: 1;
	right: 5vw;
}

.ca23_contestants_left_1{
	width: 40px;
	height: 13px;
	border-radius: 6px 6px 0px 0px;
background: linear-gradient(180deg, rgba(202, 222, 248, 0.83) 82.29%, rgba(143, 162, 188, 0.83) 100%);
	color: #000000;
	font-size: .85rem!important;
	text-align: center;
	padding: 2px 10px 2px 10px;
	margin: 0 auto;
}

.ca23_autoplay_btn_text{
text-decoration: none;
font-size: 1rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
width: 42.5vw;
color: #FFFFFF;
position: absolute;
}
.ca23_autoplay_btn_text1{
text-decoration: none;
font-size: 1.1rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
width: 42.5vw;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	margin-top: -7px;
}

.ca23_autoplay_btn_text1.normargin{
		margin-top: 0px!important;
}

.ca23_play_timer{
	font-size:.7rem;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Light';
	position: absolute;
width: 42.5vw;
	text-align: center;
	margin-top: -23px;
}

.ca23_play_timer strong{
color: #ed1c24!important;
font-family: 'Poppins-Bold';
}

#seconds{
	color: #ffcc00!important;
font-family: 'Poppins-Bold';
}
.ca23_autoplay_btn_text img {
width: 18px;
height: auto;
margin-left: 2px;
margin-right: 2px;
}

.ca23_cancel_btn{
text-decoration: none;
font-size: 1.1rem!important;
	text-align: center;
font-family: 'Poppins-Bold';
width: 42.5vw;
color: #FFFFFF;	
float: right;
	margin-right: 5vw;
}


.ca23_playnext_bg {
width: 50vw;
height: 36px;
background-color: transparent;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border: 0 solid rgba(255, 255, 255, 0.5);
}

.ca23_playnext {
background-color: rgba(0,0,0,0.2);
background-position: center;
background-repeat: repeat-x;
height: 50px;
animation: load 17s normal forwards;
}


@keyframes load {
0% {
width: 0;
}
to {
width: 100%;
}
}
@keyframes push {
0% {
left: 0;
top: 0;
}
to {
right: 42vw;
top: 0;
left: 42vw;
}
}
/*auto play button css ends*/
.ca23_profile_page_btn_beat {
border-radius: 5px;
padding: 3px!important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';

line-height: 30px;
width: 90vw;
display: block;
text-align: center;
height: 30px;
background-color:#ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_profile_page_btn_beat img{
width: 25px;
height: auto;
}

/*Carnival CSS starts*/

.ca23_carnival_bg{
width: 100%;
height: 100%;
overflow: hidden;
background-image: url("../image/carnival/carnival_bg.jpg");
background-position: center;
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
background-size: cover;
}

.ca23_carnival_top_img{
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
margin-top: 5vw;
}

.ca23_carnival_top_img img{
width: 90%;
height: auto;
margin: 0 auto;
}

.ca23_carnival_bottom_img{
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
margin-top: 5vw;
}

.ca23_carnival_bottom_img img{
width: 100%;
height: auto;
margin: 0 auto;
}


.ca23_carnival_text_1{
width: 80%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Regular';
color: #FFFFFF;
font-size: 1.1rem;
margin-top: -10px;
}

.ca23_carnival_text_3{
width: 100%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.2rem;
position: absolute;
margin-top: -30vw;
}

.ca23_featured_static_card_wrap .ca23_carnival_text_3{
width: 100%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.2rem;
position: absolute;
	margin-top: 44vw;
	z-index: 2;
}

.ca23_carnival_text_2{
width: 50%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.5rem;
border-bottom: 2px solid #FFFFFF;
padding-bottom: 10px;
}


.ca23_carnival_text_4{
width: 80%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Regular';
color: rgba(255,255,255,0.70);
font-size: 1rem;
text-transform: none;
}

.ca23_carnival_coupon{
width: 100%;
text-align: center;
margin: 0 auto;
position: absolute;
margin-top: -1px;
}


.ca23_carnival_coupon img{
width: 50%;
height: auto;
text-align: center;
margin: 0 auto;
}

.ca23_carnival_header{
width: 100%;
height: 60px;
background-color: transparent;
position: absolute;
}

.ca23_carnival_header .back_btn {
text-align: center;
height: 50px;
display: flex;
align-items: center; 
justify-content:flex-start;

line-height: 40px;
margin-top: 5px;
}

.ca23_carnival_header .back_btn img {
width: 30px;
height: auto;
margin-top: 12px;
margin-left: 5px;
}

.ca23_carnival_btn_wrap{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 95%;
margin-left: auto;
margin-right: auto;
position: relative;
}

.ca23_play_btn_carnival {
border-radius: 5px;
padding: 3px!important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';
text-transform: none;
line-height: 30px;
width: 80vw;
display: block;
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_play_btn_carnival.disable_state{
background-color:#D5D6D9!important;
color: #111622!important;
}
.ca23_play_btn_carnival.disable_state img{
width: 10px;
height: auto;
}


.ca23_play_btn_carnival img{
width: 22px;
height: auto;
margin-left: 5px;
margin-right: 2px;
}


.ca23_play_btn_carnival .ca23_smallbtn_carnival {
padding: 3px!important;
color: #000000;
text-decoration: none;
font-size: .98rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Regular';
line-height: 15px;
width: 30vw;
text-align: center;
height: 15px;
-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;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
right: 25vw;
background: #FFC600;
top: 36px;
}

.ca23_smallbtn_carnival img{
width: 13px;
height: auto;
margin-left: 5px;
margin-right: 2px;
}
.ca23_twinkle_div{
width: 100%;
border: 1px solid red;
}
svg#one {
position: absolute;
-webkit-transform: translate(50%, 141%);
transform: translate(50%, 141%);
}
svg#two {
position: absolute;
-webkit-transform: translate(570%, 1210%);
transform: translate(570%, 1210%);
}
svg#three {
position: absolute;
-webkit-transform: translate(600%, 250%);
transform: translate(600%, 250%);
}
.group {
-webkit-transform: translate(42.5px,42.5px);
-moz-transform: translate(42.5px,42.5px);
transform: translate(42.5px, 42.5px);
}
path {
-webkit-transform: translate(-42.50px,-42.50px);
-moz-transform: translate(-42.50px,-42.50px);
transform: translate(-42.50px,-42.50px);
}
.large {
-webkit-animation: large 2.5s infinite;
-moz-animation: large 2.5s infinite;
}
.large-2 {
-webkit-animation: large-2 2.5s infinite;
-moz-animation: large-2 2.5s infinite;
}
.small {
-webkit-animation: small 2.5s infinite;
-moz-animation: small 2.5s infinite;
}
@-webkit-keyframes large {
0% {
opacity: 0;
-webkit-transform: rotate(0deg) scale(0);
transform: rotate(0deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: rotate(360deg) scale(1.5);
transform: rotate(360deg) scale(1.5);
}
}
@-moz-keyframes large {
0% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(360deg) scale(1.5);
}
}
@-webkit-keyframes large-2 {
0% {
opacity: 0;
-webkit-transform: rotate(45deg) scale(0);
transform: rotate(45deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: rotate(405deg) scale(1.1);
transform: rotate(405deg) scale(1.1);
}
}
@-moz-keyframes large-2 {
0% {
opacity: 0;
transform: rotate(45deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(405deg) scale(1.1);
}
}
@-webkit-keyframes small {
0% {
opacity: 0;
-webkit-transform: rotate(0deg) scale(0);
transform: rotate(0deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: rotate(-360deg) scale(1);
transform: rotate(-360deg) scale(1.5);
}
}
@-moz-keyframes small {
0% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(-360deg) scale(1.5);
}
}

.ca23_carnival_heading {
font-size: 1.7rem;
font-family:'Poppins-Bold';
color: #FFFFFF;
text-align: center;
width: 100%;
float: left;
/*text-transform:uppercase;*/
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;
margin: 0 auto;
}

.ca23_header_wrap.nopadding{
padding-bottom: 0vw!important;
}

.ca23_carnival_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;
}

.ca23_carnival_select_main_menu {
overflow: hidden;
white-space: nowrap;
background-color: transparent;
font-family:'Poppins-Regular';
margin-left: 4vw;
}

.ca23_carnival_select_main_menu a {
color: #000;
text-align: center;
text-decoration: none;
margin: 11px 2px 11px 1px;
cursor: pointer;
}

.ca23_carnival_outline_btn {
background-color: transparent;
border-radius: 100px;
padding: 0px 15px;
color: #FFFFFF;
text-decoration: none;
font-size: 1rem;
width: 67px;
height: 35px;
margin-left: auto;
margin-right: auto;
font-family:'Poppins-Light';
display: inline-flex;
text-transform: none;
border: 1px solid #FFFFFF;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_carnival_outline_btn img{
width: 10px;
height: auto;
margin:0px 5px 0px 5px;
}

.ca23_carnival_outline_btn.select {
background: #ed1c24;
border: none;
color: #fff;
}




.ca23_carnival_row.heading_table{
font-size: 1.1rem;
background: radial-gradient(30315.23% 252.57% at 179.25% 26.73%, rgba(47, 48, 67, 0.00) 0%, rgba(30, 31, 47, 0.65) 57.88%, rgba(47, 48, 67, 0.00) 100%);
}


.ca23_carnival_subheading1 {
font-size: 1.1rem;
font-family:'Poppins-Bold';
color: #FFFFFF;
text-align: left;
width: 90%;
float: left;
font-weight: bolder;
margin-left: 1vw;
/*text-transform:uppercase;*/
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;
}


.ca23_carnival_subheading {
font-size: 1.1rem;
font-family:'Poppins-Bold';
color: #FFFFFF;
text-align: left;
width: 40%;
float: left;
font-weight: bolder;
margin-left: 1vw;
/*text-transform:uppercase;*/
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;
	display: flex;
}


.ca23_carnival_view_all a{
	color: rgba(255,255,255,0.50);
	text-decoration: none;
}


.ca23_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;
color: #FFFFFF;
display: inline-flex;
line-height: 55px;
text-transform: none;
font-size: 1.5rem;
font-family: 'Poppins-Bold';
}

.ca23_carnival_prize_tag{
width: 80px;
height: auto;
position: absolute;
z-index: 2;
top: 15vw;
left: 60vw;
}

.ca23_carnival_prize_tag img{
width: 80px;
height: auto;
}

.ca23_carnival_codebox{
width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
background: #2f3043;
padding: 5%;
}

.ca23_carnival_codebox .left_name{
width: 40%;
float: left;
text-align: left;
font-family: 'Poppins-Bold';
color: #DCDCF4;
font-size: 1.2rem;
text-transform: none;
}

.ca23_joincode_wrap{
width: 100%;
height: 48px;
border-radius: 50px;
background:  rgba(217, 217, 217, 0.10);
margin: 0 auto;
display: inline-flex;
justify-content: flex-end;
align-items: center;
}

.ca23_joincode_txt{
width: 90%;
float: left;
color: #DCDCF4;
font-family: 'Poppins-Bold';
font-size: 1.3rem!important;
}

input[type=text].ca23_joincode_txt{
color: #DCDCF4;
font-family: 'Poppins-Bold';
font-size: 1.1rem!important;
margin-left: 10px;
}

.ca23_joincode_txt::placeholder {
color: #DCDCF4!important;
font-family: 'Poppins-Light'!important;
font-size: 1.1rem!important;
opacity: 0.7;
}

.ca23_joincode_error{
color: #DCDCF4!important;
font-family: 'Poppins-Light'!important;
font-size: 1.1rem!important;
opacity: 0.7;
margin-left: 10px;
}

.ca23_joincode_btn{
border-radius: 25px;
padding: 3px!important;
text-decoration: none;
font-size: 1.3rem!important;
background: #ed1c24;
text-transform: none;
line-height: 33px;
width: 25vw;
text-align: center;
height: 33px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #FFFFFF;
font-family: 'Poppins-Light';
margin-right: 5px;
}


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

.days_scroll{
	display: inline-block;
}

.winners_scroll_page {
	max-height: 300px !important;
	overflow: scroll !important;
}

.carnival_leaderboard_scroll {
	overflow-y: scroll;
	max-height: 383px;
}

/*Carnival CSS ends*/

/*auto play button css starts*/
.ca23_autoplay_btn_wrap {
margin-left: auto;
margin-right: auto;
line-height: 36px;
width: 42.5vw;
display: block;
text-align: center;
height: 36px;
background-color:#ed1c24;
border-radius: 25px;
overflow: hidden;
position: relative;

}

.ca23_contestants_left{
	width: 42vw;
	text-align: center;
	position: absolute;
	top: 3px;
	z-index: 1;
	right: 5vw;
}

.ca23_contestants_left_1{
	width: 40px;
	height: 13px;
	border-radius: 6px 6px 0px 0px;
background: linear-gradient(180deg, rgba(202, 222, 248, 0.83) 82.29%, rgba(143, 162, 188, 0.83) 100%);
	color: #000000;
	font-size: .85rem!important;
	text-align: center;
	padding: 2px 10px 2px 10px;
	margin: 0 auto;
}

.ca23_autoplay_btn_text{
text-decoration: none;
font-size: 1rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
width: 42.5vw;
color: #FFFFFF;
position: absolute;
}
.ca23_autoplay_btn_text1{
text-decoration: none;
font-size: 1.1rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
width: 42.5vw;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	margin-top: -7px;
}

.ca23_autoplay_btn_text1.normargin{
		margin-top: 0px!important;
}

.ca23_play_timer{
	font-size:.7rem;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Light';
	position: absolute;
width: 42.5vw;
	text-align: center;
	margin-top: -23px;
}

.ca23_play_timer strong{
color: #FFC600!important;
font-family: 'Poppins-Bold';
}

#seconds{
	color: #FFC600!important;
font-family: 'Poppins-Bold';
}
.ca23_autoplay_btn_text img {
width: 18px;
height: auto;
margin-left: 2px;
margin-right: 2px;
}

.ca23_cancel_btn{
text-decoration: none;
font-size: 1.1rem!important;
	text-align: center;
font-family: 'Poppins-Bold';
width: 42.5vw;
color: #FFFFFF;	
float: right;
	margin-right: 5vw;
}


.ca23_playnext_bg {
width: 50vw;
height: 36px;
background-color: transparent;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border: 0 solid rgba(255, 255, 255, 0.5);
}

.ca23_playnext {
background-color: rgba(0,0,0,0.2);
background-position: center;
background-repeat: repeat-x;
height: 50px;
animation: load 17s normal forwards;
}


@keyframes load {
0% {
width: 0;
}
to {
width: 100%;
}
}
@keyframes push {
0% {
left: 0;
top: 0;
}
to {
right: 42vw;
top: 0;
left: 42vw;
}
}
/*auto play button css ends*/

/*Beat the best score css starts*/

.ca23_beat_left_head{
width: 45%;
float: left;
font-size: 1.2rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
margin-top: 20px;
margin-left: 5%;
}

.ca23_beat_right_head{
width: 45%;
float: left;
margin-top: 20px;
margin-right: 5%;
}

.ca23_battle_card1 .ca23_artwork_details .ca23_prize_div3 {
width: 100px;
font-weight: normal;
font-family: 'Poppins-Light';
font-size: 1rem;
color: #CCCCCC;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

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

.ca23_beat_best_small_outer{
margin: 0 auto;
width: 100%;
text-align: center;
}

.ca23_beat_best_small_wrap {
min-height: 60px;
width: 90vw;
background-color: #2F3043;
border-radius: 15px;
overflow: hidden;
background: #292A36;
background: linear-gradient(180deg, #2B2D3F 0%, #292A36 100%);
display: inline-flex;
justify-content: center;
align-items: center;
}

.ca23_beat_best_small_wrap .div_beat1{
width: 15vw;
float: left;
text-align: center;
background-color: #171C29;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
-webkit-border-radius: 15px;
-webkit-border-top-right-radius: 40px;
-webkit-border-bottom-right-radius: 40px;
-moz-border-radius: 15px;
-moz-border-radius-topright: 40px;
-moz-border-radius-bottomright: 40px;
border-radius: 15px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
}

.ca23_beat_best_small_wrap .div_beat1 img{
width: 10vw;
height: auto;
}

.ca23_beat_best_small_wrap .div_beat2{
width: 45vw;
float: left;
color: rgba(255,255,255,1);
text-align: center;
}

.ca23_beat_best_small_wrap .div_beat2 .text1{
width: 100%;
font-size: 1.4rem;
font-family: 'Poppins-Bold';
}

.ca23_beat_best_small_wrap .div_beat2 .text2{
width: 100%;
font-size: 1.1rem;
font-family: 'Poppins-Light';
}

.ca23_beat_best_small_wrap .div_beat3{
width: 20vw;
float: left;
}

.ca23_beat_best_small_wrap .div_beat4{
width: 10vw;
float: left;
}


.ca23_beat_best_small_wrap .div_beat4 img{
width: 20px;
height: auto;
}

.ca24_beat_btn {
padding: 3px 0px 3px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 1.1rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Medium';
line-height: 25px;
width: 20vw;
text-align: center;
height: 25px;
background-color: #ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_beat_profile_box{
width: 100vw;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0vw;
}

.ca23_beat_profile_box .ca23_beat_profile_image_wrap {
width: 90px;
height:90px;
border-radius: 50%;
margin: 0 auto;
background-color: #FFC600;
display: flex;
align-items: center;
justify-content: center;

}

.ca23_beat_profile_box .ca23_beat_profile_image_wrap img {
width: 85px;
height: 85px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
}

.ca23_beat_list_box_wrap{
width: 92%;
margin-left: auto;
margin-right: auto;
height: auto;
text-transform: lowercase;
padding: 10px 0px 10px 0px;
border-radius: 10px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, #2B2D3F 0%, #292A36 100%);
}

.ca23_beat_list_box_wrap.nobg{
background: none!important;
}

.ca23_beat_list_box {
width: 92%;
margin-left: auto;
margin-right: auto;
height: 40px;
text-transform: lowercase;
border-bottom: 1px solid rgba(255,255,255,0.1);
display: flex;
align-items: center;
}

.ca23_beat_list_box.noborder{
border-bottom:none;
}
.ca23_beat_list_box .ca23_beat_list_name {
float: left;
color: #ACACB4;
font-weight: normal;
font-family: 'Poppins-Regular';
font-size: 1.3rem;
width: 80%;
}

.ca23_beat_list_box_header{
color: #FFFFFF;
font-weight: normal;
font-family: 'Poppins-Bold';
font-size: 1.3rem;
width: 92%;
margin-left: auto;
margin-right: auto;
height: 40px;
text-transform: lowercase;
border-bottom: 1px solid rgba(255,255,255,0.1);
display: flex;
align-items: center;
}

.ca23_beat_list_box .ca23_beat_list_points {
float: left;
width: 20%;
text-align: right;
color: #ACACB4;
font-weight: normal;
font-family: 'Poppins-Regular';
font-size: 1.3rem;

}
.ca23_beat_score_wrap{
width: 92%;
margin-left: auto;
margin-right: auto;
height: auto;
text-transform: lowercase;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_beat_score_wrap .ca23_beat_current_score{
height: 15vw;
text-transform: lowercase;
padding: 10px 0px 10px 0px;
border-radius: 10px;
background: #2B2D3E;
width: 47%;
margin-right: 2.5%;
color:rgba(255,255,255,0.9);
text-align: center;
font-family: 'Poppins-Light';
font-size: 1.3rem;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_beat_score_wrap .ca23_beat_current_score h4{
font-family: 'Poppins-Bold';
color: #FFC600;
font-size: 1.6rem;
}


.ca23_beat_score_wrap .ca23_beat_best_score{
height: 15vw;
text-transform: lowercase;
padding: 10px 0px 10px 0px;
border-radius: 10px;
background: #2B2D3E;
width: 47%;
margin-left: 2.5%;
color:rgba(255,255,255,0.9);
text-align: center;
font-family: 'Poppins-Light';
font-size: 1.3rem;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_beat_score_wrap .ca23_beat_best_score h4{
font-family: 'Poppins-Bold';
color: #FFC600;
font-size: 1.6rem;
}

.ca23_beat_header{
width: 90%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.6rem;
background-image: url("../image/beat_bg1.png");
background-repeat: no-repeat;
background-size: cover;
height: 15vw;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}

.ca23_beat_header.nobg{
background-image:none!important;
}

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

.ca23_beat_pop_artwork img{
width: 25vw;
height: 25vw;
border-radius: 15px;
margin: 0 auto;
}

/*Beat the best score css ends*/

/*Multiple pricing poing starts*/
.ca23_multi_price_wrap_outer{
width: 98%;
margin: 0 auto;
}

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

.ca23_multi_price_wrap .ca23_multi_price_square{
width: 25vw;
border-radius: 10px;
height: 25vw;
margin: 0px 9px 0px 9px;
text-align: center;
font-family: 'Poppins-Light';
font-size: 1.3rem;
color: #FF8A8A;
font-size: 1rem;
position: relative;
background-color: rgba(0,0,0,0.45);
}

.ca23_multi_price_wrap .ca23_multi_price_square .ca23_multi_top{
font-family: 'Poppins-Light';
font-size: 1rem;
display: flex;
align-items: center;
justify-content: center;
height: 25vw;
}

.ca23_multi_price_wrap .ca23_multi_price_square.selected{
border: 2px solid #FFC600;
background-color: #ee0a1d;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
color: #FFEBB6;
}

.ca23_multi_price_wrap .ca23_multi_price_square.selected_private{
border: none;
background-color: #8300FF;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
color: #FFFFFF;
}

.ca23_multi_price_wrap .ca23_multi_price_square.normalcard{
border: 1.5px solid rgba(255,255,255,0.2);
background-color:transparent;
color: #FFFFFF;
}



.ca23_multi_price_wrap .ca23_multi_price_square.selected_normal{
border: none;
background-color: #42467C;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.07);
color: #FFFFFF;
}

.ca23_multi_price_wrap .ca23_multi_price_square .ca23_multi_top h4 {
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.6rem;
}

span.ca23_strike{
font-size: 1.1rem;
font-family: 'Poppins-Regular';
}

.ca23_multi_price_wrap .ca23_multi_price_square .ca23_best_price_bottom{
background-color: rgba(0,0,0,0.30);
height: 5vw;
width: 100%;
color: #FEDB00;
font-family: 'Poppins-Light';
font-size: .9rem;
text-align: center;
position: absolute;
bottom: 0px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
line-height: 4.5vw;
}
.ca23_multi_price_wrap .ca23_multi_price_square .ca23_best_price_bottom.normalcard{
background-color: rgba(255,255,255,0.30);
color: rgba(255,255,255,0.90)!important;
}

.ca23_white_color{
color: rgba(255,255,255,0.70)!important;
}

/*Multiple priing point ends*/

/*auto play button css starts*/
.ca23_autoplay_btn_wrap {
margin-left: auto;
margin-right: auto;
line-height: 36px;
width: 42.5vw;
display: block;
text-align: center;
height: 36px;
background-color:#ed1c24;
border-radius: 25px;
overflow: hidden;
position: relative;

}

.ca23_contestants_left{
	width: 42vw;
	text-align: center;
	position: absolute;
	top: 3px;
	z-index: 1;
	right: 5vw;
}

.ca23_contestants_left_1{
	width: 52px;
	height: 17px;
	border-radius: 6px 6px 0px 0px;
background: linear-gradient(180deg, rgba(202, 222, 248, 0.83) 82.29%, rgba(143, 162, 188, 0.83) 100%);
	color: #000000;
	font-size: .85rem!important;
	text-align: center;
	padding: 2px 10px 2px 10px;
	margin: 0 auto;
}

.ca23_autoplay_btn_text{
text-decoration: none;
font-size: 1rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
width: 42.5vw;
color: #FFFFFF;
position: absolute;
}
.ca23_autoplay_btn_text1{
text-decoration: none;
font-size: 1.1rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
width: 42.5vw;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	margin-top: -7px;
}

.ca23_autoplay_btn_text1.normargin{
		margin-top: 0px!important;
}

.ca23_play_timer{
	font-size:.7rem;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Light';
	position: absolute;
width: 42.5vw;
	text-align: center;
	margin-top: -23px;
}

.ca23_play_timer strong{
color: #FFC600!important;
font-family: 'Poppins-Bold';
}

#seconds{
	color: #FFC600!important;
font-family: 'Poppins-Bold';
}
.ca23_autoplay_btn_text img {
width: 18px;
height: auto;
margin-left: 2px;
margin-right: 2px;
}

.ca23_cancel_btn{
text-decoration: none;
font-size: 1.1rem!important;
	text-align: center;
font-family: 'Poppins-Bold';
width: 42.5vw;
color: #FFFFFF;	
float: right;
	margin-right: 5vw;
}


.ca23_playnext_bg {
width: 50vw;
height: 36px;
background-color: transparent;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border: 0 solid rgba(255, 255, 255, 0.5);
}

.ca23_playnext {
background-color: rgba(0,0,0,0.2);
background-position: center;
background-repeat: repeat-x;
height: 50px;
animation: load 17s normal forwards;
}


@keyframes load {
0% {
width: 0;
}
to {
width: 100%;
}
}
@keyframes push {
0% {
left: 0;
top: 0;
}
to {
right: 42vw;
top: 0;
left: 42vw;
}
}
/*auto play button css ends*/
.ca23_profile_page_btn_beat {
border-radius: 5px;
padding: 3px!important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';

line-height: 30px;
width: 90vw;
display: block;
text-align: center;
height: 30px;
background-color:#ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.ca23_profile_page_btn_beat img{
width: 25px;
height: auto;
}

/*Carnival CSS starts*/

.ca23_carnival_bg {
width: 100vw;
height: 110vh;
overflow: hidden;
background-image: url("../image/carnival/carnival_bg.jpg");
background-position: center;
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
background-size: cover;
}

.ca23_carnival_top_img{
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
margin-top: 5vw;
}

.ca23_carnival_top_img img{
width: 90%;
height: auto;
margin: 0 auto;
}

.ca23_carnival_bottom_img{
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
margin-top: 5vw;
}

.ca23_carnival_bottom_img img{
width: 100%;
height: auto;
margin: 0 auto;
}


.ca23_carnival_text_1{
width: 80%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Regular';
color: #FFFFFF;
font-size: 1.1rem;
margin-top: -10px;
}

.ca23_carnival_text_3{
width: 100%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.2rem;
position: absolute;
margin-top: -30vw;
}

.ca23_featured_static_card_wrap .ca23_carnival_text_3{
width: 100%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.2rem;
position: absolute;
	margin-top: 44vw;
	z-index: 2;
}

.ca23_carnival_text_2{
width: 50%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.5rem;
border-bottom: 2px solid #FFFFFF;
padding-bottom: 10px;
}


.ca23_carnival_text_4{
width: 80%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Regular';
color: rgba(255,255,255,0.70);
font-size: 1rem;
text-transform: lowercase;
}

.ca23_carnival_coupon{
width: 100%;
text-align: center;
margin: 0 auto;
position: absolute;
margin-top: -1px;
}


.ca23_carnival_coupon img{
width: 50%;
height: auto;
text-align: center;
margin: 0 auto;
}

.ca23_carnival_header {
width: 100vw;
height: 60px;
background-color: transparent;
position: absolute;
z-index: 2;
}

.ca23_carnival_header .back_btn {
text-align: center;
height: 50px;
display: flex;
align-items: center; 
justify-content:flex-start;

line-height: 40px;
margin-top: 5px;
}

.ca23_carnival_header .back_btn img {
width: 30px;
height: auto;
margin-top: 12px;
margin-left: 5px;
}

.ca23_carnival_btn_wrap{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 95%;
margin-left: auto;
margin-right: auto;
position: relative;
}

.ca23_play_btn_carnival {
border-radius: 5px;
padding: 3px!important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';
text-transform: none;
line-height: 30px;
width: 80vw;
display: block;
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_play_btn_carnival.disable_state{
background-color:#D5D6D9!important;
color: #111622!important;
}
.ca23_play_btn_carnival.disable_state img{
width: 10px;
height: auto;
}


.ca23_play_btn_carnival img{
width: 22px;
height: auto;
margin-left: 5px;
margin-right: 2px;
}


.ca23_play_btn_carnival .ca23_smallbtn_carnival {
padding: 3px!important;
color: #000000;
text-decoration: none;
font-size: .98rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Regular';
line-height: 15px;
width: 30vw;
text-align: center;
height: 15px;
-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;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
right: 25vw;
background: #FFC600;
top: 36px;
}

.ca23_smallbtn_carnival img{
width: 13px;
height: auto;
margin-left: 5px;
margin-right: 2px;
}
.ca23_twinkle_div{
width: 100%;
border: 1px solid red;
}
svg#one {
position: absolute;
-webkit-transform: translate(50%, 141%);
transform: translate(50%, 141%);
}
svg#two {
position: absolute;
-webkit-transform: translate(570%, 1210%);
transform: translate(570%, 1210%);
}
svg#three {
position: absolute;
-webkit-transform: translate(600%, 250%);
transform: translate(600%, 250%);
}
.group {
-webkit-transform: translate(42.5px,42.5px);
-moz-transform: translate(42.5px,42.5px);
transform: translate(42.5px, 42.5px);
}
path {
-webkit-transform: translate(-42.50px,-42.50px);
-moz-transform: translate(-42.50px,-42.50px);
transform: translate(-42.50px,-42.50px);
}
.large {
-webkit-animation: large 2.5s infinite;
-moz-animation: large 2.5s infinite;
}
.large-2 {
-webkit-animation: large-2 2.5s infinite;
-moz-animation: large-2 2.5s infinite;
}
.small {
-webkit-animation: small 2.5s infinite;
-moz-animation: small 2.5s infinite;
}
@-webkit-keyframes large {
0% {
opacity: 0;
-webkit-transform: rotate(0deg) scale(0);
transform: rotate(0deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: rotate(360deg) scale(1.5);
transform: rotate(360deg) scale(1.5);
}
}
@-moz-keyframes large {
0% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(360deg) scale(1.5);
}
}
@-webkit-keyframes large-2 {
0% {
opacity: 0;
-webkit-transform: rotate(45deg) scale(0);
transform: rotate(45deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: rotate(405deg) scale(1.1);
transform: rotate(405deg) scale(1.1);
}
}
@-moz-keyframes large-2 {
0% {
opacity: 0;
transform: rotate(45deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(405deg) scale(1.1);
}
}
@-webkit-keyframes small {
0% {
opacity: 0;
-webkit-transform: rotate(0deg) scale(0);
transform: rotate(0deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: rotate(-360deg) scale(1);
transform: rotate(-360deg) scale(1.5);
}
}
@-moz-keyframes small {
0% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(-360deg) scale(1.5);
}
}

.ca23_carnival_heading {
font-size: 1.7rem;
font-family:'Poppins-Bold';
color: #FFFFFF;
text-align: center;
width: 100%;
float: left;
/*text-transform:uppercase;*/
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: lowercase;
margin: 0 auto;
}

.ca23_header_wrap.nopadding{
padding-bottom: 0vw!important;
}

.ca23_carnival_selection_menu_wrap {
width: 100vw;
height: 90px;
padding: 0px;
margin: 0px;
background-color: transparent;
margin-left: auto;
margin-right: auto;
overflow: auto;
overflow-y: hidden;
position: relative;
margin-top: -40px;
}

.ca23_carnival_select_main_menu {
overflow: hidden;
white-space: nowrap;
background-color: transparent;
font-family:'Poppins-Regular';
overflow: hidden;
white-space: nowrap;
background-color: transparent;
font-family: 'Poppins-Regular';
margin-left: 15px;
height: 90px;
padding-top: 35px;
/*margin-top: -40px;
position: absolute;*/
z-index: 2;
}

.ca23_carnival_select_main_menu a {
color: #000;
text-align: center;
text-decoration: none;
margin: 11px 2px 11px 1px;
cursor: pointer;
}

.ca23_carnival_outline_btn {
background-color: transparent;
border-radius: 100px;
padding: 0px 15px;
color: #FFFFFF;
text-decoration: none;
font-size: 1rem;
width: 97px;
height: 35px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Light';
display: inline-flex;
text-transform: lowercase;
border: 1px solid #FFFFFF;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}


.ca23_carnival_outline_btn img{
width: 10px;
height: auto;
margin:0px 5px 0px 5px;
}

.ca23_carnival_outline_btn.select {
background: #ed1c24;
border: none;
color: #fff;
}




.ca23_carnival_row.heading_table{
font-size: 1.1rem;
background: radial-gradient(30315.23% 252.57% at 179.25% 26.73%, rgba(47, 48, 67, 0.00) 0%, rgba(30, 31, 47, 0.65) 57.88%, rgba(47, 48, 67, 0.00) 100%);
}


.ca23_carnival_subheading1 {
font-size: 1.1rem;
font-family:'Poppins-Bold';
color: #FFFFFF;
text-align: left;
width: 90%;
float: left;
font-weight: bolder;
margin-left: 1vw;
/*text-transform:uppercase;*/
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: lowercase;
}


.ca23_carnival_subheading {
font-size: 1.3rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
text-align: left;
width: 42%;
float: left;
font-weight: bolder;
margin-left: 5vw;
/*text-transform:uppercase;*/
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: lowercase;
}


.ca23_carnival_view_all a{
	color: rgba(255,255,255,0.50);
	text-decoration: none;
}


.ca23_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;
color: #FFFFFF;
display: inline-flex;
line-height: 55px;
text-transform: lowercase;
font-size: 1.5rem;
font-family: 'Poppins-Bold';
}

.ca23_carnival_prize_tag{
width: 80px;
height: auto;
position: absolute;
z-index: 2;
top: 15vw;
left: 60vw;
}

.ca23_carnival_prize_tag img{
width: 80px;
height: auto;
}

.ca23_carnival_codebox{
width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
background: #2f3043;
padding: 5%;
}

.ca23_carnival_codebox .left_name{
width: 40%;
float: left;
text-align: left;
font-family: 'Poppins-Bold';
color: #DCDCF4;
font-size: 1.2rem;
text-transform: lowercase;
}

.ca23_joincode_wrap{
width: 100%;
height: 48px;
border-radius: 50px;
background:  rgba(217, 217, 217, 0.10);
margin: 0 auto;
display: inline-flex;
justify-content: flex-end;
align-items: center;
}

.ca23_joincode_txt{
width: 90%;
float: left;
color: #DCDCF4;
font-family: 'Poppins-Bold';
font-size: 1.3rem!important;
}

input[type=text].ca23_joincode_txt{
color: #DCDCF4;
font-family: 'Poppins-Bold';
font-size: 1.1rem!important;
margin-left: 10px;
}

.ca23_joincode_txt::placeholder {
color: #DCDCF4!important;
font-family: 'Poppins-Light'!important;
font-size: 1.1rem!important;
opacity: 0.7;
}

.ca23_joincode_error{
color: #DCDCF4!important;
font-family: 'Poppins-Light'!important;
font-size: 1.1rem!important;
opacity: 0.7;
margin-left: 10px;
}

.ca23_joincode_btn{
border-radius: 25px;
padding: 3px!important;
text-decoration: none;
font-size: 1.3rem!important;
background: #ed1c24;
text-transform: none;
line-height: 33px;
width: 25vw;
text-align: center;
height: 33px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #FFFFFF;
font-family: 'Poppins-Light';
margin-right: 5px;
}


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

.days_scroll{
	display: inline-block;
}

.winners_scroll_page {
	max-height: 300px !important;
	overflow: scroll !important;
}

.carnival_leaderboard_scroll {
	overflow-y: scroll;
	max-height: 383px;
}

/*Carnival CSS ends*/
/* carnival enhancement css  */
.ca23_carnival_outline_btn .ca23_attempts {
	position: absolute;
	bottom: -13px;
	color: #FFC600;
	font-family: 'Poppins-Medium';
	font-size: .8rem;
}


.ca23_featured_static_card_wrap .ca23_share_icon {
	position: absolute;
	right: 14vw;
	bottom: 2vw;
	z-index: 3;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 35px;
	background-color: rgba(0, 0, 0, 0.0);
	border-radius: 50%;
	color: #FFFFFF;
	font-size: 1.1rem;
	font-family: 'Poppins-Regular';
}

.ca23_featured_static_card_wrap .ca23_share_icon img {
	width: 12px;
	height: auto;
	margin-right: 3px;
	margin-top: 3px;
	border-radius: 15px;
}


.ca23_remind_wrap_winmorebtn img {
	width: 15px;
	height: auto;
	margin: 0px 2px 0px 2px;
}

.ca23_carnival_gradient1 {
	width: 100vw;
	height: 150vw;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	opacity: 1;
	bottom: 0vw;
	opacity: 1;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.4) 46%, rgba(0, 0, 0, 0.89) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.4) 46%, rgba(0, 0, 0, 0.89) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.4) 46%, rgba(0, 0, 0, 0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c9000000', GradientType=0);
	display: none;
}

.ca23_play_btn_carnival {
	border-radius: 5px;
	padding: 3px !important;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.2rem !important;
	margin-left: auto;
	margin-right: auto;
	font-family: 'PoppinsMedium';
	line-height: 30px;
	width: 80vw;
	display: block;
	text-align: center;
	height: 30px;
	background-color: #ed1c24;
	border-radius: 25px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.ca23_play_btn_carnival_bottom {
	border-radius: 5px;
	padding: 3px !important;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.2rem !important;
	margin-left: auto;
	margin-right: auto;
	font-family: 'PoppinsMedium';
	line-height: 30px;
	width: 81vw;
	text-align: center;
	height: 30px;
	background-color: #ed1c24;
	border-radius: 25px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 20vw;
	z-index: 2;
}


.ca23_play_btn_carnival_bottom img {
	width: 22px;
	height: auto;
	margin-left: 5px;
	margin-right: 2px;
}

.ca23_header_wrap .ca23_rules_btn {
	width: auto;
	height: 28px;
	line-height: 28px;
	border-radius: 50px;
	color: #FFFFFF;
	font-size: 1.2rem;
	font-family: 'Poppins-Medium';
	text-transform: lowercase;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 1);
	padding: 0px 15px 0px 15px;
	position: absolute;
	right: 4.5vw;
	top: 5vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	z-index: 2;
}

.ca23_carnival_text_3 {
	width: 70%;
	text-align: center;
	margin: 0 auto;
	font-family: 'Poppins-Medium';
	color: #FFFFFF;
	font-size: 1.1rem;
	position: absolute;
	margin-top: 0vw;
	background: linear-gradient(90deg, #A51A16 0%, #DF1C1F 51.71%, #A01814 101.32%);
	height: 20px;
	line-height: 20px;
	margin-left: 15%;
}

.ca23_carnival_text_1_wrap {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position: fixed;
	bottom: 50vw;
}

.ca23_carnival_text_1 {
	width: 75%;
	text-align: center;
	margin: 0 auto;
	font-family: 'Poppins-Regular';
	color: #FFFFFF;
	font-size: 1.1rem;
}

.ca23_carnival_header .ca23_rules_btn {
	width: auto;
	height: 28px;
	line-height: 28px;
	border-radius: 50px;
	color: #FFFFFF;
	font-size: 1.2rem;
	font-family: 'Poppins-Medium';
	text-transform: lowercase;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 1);
	padding: 0px 15px 0px 15px;
	position: absolute;
	right: 4.5vw;
	top: 5vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.ca23_carnival_top_img img {
	width: 75%;
	height: auto;
	margin: 0 auto;
}

.ftue_content_pop {
	width: 95%;
	background-color: transparent;
	border-radius: 10px;
	margin-top: 30px;
}

.ftue_content_pop .ftue_content_txt {
	padding: 20px;
	text-align: center;
	font-size: 1.2rem;
	color: #FFFFFF;
}

.ftue_content_pop .ftue_carousel_img {
	width: 100%;
	height: auto;
}

.ftue_content_pop .ftue_carousel_img img {
	width: 100%;
	height: auto;
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.carnival_popup_close {
	width: auto;
	position: absolute;
	right: 0px;
	top: 14px;
	z-index: 99999;
}

.carnival_popup_close img {
	height: 22px;
	width: auto;
	opacity: 1;
}

.ftue_button {
	position: absolute;
	width: 40vw;
	height: 30px;
	bottom: 10vw;
	right: 10vw;
	border-radius: 25px;
	background-color: #FFC600;
	color: #000000;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: 'Poppins-Bold';
	font-size: 1.1rem;
}

.ftue_button img {
	width: 12px;
	height: auto;
	margin-left: 4px;
	margin-top: 2px;
}

.ftue_bullet {
	position: absolute;
	bottom: 30vw;
	left: 7vw;
}

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

/* Carnival enhancement css ends */

.carnival-overlay-class .mat-dialog-container {
	width: 100vw !important;
	max-width: 100vw !important;
	height: 100vh !important;
	max-height: 100vh !important;
	padding: 0 !important;
	background-color: rgb(0, 0, 0, 0.5) !important;
	border-radius: 0 !important;
	text-align: center;
}

.carnival_well {
	position: relative;
	opacity: 1;
	visibility: visible;
	display: inline-block;
	outline: none;
	text-align: left;
	vertical-align: middle;
	margin-top: 7vh !important;
}








/* carnival enhancements start*/
.ca23_carnival_outline_btn .ca23_tootip {
min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0.6ch 1.5ch;
border-radius: 7px;
box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
background: #FFC600;
color: #000;
z-index: 100;
position: absolute;
top: -29px;
left: 25px;
line-height: 14px;
}
.ca23_carnival_outline_btn .ca23_attempts {
    position: absolute;
    bottom: -13px;
    color: #FFC600;
    font-family: 'Poppins-Medium';
    font-size: .8rem;
}
.down-arrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #FFc600;
    position: absolute;
    top: -10px;
}
.ca23_remind_wrap_winmorebtn {
    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: 80vw;
    display: block;
    text-align: center;
    height: 30px;
    background-color: #ed1c24;
    border-radius: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}
/* carnival enhancements ends*/

.ca23_beat_score_wrap .ca23_beat_best_score{
animation: glow 1s linear alternate infinite;
 
}
@keyframes glow {
0% {
box-shadow:inset 0px 0px 0px #ed1c24;
}
100% {
box-shadow:inset 0px 0px 10px #ed1c24;
}
}

/*Add to home css starts*/
.ca23_addto_home_wrap{
width: 100%;
height: 80px;
background-color: #2F3043;
position: fixed;
z-index: 999;
}

.ca23_addto_home_wrap .ca23_addto_icon{
	width: 20%;
		height: 80px;
	text-align: center;
	float: left;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.ca23_addto_home_wrap .ca23_addto_icon img{
	width: 14vw;
	height: auto;
	margin: 0 auto;
	border-radius: 7px;
}

.ca23_addto_home_wrap .ca23_addto_text1{
	width: 55%;
		height: 80px;
	text-align: center;
	float: left;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 1.15rem;
	font-family: 'Poppins-Regular';
}

.ca23_addto_home_wrap .ca23_addto_btn_wrap{
	width: 25%;
		height: 80px;
	text-align: center;
	float: left;
	display: inline-flex;
justify-content: center;
align-items: center;
}

.ca23_addto_home_wrap .ca23_addto_btn_wrap .ca23_addto_btn1{
padding: 0px 0px 3px 0px;
color: #FFFFFF;
text-decoration: none;
font-size: 1rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto-Medium';
line-height: 22px;
width: 15vw;
text-align: center;
height: 22px;
background-color: #ed1c24;
border-radius: 25px;
display: inline-flex;
justify-content: center;
align-items: center;
}

.ca23_addto_home_wrap .ca23_addto_btn_wrap .ca23_addto_btn1 img{
	width:15px;
	height: auto;
	margin-right: 3px;
}

.ca23_addto_home_wrap .ca23_addto_close{
	position: absolute;
	right: 5px;
	top: 5px;
}

.ca23_addto_home_wrap .ca23_addto_close img{
	width: 12px;
	height: auto;
}

.ca23_bottom_addto_wrap{
background-image: url("../image/addto_bg.svg");
	width: 40vw;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	position: fixed;
	bottom: 79px;
	background-size:contain;
	right: 0px;
	display: inline-flex;
justify-content: center;
align-items: center;
	z-index: 3;

}

.ca23_bottom_addto_wrap .ca23_bottom_addto_txt{
	width: auto;
	color: #000000;
	font-size: .9rem;
	font-family: 'Poppins-Regular';
	text-align: center;
		display: inline-flex;
justify-content: center;
align-items: center;
}

.ca23_bottom_addto_wrap .ca23_bottom_addto_txt img{
	height: 11px;
	width: auto;
	margin: 3px;
}

.add_to_home_img_wrap.firefox {
margin-left: 5%;
}
/*Add to home css ends*/

.key_based_lb_scroll{
height: 750px !important;
overflow: scroll !important;
}



.ca23_bottom_image  .ca23_more_icon {
position: absolute;
right: 3vw;
top: 0px;
z-index: 1;
width: 10px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.ca23_bottom_image  .ca23_more_icon img {
width: 20px;
height: auto;
}

.ca23_featured_static_card_wrap .ca23_more_icon {
    position: absolute;
    right: 12vw;
    top: 2vw;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border-radius: 50%
}

.ca23_featured_static_card_wrap .ca23_more_icon img {
    width: 30px;
    height: auto
}

.ca23_2colum_image .ca23_more_icon {
    z-index: 2;
    top: 1vw;
    right: 1vw;
    position: absolute
}

.ca23_2colum_image .ca23_more_icon img,.ca23_bottom_image .ca23_more_icon img,.ca23_larger_image .ca23_more_icon img,.ca23_musttry_wrap1 .ca23_more_icon img {
    width: 20px;
    height: auto
}

.ca23_larger_image .ca23_more_icon {
    z-index: 2;
    top: 1.5vw;
    right: 2.5vw;
    position: absolute
}


.ca23_musttry_wrap1 .ca23_more_icon {
    position: absolute;
    right: 2.5vw;
    top: 1vw;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.2)
}


/*buy coins css*/
.ca24_money_info_page .ca24_header_txt {
text-align: left;
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-weight: bold;
font-size: 1.6rem;
width: 60%;
padding-top: 10px;
position: relative;
margin-left: 20px;
float: left;
}

.ca24_money_info_page .ca24_coins_roundborder{
width: 87.5vw;
height: 40px;
background-color: #121621;
border-radius: 10px;
padding: 20px 0px 20px 10px;
display: inline-grid;
justify-content: flex-start;
justify-items: flex-start;
align-items: center;
margin-left: 5vw;
background-image: url("../image/buy_coins_bg.jpg");
background-position: right;
background-repeat: no-repeat;
background-size:contain;
}

.ca24_money_info_page .ca24_coins_roundborder.nobg_buy{
background-color: #404151;
background-image: none;
background-position: right;
background-repeat: no-repeat;
background-size:contain;
border: 1px solid rgba(255,255,255,0.05);
}

.ca24_money_info_page .div2 {
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 2.3rem;
margin-top: 0px;
line-height: 20px;
display: flex;
}

.ca24_money_info_page .div2 img {
width: 30px;
height: auto;
margin-right: 5px;
margin-top:-3px;
}

.ca24_coins_box_wrapper .div1c{
width: 80%;
height: 30px;
border-radius: 25px;
background-color: #ed1c24;
text-align: center;
color: #FFFFFF;
font-family: 'Poppins-Bold';
font-size: 1rem;
position: absolute;
bottom: 0px;
text-transform: lowercase;
line-height: 27px;
margin-left: 10%;
margin-bottom: 10px;
}

.ca24_money_info_page .div1 {
color: #D5D6D9;
font-family: 'PoppinsRegular';
font-size: 1.3rem;
margin-left: 35px;
}

ul.ca24_addcoins_List1 {
width: 180vh;
overflow:hidden;
height: 220px;
margin-left: 0px;
display: inline-flex;

}
li.ca24_addcoins_List1 {
float: left;        
list-style-type: none;
width: 135px;
margin-right: 15px;
}

ul.ca24_addcoins_List1.ca24_cash_box {
height: 150px;
}

.ca24_coins_box_wrapper{
width: 130px;
height: 180px;
border-radius: 15px;
margin-left: 20px;
border: 1px solid rgba(255,255,255,0.05);
margin-top: 5px;
position: relative;
background-color: #404151;
}

.ca24_coins_box_wrapper.ca24_cash_box{
width: 130px;
height: 120px;
}


.ca24_coins_box_wrapper.ca24_select_box{
border: 2px solid #ed1c24;
}
.ca24_coins_box_wrapper.bg_buy{
background-image: url("../image/buy_coin_card_bg.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.ca24_coins_box_wrapper .div6a {
color: #FFFFFF;
font-family: 'PoppinsMedium';
font-size: 1.3rem;
margin-top: 0px;
margin-left: 0px;
text-align: center;
line-height: 20px;
font-weight: bolder;
}

.ca24_coins_box_wrapper .div7a {
color: #390000;
font-family: 'PoppinsMedium';
font-size: .9rem;
margin-top: 0px;
margin-left: 0px;
font-weight: bolder;
margin-bottom:7px;
text-align: center;
line-height: 15px;
width: 98%;
}

.ca24_coins_box_wrapper .div1a{
text-align: center;
}


.ca24_coins_box_wrapper .div1b{
width: 100%;
text-align: center;
}
.ca24_coins_box_wrapper .div1b img{
width: 50px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.ca24_buycoins_bestvalue {
padding: 3px!important;
color: #000000;
text-decoration: none;
font-size: .98rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Regular';
line-height: 15px;
width: 70px;
text-align: center;
height: 15px;
-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;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
/* right: 40px; */
background: #CADEF8;
left: 27px;
}
/*buy coins css ends*/

.ca23_howtoplay_wrap .ca23_leaderboard_timer_text4{
	width: 100px;
}

/*Beat your score button_animation css starts*/
.ca23_autoplay_btn_wrap1 {
margin-left: auto;
margin-right: auto;
line-height: 40px;
width: 90vw;
display: block;
text-align: center;
height: 40px;
background-color:#ed1c24;
border-radius: 25px;
overflow: hidden;
margin: 0 auto;
position: relative;
}

.ca23_autoplay_btn_text_byos{
text-decoration: none;
font-size: 1rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
width: 90vw;
color: #FFFFFF;
position: absolute;
}
.ca23_autoplay_btn_text1_byos{
text-decoration: none;
font-size: 1.3rem!important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
width: 90vw;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: -6px;
}

.ca23_autoplay_btn_text1_byos.normargin{
margin-top: 0px!important;
}

.ca23_play_timer_byos{
font-size:.8rem;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Light';
position: absolute;
width: 90vw;
text-align: center;
margin-top: -25px;
}

.ca23_play_timer_byos strong{
color: #fff!important;
font-family: 'Poppins-Bold';
}

.ca23_playnext_bg_byos {
width: 92vw;
height: 40px;
background-color: transparent;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border: 0 solid rgba(255, 255, 255, 0.5);
}

.ca23_playnext_byos {
background-color: rgba(0,0,0,0.2);
background-position: center;
background-repeat: repeat-x;
height: 50px;
animation: load 12s normal forwards;
}

.ca23_beat_score_wrap .orange_gradient_bg{
height: 19vw;
width: 97%;
display: flex;
align-items: center;
justify-content: center;
background-color: #2B2D3E;
border-radius: 10px;
}

.ca23_inside_blue_bg .share_byos {
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: -5px;
}

.ca23_inside_blue_bg  .share_byos a{

}

.ca23_cancel_btn_social{
text-decoration: none;
font-size: 1.3rem!important;
text-align: center;
font-family: 'Poppins-Bold';
width: 95vw;
color: #FFFFFF;	
margin: 0 auto;
}
/*Beat your score button animation css ends*/

/*social feature css starts*/
.ca23_profile_social_box_wrap {
width: 95vw;
height: 30vw;
margin: 0 auto;
}

.ca23_profile_social_box {
width: 100vw;
text-align: center;
/*display: flex;
align-items: center;
justify-content: flex-start;*/
margin-top: 0vw;
}

.ca23_profile_social_box .ca23_profile_image_wrap1 {
float: left;
width: 25vw;
height: 25vw;
background: #61E732;
text-align: center;
border-radius: 50%;
margin-left: 0px;
overflow: hidden;
position: relative;
}

.ca23_profile_social_box .ca23_profile_image_wrap1 img {
width: 24vw;
height: 24vw;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
margin-top: 2px;
}


.ca23_profile_social_box .social_number {
position: absolute;
z-index: 3;
text-align: center;
overflow: hidden;
top: 34vw;
left: 18vw;
width: 30px;
height: 30px;
background: radial-gradient(ellipse at center, rgba(255, 215, 122, 1) 0%, rgba(254, 205, 97, 1) 28%, rgba(247, 162, 24, 1) 72%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border: 2px solid #000000;
border-radius: 50%;
line-height: 30px;
font-size: 1.2rem;
font-family: 'Poppins-Bold';
}

.ca23_profile_social_box .ca23_newprofile_name_wrap {
float: left;
width: 40vw;
text-align: left;
margin-left: 3vw;
}

.ca23_profile_social_box .ca23_newprofile_name {}


.ca23_profile_social_box .ca23_newprofile_name_wrap .text1 {
font-family: 'Poppins-Medium';
font-size: 1.8rem;
color: #F4F4F4;
}

.ca23_profile_social_box .ca23_newprofile_follower_wrap {
width: 40vw;
color: #F4F4F4;
margin-top: 5vw;
}

.ca23_profile_social_box .ca23_newprofile_follower {
text-align: center;
font-family: 'Poppins-Regular';
color: #FFFFFF;
float: left;
width: 20vw;
font-size: 1.2rem;
}

.ca23_profile_social_box .ca23_newprofile_follower strong {
text-align: center;
font-family: 'Poppins-Light';
color: #CCCCCC;
float: left;
width: 20vw;
font-size: 1rem;
}

.ca23_newcoins_wrap_social {
margin-right: 6vw;
width: 23vw;
float: right;
}

.ca23_social_number_box_wrap {
width: 92vw;
height: 20vw;
margin: 0 auto;
background: linear-gradient(180deg, #2B2D3F 0%, #292A36 50%);
border-radius: 7px;
color: #CCCCCC;
text-align: center;
font-size: .9rem;
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: 4vw;
}

.ca23_social_number_box_wrap .div_games {
width: 30vw;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.ca23_social_number_box_wrap .div_games h4 {
font-size: 2.1rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
}

.ca23_social_number_box_wrap .div_win {
width: 30vw;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.ca23_social_number_box_wrap .div_win h4 {
font-size: 2.1rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
}

.ca23_social_number_box_wrap .div_active {
width: 30vw;

}

.ca23_social_number_box_wrap .div_active h4 {
font-size: 2.1rem;
font-family: 'Poppins-Bold';
color: #FFFFFF;
}

.ca23_seemore {
font-family: 'Poppins-Regular';
color: #F4F4F4;
width: 90vw;
margin: 0 auto;
text-align: right;
}

.ca23_seemore a {
text-decoration: underline;
color: #FFFFFF;
}

.ca23_inside_blue_bg .more_social {
float: right;
width: 20px;
position: absolute;
right: 3vw;
}

.ca23_inside_blue_bg .more_social img {
width: 5px;
height: auto;
}

.ca23_social_btn_wrap {
display: flex;
flex-direction: row;
justify-content: center;
/* align-items: center; */
margin: 0 auto;
width: 96vw;
}

.ca23_social_follow_btn {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
font-family: 'Poppins-Regular';
line-height: 30px;
width: 43vw;
display: block;
text-align: center !important;
height: 30px;
background-color: transparent;
border: 1px solid #FFFFFF;
margin: 0px 1vw 0px 1vw;
}

.ca23_social_follow_btn.unfollow {
background-color: #5E5D5D;
border: none;
}

.social_content_pop {
width: 95%;
background-color: #2F3043;
border-radius: 10px;
margin-top: 30px;
}

.social_content_pop .social_content_txt {
padding: 20px;
text-align: center;
font-size: 1.4rem;
color: #FFFFFF;
}

.ca23_social_list_box_wrap {
width: 95%;
margin-left: auto;
margin-right: auto;
height: auto;
text-transform: lowercase;
padding: 10px 0px 10px 0px;
border-radius: 10px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, #2B2D3F 0%, #292A36 100%);
}

.ca23_social_list_box_wrap.nobg {
background: none !important;
}

.ca23_social_list_box {
width: 92%;
margin-left: auto;
margin-right: auto;
height: 40px;
text-transform: lowercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
}

.ca23_social_list_box.noborder {
border-bottom: none !important;
}

.ca23_social_list_box .ca23_social_list_name {
float: left;
color: #F4F4F4;
font-weight: normal;
font-family: 'Poppins-Regular';
font-size: 1.3rem;
width: 80%;
}

.ca23_social_list_box_header {
color: #FFFFFF;
font-weight: normal;
font-family: 'Poppins-Bold';
font-size: 1.5rem;
width: 92%;
margin-left: auto;
margin-right: auto;
height: 40px;
text-transform: lowercase;
/*border-bottom: 1px solid rgba(255,255,255,0.1);*/
text-align: center;
}

.ca23_social_list_box .ca23_social_list_points {
float: left;
width: 20%;
text-align: right;
color: #f4f4f4;
font-weight: normal;
font-family: 'Poppins-Regular';
font-size: 1.3rem;
}

.social_stats_popup_close {
width: auto;
position: absolute;
right: 26px;
top: 38px;
z-index: 99999;
}

.social_stats_popup_close img {
height: 22px;
width: auto;
opacity: .6;
}

.social_well {
min-height: 100px;
width: 90%;
padding: 0px;
margin-bottom: 0px;
background-color: transparent;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
vertical-align: top;
margin-top: 1vh;
margin-left: 5vw;
}

.social_popup_content {
position: relative;
padding: 0px;
height: auto;
overflow-y: scroll;
}

.social_popup_content {
padding: 0px;
height: auto;
}

.ca23_profile_page_btn_login {
border-radius: 5px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'PoppinsMedium';
line-height: 30px;
width: 90vw;
display: block;
text-align: center;
height: 30px;
background-color: #ed1c24;
border-radius: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.social-stats-popup .mat-dialog-container {
padding: 0px !important;
}

.ca23_profile_social_box .ca23_newprofile_name_wrap.other_profile {
width: 64vw;
}

.ca23_referal_error {
font-size: .95rem;
color: #ff0000;
text-align: left;
font-family: 'PoppinsMedium';
width: 75vw;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

.ca23_referal_success {
font-size: .95rem;
color: #FFC600;
text-align: left;
font-family: 'PoppinsMedium';
width: 75vw;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

.ca23_social_follow_btn.challenge {
background-color: #ed1c24;
border: none;
}

/*social feature css ends*/



/*social challenges css starts*/
.ca23_search_wrap {
width: 95%;
height: 50px;
background-color: rgba(255,255,255,.2);
border-radius: 25px;
margin: 0 auto
}

.ca23_search_option {
float: left;
width: 75%;
margin-top: 2px
}

.ca23_language_input {
width: 85%;
padding: 0 0 0 10px;
font-family: 'Poppins-Light'!important;
display: inline-flex;
justify-content: center;
align-items: center;
background-size: 19px;
height: 20px;
color: #fff;
font-size: 1.3rem;
margin-top: -3px;
text-transform: lowercase;
line-height: 24px
}

.ca23_language_input::placeholder {
color: rgba(255,255,255,.6)!important;
font-size: 1.2rem;
font-family: 'Poppins-Light'!important
}

.ca23_search_close_new,.ca23_search_new {
float: left;
width: 10%;
text-align: right
}

.ca23_search_new img {
width: 20px;
height: auto
}

.ca23_search_close_new img {
width: 25px;
height: auto;
margin-top: -3px
}

.ca23_social_selection_menu_wrap {
width: 100vw;
height: 60px;
padding: 0;
background-color: transparent;
margin: 0 auto;
overflow: auto;
overflow-y: hidden
}

.ca23_social_select_main_menu {
overflow: hidden;
white-space: nowrap;
background-color: transparent;
font-family: 'Poppins-Regular';
margin-left: 10px;
height: 40px
}

.ca23_social_select_main_menu a {
color: #000;
text-align: center;
text-decoration: none;
margin: 11px 2px 11px 1px;
cursor: pointer
}

.ca23_social_outline_btn {
background-color: transparent;
border-radius: 100px;
padding: 0px 15px;
color: rgba(245, 245, 245, 0.66);
text-decoration: none;
font-size: 1.1rem;
width: 65px;
height: 35px;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Light';
display: inline-flex;
text-transform: lowercase;
border: 1px solid #5A5A5A;
background-color: #2E323D;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}

.ca23_social_follow_wrap {
width: 95%;
height: 80px;
border-radius: 7px;
background: rgba(255, 255, 255, 0.12);
margin: 0 auto;
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: 2.5%;
}

.ca23_social_follow_wrap .profile_photo_wrap {
width: 20%;
float: left;
text-align: center;
}

.ca23_social_follow_wrap .profile_photo {
width: 50px;
height: 50px;
position: relative;
margin: 0 auto;
border-radius: 50%;
}


.ca23_social_follow_wrap .profile_photo img {
width: 50px;
height: 50px;
border-radius: 50%;
}

.ca23_social_follow_wrap .profile_photo .acitive_status_round {
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
background-color: #38C65F;
border: 1px solid #000000;
z-index: 1;
right: 0px;
top: 35px;
}

.ca23_social_follow_wrap .profile_photo .acitive_status_round.orange {
background-color: #E08700;
}

.ca23_social_follow_wrap .profile_photo .acitive_status_round.grey {
background-color: #B9B9B9;
}

.ca23_social_follow_wrap .detail_wrap {
width: 45%;
float: left;
}

.ca23_social_follow_wrap .detail_wrap .text1 {
font-size: 1.5rem;
color: #FFFFFF;
font-family: 'Poppins-Medium';
}

.ca23_social_follow_wrap .detail_wrap .text2 {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.60);
font-family: 'Poppins-Light';
}

.ca23_social_follow_wrap .btn_wrap {
width: 35%;
float: left;
}

.ca23_social_follow_btn_red {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
font-family: 'Poppins-Regular';
line-height: 28px;
width: 28.3vw;
display: block;
text-align: center !important;
height: 28px;
background-color: #ed1c24;
}

.ca23_social_follow_btn_red.ca23_greybtn {
color: #FFFFFF;
background-color: #737373;
}

.ca23_musttry_wrap1.social {
width: 29vw;
height: 45vw;
}


.ca23_social_follow_btn_red_small {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.1rem !important;
font-family: 'Poppins-Regular';
line-height: 20px;
width: 25vw;
display: block;
text-align: center !important;
height: 20px;
background-color: #ed1c24;
margin: 0 auto;
margin-top: 5px;
}

.ca23_challenge_recieved_wrap {
height: auto;
width: 90vw;
margin-right: auto;
margin-left: auto;
background: linear-gradient(180deg, #2B2D3F 0%, #292A36 100%);
border-radius: 15px;
position: relative;
overflow: hidden;
}

.ca23_social_challenge_tab {
width: 90%;
height: 40px;
line-height: 40px;
font-size: 1.2rem;
margin: 0 auto;
}

.ca23_social_challenge_tab .dark_left_tab {
width: 50%;
text-align: center;
color: #FFFFFF;
float: left;
}

.ca23_social_challenge_tab .dark_right_tab {
width: 50%;
text-align: center;
color: #FFFFFF;
float: left;
}

.ca23_social_challenge_tab .select {
text-decoration: underline;
text-decoration-color: #ed1c24;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}

.ca23_social_challenge_card1 {
min-height: 105px;
width: 82vw;
margin-right: auto;
margin-left: auto;
border-radius: 7px;
position: relative;
overflow: hidden;
background: rgba(255, 255, 255, 0.12);
}

.ca23_socialcard_timer {
font-family: 'PoppinsMedium';
color: #FFFFFF;
font-size: .95rem;
width: auto;
height: 22px;
background-color: #0DA05A;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
text-align: center;
float: right;
line-height: 22px;
margin-right: 2vw;
padding: 0px 5px 0px 5px;
}

.ca23_activity_artwork_wrap .left_wrap .social_profile {
width: 14vw;
height: 14vw;
overflow: hidden;
margin: 0 auto;
}

.ca23_activity_artwork_wrap .left_wrap .social_profile img {
width: 14vw;
height: 14vw;
overflow: hidden;
border-radius: 50%;
}

.ca23_activity_artwork_wrap .right_wrap1 {
width: 60%;
height: auto;
float: left;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: 2%;
}

.ca23_activity_artwork_wrap .right_wrap2 {
width: 18%;
height: auto;
float: left;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}

.ca23_activity_artwork_wrap .right_wrap1 .ca23_artwork_name {
font-family: 'Roboto-Bold';
font-size: 1.4rem;
color: #F4F4F4;
margin-top: 0vw;
}

.ca23_activity_artwork_wrap .right_wrap1 .ca23_artwork_name_single {
font-family: 'Roboto-Bold';
font-size: 1.4rem;
color: #F4F4F4;
margin-top: 4.3vw;
}

.ca23_activity_artwork_wrap .right_wrap1 .ca23_artwork_social_text {
font-family: 'Roboto-Light';
font-size: 1rem;
color: rgba(255, 255, 255, 0.50);
}


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

.ca23_activity_artwork_wrap .right_wrap1 .ca23_artwork_details .ca23_prize_div3 {
width: 100px;
font-weight: normal;
font-family: 'Roboto-Medium';
font-size: 1.1rem;
color: #CCCCCC;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.ca23_activity_artwork_wrap .right_wrap1 .ca23_artwork_details .ca23_prize_div3 img {
width: 13px;
height: auto;
}

.ca23_activity_artwork_wrap .right_wrap2 .artwork {
width: 13vw;
height: 13vw;
overflow: hidden;
margin: 0 auto;
margin-top: 2vw;
}

.ca23_activity_artwork_wrap .right_wrap2 .artwork img {
width: 13vw;
height: 13vw;
overflow: hidden;
border-radius: 10px;
}

.ca23_challenge_btn_wrap {
display: flex;
flex-direction: row;
justify-content: center;
/* align-items: center; */
margin: 0 auto;
width: 70vw;
}

.ca23_challenge_follow_btn {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
font-family: 'Poppins-Regular';
line-height: 22px;
width: 43vw;
display: block;
text-align: center !important;
height: 22px;
background-color: transparent;
border: 1px solid #FFFFFF;
margin: 0px 1vw 0px 1vw;
}

.ca23_challenge_follow_btn.unfollow {
background-color: #5E5D5D;
border: none;
}

.ca23_challenge_follow_btn.challenge {
background-color: #ed1c24;
border: none;
border: 1px solid #ed1c24;
}

.ca23_hide {
visibility: hidden;
}

/*social challenges css ends*/

/* extra css social- challenge*/
.players_scroll_page {
height: 75vh !important;
overflow: scroll !important;
}

.zero_players {
align-items: center;
display: flex;
justify-content: center;
font-size: 1.2REM;
font-family: 'Poppins-Bold';
}

/* extra css social- challenge end*/

.ca23_challenge_pop_btn_wrap {
display: flex;
flex-direction: row;
justify-content: center;
/* align-items: center; */
margin: 0 auto;
width: 63vw;
}

.ca23_challenge_pop_follow_btn {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
font-family: 'Poppins-Regular';
line-height: 22px;
width: 43vw;
display: block;
text-align: center !important;
/* height: 22px; */
height: 30px;
/* changed*/
background-color: transparent;
border: 1px solid #FFFFFF;
margin: 0px 1vw 0px 1vw;
}

.ca23_challenge_pop_follow_btn.challenge {
background-color: #ed1c24;
border: none;
border: 1px solid #ed1c24;
}


/* challenge-list -start */
.ca23_activity_artwork_wrap .right_wrap2 .ca23_crown_image_div {
width: 18%;
text-align: center;
position: absolute;
z-index: 2;
margin-top: -4vw;
margin-left: -4vw;
}

.ca23_activity_artwork_wrap .right_wrap2 .ca23_crown_image_div img {
width: 30px;
height: auto;
}

.ca23_activity_artwork_wrap .left_wrap .ca23_crown_image_div {
width: 19%;
text-align: center;
position: absolute;
z-index: 2;
margin-top: -4vw;
margin-left: -4vw;
}

.ca23_activity_artwork_wrap .left_wrap .ca23_crown_image_div img {
width: 30px;
height: auto;
}


.ca23_challenge_detail_wrap {
width: 99%;
margin: 0 auto;
}

.ca23_challenge_detail_wrap .div1_detail {
width: 13vw;
height: 13vw;
overflow: hidden;
margin-top: 0vw;
float: left;
margin-left: 2vw;
}

.ca23_challenge_detail_wrap .div1_detail img {
width: 13vw;
height: 13vw;
overflow: hidden;
border-radius: 10px;
}

.ca23_challenge_detail_wrap .div2_detail {
float: left;
height: 13vw;
margin-left: 5vw;
}

.ca23_challenge_detail_wrap .div2_detail .detail_txt1 {
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.2rem;
margin-top: 5px;
}

.ca23_challenge_detail_wrap .div2_detail .detail_txt2 {
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.2rem;
}

.ca23_challenge_detail_wrap .div3_detail {
float: left;
height: 13vw;
margin-left: 5vw;
}

.ca23_challenge_detail_wrap .div3_detail .detail_txt1 {
font-family: 'Poppins-Regular';
color: rgba(255,255,255,0.80);
font-size: 1.1rem;
margin-top: 5px;
width: 22vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.ca23_challenge_detail_wrap .div3_detail .detail_txt2 {
font-family: 'Poppins-Regualr';
color: rgba(255, 255, 255, 0.80);
font-size: 1.1rem;
}

.ca23_challenge_detail_wrap .div4_detail {
float: left;
height: 13vw;
margin-left: 5vw;
}

.ca23_challenge_detail_wrap .div4_detail .detail_txt1 {
font-family: 'Poppins-Regular';
color: rgba(255,255,255,0.80);
font-size: 1.1rem;
margin-top: 5px;
width: 22vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}

.ca23_challenge_detail_wrap .div4_detail .detail_txt2 {
font-family: 'Poppins-Regualr';
color: rgba(255, 255, 255, 0.80);
font-size: 1.1rem;
}

.ca23_activity_artwork_wrap .left_wrap .social_profile {
width: 14vw;
height: 14vw;
margin: 0 auto;
position: relative;
}

.ca23_activity_artwork_wrap .left_wrap .social_profile.won {
border: 2px solid #FFC600;
border-radius: 50%;
}

.ca23_activity_artwork_wrap .left_wrap .social_profile img {
width: 14vw;
height: 14vw;
overflow: hidden;
border-radius: 50%;
}



.ca23_activity_artwork_wrap .left_wrap .social_profile .acitive_status_round1 {
width: 13px;
height: 13px;
border-radius: 50%;
position: absolute;
/* background: radial-gradient(ellipse at center, rgba(255, 215, 122, 1) 0%, rgba(254, 205, 97, 1) 28%, rgba(247, 162, 24, 1) 72%); */
background-color: #38C65F;
border: 1px solid #000000;
z-index: 1;
right: 0px;
top: 35px;
line-height: 13px;
font-size: .7rem;
font-family: 'Poppins-Medium';
text-align: center;
}


.ca23_activity_artwork_wrap .right_wrap2 .social_profile {
width: 14vw;
height: 14vw;
margin: 0 auto;
position: relative;
border-radius: 50%;
}

.ca23_activity_artwork_wrap .right_wrap2 .social_profile.won {
border: 2px solid #FFC600;

}

.ca23_activity_artwork_wrap .right_wrap2 .social_profile img {
width: 14vw;
height: 14vw;
overflow: hidden;
border-radius: 50%;
}

.ca23_activity_artwork_wrap .right_wrap2 .social_profile .acitive_status_round1 {
width: 13px;
height: 13px;
border-radius: 50%;
position: absolute;
/* background: radial-gradient(ellipse at center, rgba(255, 215, 122, 1) 0%, rgba(254, 205, 97, 1) 28%, rgba(247, 162, 24, 1) 72%); */
background-color: #38C65F;
border: 1px solid #000000;
z-index: 1;
right: 0px;
top: 35px;
line-height: 13px;
font-size: .7rem;
font-family: 'Poppins-Medium';
text-align: center;
}

.ca23_seemore_social {
font-family: 'Poppins-Regular';
color: #F4F4F4;
width: 80vw;
margin: 0 auto;
text-align: right;
}

.ca23_seemore_social a {
text-decoration: underline;
color: #FFFFFF;
}

.ca23_social_challenge_card1.challenge_received_page {
width: 93vw;
}

.challenge_received_page .ca23_challenge_btn_wrap {
width: 71vw;
}

.challenge_received_page .ca23_challenge_hr {
width: 68vw;
}

.ca23_challenge_hr {
height: 1px;
width: 62vw;
margin-left: auto;
margin-right: auto;
background-color: #BFBDBD;
opacity: 0.3;
float: right;
margin-right: 3vw;
}

.ca23_socialcard_timer.blue_color {
background-color: #375FD5;

}

.ca23_socialcard_timer.red_color {
background-color: #F12A2A;

}

/* challenge-list -end */

.ca23_social_follow_btn_red_small {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.1rem !important;
font-family: 'Poppins-Regular';
line-height: 20px;
width: 25vw;
display: block;
text-align: center !important;
height: 20px;
background-color: #ed1c24;
margin: 0 auto;
margin-top: 5px;
}

.ca23_musttry_wrap1.social {
width: 29vw;
height: 42vw;
}

/*Social priority 2 starts*/
.ca23_casual_battle_div1 .ca23_image_wrap_social {
width: 80px;
height: 80px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative;
border: 3px solid #FFCF01;
}

.ca23_casual_battle_div1 .ca23_image_wrap_social.noborder {
border: none;
}

.ca23_casual_battle_div1 .ca23_image_wrap_social img {
width: 80px;
height: 80px;
margin-left: auto;
margin-right: auto;
border: 0px solid #FFCF01;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-top: 0px;
margin-left: 0px;
}

.ca23_casual_battle_div1 .ca23_image_wrap_social .social_number {
position: absolute;
z-index: 3;
text-align: center;
overflow: hidden;
top: 50px;
left: 60px;
width: 25px;
height: 25px;
background: radial-gradient(ellipse at center, rgba(255, 215, 122, 1) 0%, rgba(254, 205, 97, 1) 28%, rgba(247, 162, 24, 1) 72%);
border: 2px solid #000000;
border-radius: 50%;
line-height: 25px;
font-size: 1rem;
font-family: 'Poppins-Regular';
font-weight: bolder;
}


.ca23_waiting_txt_social {
font-family: 'Poppins-Bold';
color: #FFE500;
font-size: 1.5rem;
width: 75%;
margin: 0 auto;
text-align: center;
}

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

.ca23_vs_social_icon img {
width: 50px;
height: auto;
margin-top: -13px;
margin-left: 0px;
}

.ca23_social_count {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: rgba(206, 190, 41, 0.69);
text-align: center;
line-height: 75px;
font-size: 3.4rem;
color: #000000;
}

.ripple_social {
margin: auto;
background-color: rgba(206, 190, 41, 0.69);
width: 80px;
height: 80px;
border-radius: 50%;
animation: ripple1 1s linear infinite;
}

@keyframes ripple1 {
0% {
box-shadow: 0 0 0 1rem rgba(206, 190, 41, 0.1),
0 0 0 .5rem rgba(206, 190, 41, 0.1),
0 0 0 1rem rgba(206, 190, 41, 0.1);
}

100% {
box-shadow: 0 0 0 2rem rgba(206, 190, 41, 0.1),
0 0 0 .7rem rgba(206, 190, 41, 0.1),
0 0 0 .7rem rgba(206, 190, 41, 0);
}
}

.ca23_battle_result_social_box {
width: 90vw;
height: auto;
border-radius: 10px;
background: linear-gradient(180deg, #2B2D3F 0%, #292A36 50%);
margin: 0 auto;
}

.ca23_battle_result_social_box .text1 {
font-family: 'Poppins-Bold';
color: #FFE500;
font-size: 1.3rem;
width: 90%;
margin: 0 auto;
text-align: center;
}

.ca23_social_loading1 {
width: 70vw;
margin-left: auto;
margin-right: auto;
position: relative;
}

.ca23_loading_bg_social1 {
width: 69vw;
/*For VIL advertisement - added on 27 Feb 2023*/
height: 7px;
background-color: #FFFFFF;
overflow: hidden;
border: 0 solid rgba(255, 255, 255, 0.5);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1px solid #FFFFFF;

}

.ca23_loading_social1 {
background-image: url("../image/social_loading_bg.png");
background-position: center;
background-repeat: repeat-x;
background-size: cover;
height: 7px;
animation: load 10s normal forwards;
}


.ca23_casual_battle_wrap .ca23_image_score {
font-family: 'Poppins-Bold';
color: #FFDA01;
font-size: 1.3rem;
text-transform: capitalize;
width: 100%;
text-align: center;
}

.ca23_social_btn_wrap1 {
display: flex;
flex-direction: row;
justify-content: center;
/* align-items: center; */
margin: 0 auto;
width: 84vw;
}

.ca23_winner_pondium_wrap.scalesocial_page {
transform: scale(1.1);
}

.ca23_leader_prize_box_wrap .ca23_prize_image_wrap .ca23_image_div.social_page {
width: 100px;
height: 100px;
}


.ca23_leader_prize_box_wrap .ca23_prize_image_wrap .ca23_image_div.social_page img {
width: 98px;
height: 98px;
border-radius: 50%;
border: 2px solid black;
margin-top: -1px;
margin-left: -1px;
position: relative;
}

.ca23_leader_prize_box_wrap .ca23_prize_image_wrap .ca23_image_div.social_page .social_number {
position: absolute;
z-index: 3;
text-align: center;
overflow: hidden;
top: 50px;
left: 85px;
width: 23px;
height: 23px;
background: radial-gradient(ellipse at center, rgba(255, 215, 122, 1) 0%, rgba(254, 205, 97, 1) 28%, rgba(247, 162, 24, 1) 72%);
border: 2px solid #000000;
border-radius: 50%;
line-height: 23px;
font-size: .95rem;
font-family: 'Poppins-Regular';
font-weight: bolder;
}


.ca23_prize_text_wrap .ca23_pize_txt1.social_page {
margin-top: 13px;
}


.ca23_leader_prize_box_wrap2 .ca23_prize_image_wrap.social_page {
margin-top: -78px;
}


.ca23_leader_prize_box_wrap2 .ca23_prize_image_wrap .ca23_image_div.social_page {
width: 90px;
height: 90px;
}

.ca23_leader_prize_box_wrap2 .ca23_prize_image_wrap .ca23_image_div.social_page img {
width: 90px;
height: 90px;
border-radius: 50%;
}

.ca23_leader_prize_box_wrap2 .ca23_prize_image_wrap .ca23_image_div.social_page .social_number {
position: absolute;
z-index: 3;
text-align: center;
overflow: hidden;
top: 50px;
left: 75px;
width: 23px;
height: 23px;
background: radial-gradient(ellipse at center, rgba(255, 215, 122, 1) 0%, rgba(254, 205, 97, 1) 28%, rgba(247, 162, 24, 1) 72%);
border: 2px solid #000000;
border-radius: 50%;
line-height: 23px;
font-size: .95rem;
font-family: 'Poppins-Regular';
font-weight: bolder;
}


.space_25 {
height: 25px;
}

.ca23_social_list_box .social_heading {
font-family: 'Poppins-Bold';
color: #FFFFFF;
font-size: 1.5rem;
}

.ca23_leader_prize_box_wrap.social_page {
width: 80%;
height: 100px;
background-image: url("../image/Profile_circle_1 1.png");
background-position: center;
background-size: auto;
}

.ca23_autoplay_btn_wrap_social {
margin-left: auto;
margin-right: auto;
line-height: 36px;
width: 90vw;
display: block;
text-align: center;
height: 36px;
background-color: #ed1c24;
border-radius: 25px;
overflow: hidden;
position: relative;
}

.ca23_autoplay_btn_text_social {
text-decoration: none;
font-size: 1rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Bold';
width: 85vw;
color: #FFFFFF;
position: absolute;
}

.ca23_autoplay_btn_text1_social {
text-decoration: none;
font-size: 1.2rem !important;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Regular';
width: 85vw;
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: -1px;
}

.ca23_play_timer_social {
font-size: .7rem;
margin-left: auto;
margin-right: auto;
font-family: 'Poppins-Light';
position: absolute;
width: 85vw;
text-align: center;
margin-top: -23px;
}

.ca23_playnext_bg_social {
width: 90vw;
height: 36px;
background-color: transparent;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border: 0 solid rgba(255, 255, 255, 0.5);
}

.ca23_playnext_social {
background-color: rgba(0, 0, 0, 0.2);
background-position: center;
background-repeat: repeat-x;
height: 50px;
animation: load 15s normal forwards;
}

.ca23_social_single_btn {
border-radius: 25px;
padding: 3px !important;
color: #FFFFFF;
text-decoration: none;
font-size: 1.2rem !important;
font-family: 'Poppins-Regular';
line-height: 30px;
width: 85vw;
display: block;
text-align: center !important;
height: 30px;
background-color: #ed1c24;
border: none;
margin: 0px 1vw 0px 1vw;
}

.ca23_social_btn_wrap2 {
display: flex;
flex-direction: row;
justify-content: center;
/* align-items: center; */
margin: 0 auto;
width: 86vw;
}

.ca23_cancel_btn_social {
text-decoration: none;
font-size: 1.3rem !important;
text-align: center;
font-family: 'Poppins-Bold';
width: 95vw;
color: #FFFFFF;
margin: 0 auto;
}


@media (min-width: 360px) and (max-width: 360px) {
.ca23_leader_prize_box_wrap .ca23_prize_image_wrap {
left: -2.5vw;
}
}

@media (min-width: 375px) and (max-width: 375px) {
.ca23_leader_prize_box_wrap .ca23_prize_image_wrap {
left: -1vw;
}
}

@media (min-width: 384px) and (max-width: 384px) {
.ca23_leader_prize_box_wrap .ca23_prize_image_wrap {
left: -1vw;
}
}

@media (min-width: 412px) and (max-width: 414px) {
.ca23_leader_prize_box_wrap .ca23_prize_image_wrap {
left: -.5vw;
}
}

@media (min-width: 390px) and (max-width: 390px) {
.ca23_leader_prize_box_wrap .ca23_prize_image_wrap {
left: -1vw;
}
}

.social_winner_gap {
margin: 0px 5vw 0px 5vw;
}

.ca23_2player_battle {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}

.ca23_social_follow_btn.challenge {
background-color: #ed1c24;
border: none;
}


/* new css added starts*/
.starts_in_txt {
font-family: 'Poppins-Bold';
color: white;
font-size: 1.5rem;
width: 75%;
margin: 0 auto;
text-align: center;
}

/*new css added end*/

.ca23_activity_artwork_wrap .left_wrap .social_profile .acitive_status_round1.orange {
background-color: #E08700;
}

.ca23_activity_artwork_wrap .left_wrap .social_profile .acitive_status_round1.grey {
background-color: #B9B9B9;
}

.ca23_activity_artwork_wrap .right_wrap2 .social_profile .acitive_status_round1.orange {
background-color: #E08700;
}

.ca23_activity_artwork_wrap .right_wrap2 .social_profile .acitive_status_round1.grey {
background-color: #B9B9B9;
}

.ca23_profile_social_box .acitive_status_round {
position: absolute;
z-index: 3;
text-align: center;
overflow: hidden;
top: 34vw;
left: 18vw;
width: 30px;
height: 30px;
background-color: #38C65F;
border: 2px solid #000000;
border-radius: 50%;
line-height: 30px;
font-size: 1.2rem;
font-family: 'Poppins-Bold';
display: none;
}

.ca23_profile_social_box .acitive_status_round.orange {
background-color: #E08700;
}

.ca23_profile_social_box .acitive_status_round.grey {
background-color: #B9B9B9;
}

.ca23_challenge_list {
height: 100vh;
overflow: scroll;
}

.ca23_blank_text {
width: 90%;
margin: 0 auto;
text-align: center;
color: #FFFFFF;
font-family: 'Poppins-Light';
font-size: 1.3rem;
}

/*Social priority 2 ends*/



/*_______________________________________________________________________________________________________________________________________________________________________*/
/*Beat your score progress bar css starts */
.ca23_progress_small_txt {
color: #fff;
font-size: 1.2rem;
font-family: 'Poppins-Regular';
font-weight: bolder;
margin: 0 auto;
text-align: center;
width: 80%;
}

.ca23_best_score_circle_outer {
transform: scale(.8);
}

.ca23_best_score_circle {
margin-left: auto;
margin-right: auto;
width: 200px;
height: 101px;
background-color: blue;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
position: relative;
background: linear-gradient(90deg, rgba(255, 235, 2, 0.31) 0.01%, rgba(255, 235, 2, 0.50) 0.02%, rgba(255, 235, 2, 0.61) 0.03%, rgba(255, 235, 2, 0.14) 0.04%, rgba(247, 73, 39, 0.39) 0.05%, rgba(255, 228, 2, 0.62) 99.99%, rgba(255, 228, 3, 0.00) 100%);
}

.ca23_best_score_circle .ca23_best_score_circle1 {
margin-left: auto;
margin-right: auto;
width: 193px;
height: 94px;
background-color: #111622;
border-top-left-radius: 97px;
border-top-right-radius: 97px;
position: absolute;
left: 4px;
top: 4px;
text-align: center;
font-family: 'Poppins-Light';
font-size: 1.5rem;
color: #FFFFFF;
}

.ca23_best_score_circle .ca23_best_score_circle1 h4 {
font-family: 'Poppins-Regular';
color: #FFC600;
font-size: 1.7rem;
margin-top: 30px;
}

.ca23_beat_outer_wrapper {
position: relative;
margin-top: -40px;
overflow: hidden;
transform:scale(.95);
}

.ca23_beat_wrapper {
overflow: hidden;
transform: scale(.5);
width: 145vw;
margin-left: -22vw;
position: absolute;
}

.ca23_beat_wrapper .circle {
width: 421px;
height: 212px;
background-color: transparent;
border-top-left-radius: 382px;
border-top-right-radius: 400px;
border: 50px solid #FFD505;
border-bottom: 0;
transition: all 2.5s ease;
transform-origin: bottom;
position: absolute;
z-index: 1;
transform: rotate(-180deg);
bottom: -3px;
left: -60px;
}

.ca23_beat_wrapper .circle-out {
width: 400px;
height: 200px;
background-color: transparent;
border-top-left-radius: 380px;
border-top-right-radius: 380px;
border: 70px solid #404040;
border-bottom: 0;
position: relative;
margin: 0 auto;
}

.ca23_beat_header_current {
width: 90%;
text-align: center;
margin: 0 auto;
font-family: 'Poppins-Regular';
color: #FFFFFF;
font-size: 1.5rem;
}


@keyframes rot2 {
from {
transform: rotate(0deg)
translate(-150px)
rotate(0deg);
}
}

/* when percentile is between 15-60 */
.score_box {
width: 70px;
height: 20px;
position: absolute;
top: 215px;
left: 53%;
margin: -10px -20px 0px -40px;
font-size: 1rem;
z-index: 999;
animation: rot2 3s normal forwards;
opacity: 1;
color: #FFDD00;
text-align: center;
}

/* when percentile is 0 */
.score_box.score_box0 {
top: 200px;
margin: -10px -20px 0px -37px;
}
/* when percentile is between 1-14 */
.score_box.score_box10 {
top: 210px;
margin: -10px -20px 0px -37px;
}
/* when percentile is between 61-80 */
.score_box.score_box60 {
margin: -10px -20px 0px -32px;
}

/* when percentile is between 81-100 */
.score_box.score_box100 {
margin: -10px -20px 0px -32px;
}
/* when score digit more than 3 */
.score_box.score_digit {
width: 50px;
}

#seconds1 {
color: #FFC600 !important;
font-family: 'Poppins-Bold';
}

.gradient-circle {
position: relative;
width: 100px;
/* Set the width of the circle */
height: 100px;
/* Set the height of the circle */
background-color: transparent;
/* Set the background to transparent */
border-radius: 50%;
/* Make it a circle by setting border-radius to 50% */
display: flex;
justify-content: center;
align-items: center;
}

.c23_blank_space_beat {
height: 20px;
margin-top: -10px;
background-color: #111622;
position: -webkit-sticky;
}

@media (min-width: 360px) and (max-width: 360px) {
.ca23_beat_wrapper {
width: 150vw !important;
margin-left: -25vw !important;
}
}

/* modified css */

.ca23_beat_wrapper .circle {
width: 421px;
height: 212px;
background-color: transparent;
border-top-left-radius: 382px;
border-top-right-radius: 400px;
border: 50px solid #FFD505;
border-bottom: 0;
transition: all 2.5s ease;
transform-origin: bottom;
position: absolute;
z-index: 1;
transform: rotate(-180deg);
bottom: -3px;
left: -60px;
}

/* when percentile is between 15-60 */
.score_box {
width: 70px;
height: 20px;
position: absolute;
top: 215px;
left: 53%;
margin: -10px -20px 0px -40px;
font-size: 1rem;
z-index: 999;
animation: rot2 3s normal forwards;
opacity: 1;
color: #FFDD00;
text-align: center;
}

.ca23_beat_outer_wrapper {
position: relative;
margin-top: -40px;
overflow: hidden;
transform:scale(.95);
}

/*_______________________________________________________________________________________________________________________________________________________________________*/
/* new css added */

@keyframes rot2 {
from {
transform: rotate(0deg)
translate(-150px)
rotate(0deg);
}
}

/* when percentile is 0 */
.score_box.score_box0 {
top: 200px;
margin: -10px -20px 0px -37px;
}
/* when percentile is between 1-14 */
.score_box.score_box10 {
top: 210px;
margin: -10px -20px 0px -37px;
}
/* when percentile is between 61-80 */
.score_box.score_box60 {
margin: -10px -20px 0px -32px;
}

/* when percentile is between 81-100 */
.score_box.score_box100 {
margin: -10px -20px 0px -32px;
}
/* when score digit more than 3 */
.score_box.score_digit {
width: 50px;
}

/*Beat your score progress bar css ends */