@font-face {
    font-family: poppins;
    src: url(../font/Poppins.ttf);
}
* {
    margin: 0;
    padding: 0;
    font-family: poppins !important;
}
.section {
    display: flex;
    height: 100vh;
    align-items: center;
    overflow: hidden;
    padding: 0 !important;
}
.s_left {
    background-color: #ffffff;
    max-width: 480px;
    width: 100%;
    overflow-y: scroll;
    height: 100vh;
    scroll-behavior: smooth;
    overflow-x: hidden;
}
.s_right {
    display: grid;
    justify-content: center;
    width: 100%;
    text-align: center;
	background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: center;
    justify-items: center;
    align-items: end;
    align-content: center;
}


.header > img{
    width: auto;
    height: 30px;
}

.sidenav{
	position: relative !importa;
}

.rght_hd{
    display: flex;
    align-items: center;
}

.rght_hd >img{
    width: auto;
    height: 30px;
}
.live{
    display: flex;
    color: #282828;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
}
.live >p{
    text-transform: uppercase;
}
.Live_dot {
    width: 10px;
    height: 10px;
    background-color: #3fcb00 !important;
    box-shadow: none !important;
    margin-right: 5px;
    display: block;
    border-radius: 50%;
}

.clr_lght{
    color: #282828;
}
.contest{
    background: #f6f7ff;
    padding: 5px 10px;
	margin-top: 10px;
    border-radius: 10px;
	border: 1px solid #dadbff;
}
.contest_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dadbff;
    padding-bottom: 5px;
}
.contest_mid{
    justify-content: flex-start; 
    margin-top: 5px;
}
.contest_mid >img{
    width: auto;
    height: 100px;
    margin-right: 10px;
    border-radius: 10px;
}
.font_sm{
    font-size: 18px;
    font-weight: 400;
}
.font_lg{
    font-size: 22px;
    font-weight: 600;
    color: #363aaf;
}

.contest_bottom{
    padding: 0;
    border: 0;
}
.contest_bottom >p{
    color: #282828;
}
.contest_bottom >p >span{
    font-weight: bold;
    margin-left: 5px;
	color: #363aaf;
}

.btn_green{
    background: #363aaf;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
    padding: 7px;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 5px;
	width: 30%;
}

.detail_scr{
    padding: 5px 10px;
}
ul{
    margin: 20px 0px;
}
.btn_full{
    width: 100%;
	height: 50px;
}

.question{
    display: flex;
    background: #f6f7ff;
    padding: 10px;
	border: 1px solid #dadbff;
	border-radius: 10px;
}
.clr_wht{
    color: #282828;
}
.num_ques{
    width: 20%;
	margin-right: 10px;
}
.ques{
    width: 80%;
}

.options {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.option {
    margin-bottom: 7px;
    border: 1px solid #dadbff;
    background-color: #f6f7ff;
    padding: 20px 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #282828;
    border-radius: 10px;
}
.right{
    background: #0DB25B;
    border: none;
}
.wrong{
    background: #FF6666;
    border: none;
}
.score{
    text-align: center;
    margin-top: 5px;
}
.scr_inf{
    background: #f6f7ff;
    border: 1px dashed #dadbff;
    padding: 20px;
	margin: 0;
    margin-top: 10px;
    border-radius: 5px;
}
.btns{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 10px;
}
.btn_lght{
    background: #2B2E69;
    margin-right: 5px;
}
.ldrbrd{
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #292b4c;
}
.usrnm{
    width: 50%;
}
.rnk{
    width:20%;
}
@media screen and (max-width: 600px){
    .s_left {
        width: 100%;
    }
    .s_right {
        display: none !important;
    }
}
@media screen and (max-width: 900px){
    .s_left {
        width: 100%;
    }
    .s_right {
        display: none !important;
    }
}



/* scroll bar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
	 border-radius: 6px;
}
::-webkit-scrollbar-thumb {
    background: #363aaf;
    border-radius: 6px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px #7375af;
	 border-radius: 6px;
}

.tme_start {
    font-size: 14px;
    color: #ff0066;
}

.s_left >p {
    color: #ffffff;
}

.header {
    height: 60px;
}

#qualify_img > div > img{
	width: 70% !important;
    height: auto !important;
    border-radius: 10px;
    margin-bottom: 10px;
}
nav {
    position: fixed;
    z-index: 9;
    max-width: 474px;
    background: #ffffff !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding-right: 5px;
}

.sidenav-trigger {
    display: block !important;
}

.logo_img {
    width: auto;
    height: 20px;
}

.hamburger{
    width: auto;
    height: 5px;
	filter: brightness(0);
}

.h_right {
    display: flex;
    align-items: center;
}

.wallet > p {
    font-size: 12px;
    font-weight: bold;
}
.noti_ic{
    display: flex;
}
.noti_ic > img{
    width: auto;
    height: 22px;
}
.h_left{
    display: flex;
    align-items: center;
}
.h_right {
    display: flex;
    align-items: center;
    width: 60%;
    justify-content: flex-end;
}
.wallet {
    display: flex;
    align-items: center;
    height: 35px;
    border-radius: 5px;
    margin: 0px 10px 0px 0px;
    justify-content: center;
    background: #f6f7ff;
    border: 1px dashed #363aaf;
    color: #282828;
	padding: 0px 10px;
}
.ldrbd{
    margin: 0;
}

.inner_page {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
}
.inner_page > a {
    margin-bottom: 30px;
    font-size: 14px;
    color: #223263;
    font-weight: bold;
}
.inner_page > a:hover {
    color: #363aaf;
}



.s_right >img {
    width: auto;
    height: 350px;
    margin-top: 20px;
}
.s_right >h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    margin-top: 10px;
    color: #223263;
}
.s_right >p {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    margin-top: 10px;
    color: #7A7DAF;
    letter-spacing: 1px;
    max-width: 80%;
}
.downl_app {
    font-size: 14px !important;
    text-transform: capitalize;
    color: #223263;
    margin-top: 30px;
}
.google_play {
    width: auto;
    height: 40px !important;
}

/* leaderboard */
.ldrbrd_top{
    background: #f6f7ff;
    height: 200px;
    margin-top: -10px;
    border-radius: 0px 0px 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
}
.ranks_tp{
    background: url(../images/rect1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100px;
    color: #ffffff;
    text-align: center;
	filter: brightness(10);
}
.ranks_tp >img{
    width: auto;
    height: 50px;
    background: #ffffff;
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 10px;
}
.ranks_tp >p{
	color: #282828;
	filter: brightness(0);
	font-size: 16px;
	font-weight: bold;
}
.flag{
    width: auto !important;
    height: 50px !important;
    background: none !important;
    border-radius:0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.ldr_ttl_top{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    color: #282828;
    align-items: center;
    border-radius: 10px;
}
.w_5_spc{
    width: 50% !important;
}
.ldr_rnk_bg{
    background: #f6f7ff;
    margin: 0px 5px;
    margin-bottom: 5px;
}
.ldr_rn_username{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
}
.usr_nm, .usr_nm_country{
    width: auto;
    height: 25px;
    background: #ffffff;
    padding: 2px;
    border-radius: 50%;
    margin-right: 5px;
}
.usr_nm_country{
    border-radius: 5px;
    margin-left: 10px;
    background: none;
    height: 30px;
}

.ldr_tp_rnk{
    display: flex;
    align-items: flex-end;
    align-content: space-between;
    justify-content: space-evenly;
}
.ldr_tbs{
    display: flex;
    justify-content: space-around;
}
.ldr_tbs >button{
    background: #171834;
    width: 25%;
    color: #ffffff;
    border: none;
    padding: 5px;
    border-radius: 5px;
}
.activ_btn{
    background: #00a2ff !important;
}
.ftr {
    background: #21234c;
    color: #CDD0FF !important;
    padding: 10px 20px;
    font-size: 12px;
    margin-top: 10px;
}
.disclmer {
    font-size: 9px;
    font-weight: 400;
    margin: 5px 0px;
}

.qualify {
    text-align: center;
	margin: 0px 10px;
}
.disclmer {
	color: #9a9bb5 !important;
}
.qualify > img {
    width: auto;
    height: 100px;
    margin-top: 10px;
}
.qualify > h2 {
    font-size: 14px;
    font-weight: 800;
    color: #282828;
	margin: 0;
}
.qualify > h3 {
    font-size: 14px;
    font-weight: 800;
    color: #CDD0FF;
	margin: 0;
	margin-top: 10px;
}
.qulfy {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 20px 0px;
}
.txt_ql >h2 {
    font-size: 16px;
    color: #282828;
	margin: 0;
}
.txt_ql > h3 {
    font-size: 18px;
    color: #363aaf;
	margin: 0;
}
.btn_main_green {
    background: #f6f7ff;
    border: none;
    font-size: 16px;
	font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    color: #282828;
    margin-top: 2px;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 10px;
	height: 50px;
	border: 1px solid #dadbff;
}

.lifeline {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.clkoff {
    background: #f6f7ff;
    border: 1px solid #dadbff;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    color: #282828;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    cursor: pointer;
}
.kbc_img >img{
	width: 100%;
	height: 150px;
	border-radius: 10px;
}
.kbc_img{
	text-align:center;
}
.nav2 {
    color: #ffffff;
    text-align: center;
    margin-bottom: 20px;
}
.q_section {
    background: #f6f7ff;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 5px;
}
.qsn2 {
    margin-bottom: 10PX;
}

.questn >h2 {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    color: #282828;
}
.quly2 >.qualify > h2 {
    font-size: 14px;
    background-color: #dadbff;
    color: #003F26;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px;
    border-radius: 5px;
}
.qualify > h3 {
    font-size: 18px;
    font-weight: 800;
    color: #363aaf;
}

.top_slide_predict {
    padding: 10px;
	color: #282828;
}

.t-c-head {
    color: #363aaf;
    font-weight: 600;
    font-size: 18px;
}

.qualify > img {
    width: auto;
    height: 100px;
	margin: 0;
    margin-top: 10px;
	
}
.coin_inf >h2 {
    font-size: 16px;
    font-weight: 800;
    color: #CDD0FF;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.you_bg{
	background: #5155cf;
}
.ldr_rnk_bg >p{
	width: 10%;
}
.top_you_bg{
	background: url(../images/you_bg.png);
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.btn_yello {
    background: #fed843 !important;
    color: #282828;
}
.btn_online >a >button {
    width: 100%;
	height: 50px;
}

.modal-overlay{
	background: none !important;
}
.aud_modal {
    position: absolute !important;
    min-width: 97% !important;
    border-radius: 20px !important;
    background: #ffffff;
    z-index: 999;
    margin-top: 10px;
}

.aud_modal > h2 {
    font-size: 18px;
    color: #363aaf;
    text-align: center;
    margin: 10px;
}
.m_div {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.p_data {
    width: 100%;
    font-size: 18px;
    color: #000000;
    text-align: center;
}
.p_text {
    width: 50%;
    font-size: 18px;
    color: #000000;
    text-align: center;
}
.p_text > p {
    margin: 0;
    margin-bottom: 22px;
    color: #000000;
}
.p_data > p {
    margin: 0;
    margin-bottom: 22px;
    color: #363aaf;
}

.cross_icon2 {
    display: flex;
    justify-content: right;
    padding: 5px;
}
.coin_inf >h2{
	font-size: 14px;
    font-weight: 800;
	color: #CDD0FF;
}
.right_active{
	background:#00c500;
}
.wrong_active{
	background:#ff4545;
}
.sponsored{
	text-align: center;
	margin:10px 0;
	color:#000000;
	font-size: 10px;
	font-family: "Work Sans", sans-serif !important;
}

.rnk_rght_22{
	width: 20% !important;
	text-align: right;
}
.g_ads{
	text-align:center;
	margin:10px 0;
	min-height:312px;
}
.logo_img_main{
	height: 20px;
}
.right_ans{
	background:#0fc50c !important;
	color: #ffffff !important;
}
.wrong_ans{
	background:#ff4444 !important;
	color: #ffffff !important;
}

.btn_main_green:focus{
	background: #f6f7ff;
}
.option:focus{
	background-color:#f6f7ff;
}
.play_contest:focus{
	background-color:#0DB25B;
}
.btn_green:focus{
	background-color:#363aaf;
}
.contact-info {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.contact-info-item {
    background: #f9f9f9;
    padding: 30px 0px;
}
.contact-info-text h2 {
    color: #282828;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
    margin-bottom: 5px;
}
.contact-info-text span {
    color: #999999;
    font-size: 16px;
    font-weight: ;
    display: inline-block;
    width: 100%;
}
.abt-txt h2 {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    display: flex;
    justify-content: center;
    margin: 0;
    line-height: 32px;
	color: #282828;
}
.top_slide_predict, .abt-txt p {
    font-size: 18px;
	line-height: 32px;
 
}
.quiz_desc{
	color: #282828;
    font-size: 16px;
    border-bottom: 1px solid #dadbff;
    padding: 10px 0px;
	line-height: 28px;
}


/* articles */
.artcl_pd{
	padding: 10px;
	margin-top: -10px;
}
.tlt, .article_bg{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px;
}
.tlt >h2{
	color: #282828;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	margin-top: 10px;
}
.tlt >a{
	color: #363aaf;
	font-size: 0.9rem;
	font-weight: bold;
	text-transform: uppercase;
	display: flex;
    align-items: center;
}
.tlt >a >img{
	width: auto;
    height: 15px;
    margin-left: 5px;
}
.content_art{
	/* max-width: 80%; */
	margin-right: 20px;
}
.content_art >h3{
	color: #282828;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	line-height: 22px;
}
.img_art > img{
	 border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 90px;
    aspect-ratio: 1/1;
    -o-object-position: center;
    object-position: center;
}

.article_bg{
	background: #f6f7ff;
    padding: 10px;
    margin-top: 5px;
    border-radius: 10px;
}

.content_art >p{
	color: #686868;
	font-size: 12px;
	font-weight: 400;
	margin: 0;
	line-height: 24px;
	margin-top: 5px;
}

.ar_hr{
	color: #4a4b77;
	margin-top: 14px;
}

.art_full{
	width: 100%;
	height: auto;
}
.art_full_de{
	padding: 10px;
	border-bottom: 1px solid #dadbff;
}
.art_full_de >h3{
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	margin: 10px 0px;
}
.art_full_de >p{
	color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0px;
    line-height: 30px;
}
.share >p{
	color: #9295dd;
    font-size: .8rem;
    font-weight: 500;
    margin: 0;
    line-height: 24px;
}
.share_icons{
	display: flex;
	gap: 10px;
}


/* update 05122023 */
.swiper-pagination {
    position: initial !important;
}
.gameslider {
    margin: 10px;
}
.gameslider >img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.slide_y {
    display: flex;
    overflow-y: auto;
}
.slide_y >a {
    margin: 5px;
    margin-right: 10px;
}
.category {
    display: grid;
    justify-items: center;
}
.category > img {
    width: 90px;
    height: 90px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px #335ef733 !important;
	border: 1px solid #c8cad7;
}

.category > h2 {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #282828;
	margin: 0;
	margin-top: 5px;
}
.category > p {
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    color: #a9a9a9;
	display: flex;
	align-items:center;
	margin-top: 5px;
}

.quiz_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.quiz_title > h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    color: #282828;
}
.games_all {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 20px;
}

.game {
    margin-bottom: 30px;
    cursor: pointer;
    transition: .2s ease-in-out 0s;
}
.game:hover {
    cursor: pointer;
    transform: scale(1.12);
}
.game > img {
    width: 70%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #363aaf3d;
}
.game > p {
    font-size: 14px;
    color: #282828;
    font-weight: 700;
	width: 90%;
}

.swiper-pagination-bullet{
	background: #363aaf !important;
}

.story {
    position: relative;
    color: #000000;
    border-radius: 20px;
    border: 1px solid #65668b;
    background: #1f2045;
    margin-bottom: 10px;
}

.story>img {
    width: 100%;
    height: auto;
    max-height: 350px;
	display: block;
    border-radius: 20px 20px 0px 0px;
    object-position: top;
    object-fit: fill;
}
.cap_feed {
    justify-content: space-around;
    cursor: pointer;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.caption {
    bottom: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 10px;
    margin: 10px 0px;
}

.cap_feed_btn {
    display: flex;
    align-items: center;
}
.cap_feed_btn > img {
    margin-right: 10px;
}




.foot-upp {
    background: #f6f7ff;
    padding: 10px;
    text-align: center;
    margin-top: 20px;
	margin-bottom: 70px;
}
.icon-footer {
    max-width: 100%;
    height: 25px;
    margin-top: 10px;
}
.foot-social {
    display: block;
    margin-top: 10px;
}
.foot-social img {
    max-width: 100%;
    max-height: 30px;
    cursor: pointer;
    margin-right: 10px;

}
.f-links p {
    margin-top: 10px;
}

.f-links p a {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 28px;
    font-size: 14px;
    color: #282828;
    margin: 0 18px;
    cursor: pointer;
    text-decoration: none;
}
.container2 > p {
    margin-top: 10px;
    color: #282828;
    font-size: 14px;
}
hr {
    margin: 10px 0px;
	border: 1px solid #dadbff;
}

.container2 > p >a {
    margin-top: 10px;
    color: #282828;
    text-decoration: none;
}

.cont_us{
	color: #363aaf !important;
	font-weight: bold;
}


.btm_nav {
    background: #ffffff;
    box-shadow: 0px -3px 6px #363aaf3d;
    position: fixed;
    bottom: 0;
    width: 480px;
    z-index: 9;
    height: 70px;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.btm_nav >a {
    display: grid;
    justify-items: center;
    width: 100%;
    text-align: center;
    filter: grayscale(1);
    opacity: 0.7;
}
.btm_nav > a > p {
    font-size: 12px;
    font-weight: 600;
    color: #282828;
    margin-top: -5px;
}

.btm_nav >a >img{
	width: auto;
	height: 25px;
	margin-bottom: 10px;
}
.btm_active>p {
    color: #363aaf !important;
}

@media screen and (max-width: 600px){
	.btm_nav {
		width: 100%;
	}
}



.rank_dis{
	margin: 10px;
}

.tabs{
	border-radius: 10px;
	margin-top: 10px;
	border: 1px solid #dadbff;
}
.tabs .tab a:hover {
    color: #363aaf !important;
    font-weight: bold;
    position: relative;
    z-index: 999999;
}
.tabs .tab a.active {
    color: #ffffff !important;
}
.tabs .tab a:hover, .tabs .tab a.active {
    font-weight: bold;
    position: relative;
    z-index: 1;
}
.tabs .tab{
    color: #363aaf !important;
	font-weight: bold;
	background: #f6f7ff !important;
}
.tabs .tab a {
    color: #363aaf !important;
	font-weight: bold;
}

.tabs .indicator {
    background-color: #363aaf !important;
	height: 50px;
	width: 50%;
}

.btm_active{
	filter: none !important;
    opacity: 1 !important;
}

.allstories{
	padding: 0px 10px;
}

.blck >h3{
	color: #282828;
}
.blck >p{
	color: #282828;
}


.d_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.title {
    font-size: 18px;
    font-weight: 700;
    color: #171834;
    margin: 0;
}
.see_all {
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.see_all >img {
    width: auto;
    height: 15px;
}

.main_body_area {
    padding: 0px 10px;
	margin-top:10px;
}

.user_played{
	width: 10px;
	height: 10px;
	margin-right: 5px;
}

.cookie_cns{
	background: #fff;
    padding: 5px;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    z-index: 9999;
	box-shadow: 0 0 16px #000000;
}
.cookie_cont{
	text-align: left;
	margin-bottom: 10px;
}
.cookie_cont > h2{
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #282828;
	text-align: center;
}
.cookie_cont > p{
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #282828;
}
.cookie_cont > p > a{
	margin-left: 5px;
}
.acpt_cookie{
	background: #00c50f;
	border: 1px solid #00c50f;
	padding: 5px 40px;
	color: #ffffff;
	border-radius: 10px;
	cursor: pointer;
}
#cookieNotice{
		justify-content: center;
		align-items: center;
		width: 100%;
}

.swiper-slide {
	text-align: center;
}

.mt_70{
	margin-top: 80px;
}

.category_all {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.category_all > a {
    width: 33%;
	margin-bottom: 20px; 
}

nav a {
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.d_button {
    width: auto;
    height: 15px !important;
}
.logo_w {
    width: 100%;
}
.logo_w >p {
    color: #171834;
}

.quiz_desc2 {
    color: #a9a9a9;
    font-size: 12px;
	font-weight: 400;
    /* border-bottom: 1px solid #dadbff; */
    padding: 10px 0px;
    line-height: 28px;
	margin-bottom: 10px;
}

.quiz_inff {
    background: #001428;
    margin-top: -20px;
    padding: 15px;
}
.quiz_ic_btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}
.q_inf_more {
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #636363;
    margin-top: 20px;
    align-items: center;
}
.quiz_ic_btn >img {
    width: auto;
    height: 100px;
    border-radius: 10px;
}
.quiz_nm223 {
    margin-left: 20px;
}
.q_name {
    margin: 0;
    color: #ffffff;
    margin-bottom: 10px;
}
.btn_inf_pl {
    padding: 10px 20px;
    width: 100%;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background: linear-gradient(#10ff00, #008b06);
    color: #ffffff;
    border: 1px solid #89ff00;
	cursor: pointer;
}
.btn_inf_pl:focus {
	background: linear-gradient(#008b06, #10ff00);
}
.q_inf_more >div >p {
    font-size: 10px;
    font-weight: 400;
    color: #c6c6c6;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.q_inf_more >div >h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.l_ttl {
    font-size: 18px;
    font-weight: bold;
}

.pd_none{
	padding: 0 !important;
}
.mt_10{
	margin-top: 10px;
}

.category2 >img{
	width: 50px;
	height: 50px;
}

.quiz_description{
	color: #ffffff;
    font-size: 12px;
    margin: 10px 0px;
    font-weight: 300;
	border-bottom: 1px solid #595959;
	border-top: 1px solid #595959;
	padding: 10px 0px;
}
.btn_darkblue {
    background: #001c39;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    width: fit-content;
    border-radius: 5px;
}
.mrgn_some{
	margin:10px 0;
}
.icon_cicle{
	border-radius:50% !important;
	width:50px !important;
	height:50px !important;
}
.new_title{
	font-size:22px;
	margin:20px 0;
}
.wid70{
	width:90%;
}
.bnr2{
	margin:40px 0;
	width:100%;
	height:140px;
	border-radius:10px;
}
.opt_img{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.opt_img > button{
	width:49%;
}
.opt_img > button > img{
	width: auto;
    height: 100px;
}
#myVideo{
	width:100%;
	height:auto;
	border-radius:10px;
}