*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

body{
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        font-family: 'Roboto', sans-serif !important;

    }
    body::-webkit-scrollbar{display: none;	}
    h1,h2,h3,h4,h5,h6{font-weight:bold;}
    a{text-decoration: none;}
    ul{padding-left: 0;}
    ul li{list-style: none;}


    /* Margin */
    .mt-50{margin-top: 50px;}
    .mt-60{margin-top: 60px;}
    .mt-70{margin-top: 70px;}
    .mt-80{margin-top: 80px;}
    .mt-90{margin-top: 90px;}
    .mt-100{margin-top: 100px;}

    .mb-50{margin-bottom: 50px;}
    .mb-60{margin-bottom: 60px;}
    .mb-70{margin-bottom: 70px;}
    .mb-80{margin-bottom: 80px;}
    .mb-90{margin-bottom: 90px;}
    .mb-100{margin-bottom: 100px;}

    .mr-50{margin-right: 50px;}
    .mr-60{margin-right: 60px;}
    .mr-70{margin-right: 70px;}
    .mr-80{margin-right: 80px;}
    .mr-90{margin-right: 90px;}
    .mr-100{margin-right: 100px;}

    .ml-50{margin-left: 50px;}
    .ml-60{margin-left: 60px;}
    .ml-70{margin-left: 70px;}
    .ml-80{margin-left: 80px;}
    .ml-90{margin-left: 90px;}
    .ml-100{margin-left: 100px;}

    /* Padding */
    .pt-50{padding-top: 50px;}
    .pt-60{padding-top: 60px;}
    .pt-70{padding-top: 70px;}
    .pt-80{padding-top: 80px;}
    .pt-90{padding-top: 90px;}
    .pt-100{padding-top: 100px;}

    .pr-50{padding-right: 50px;}
    .pr-60{padding-right: 60px;}
    .pr-70{padding-right: 70px;}
    .pr-80{padding-right: 80px;}
    .pr-90{padding-right: 90px;}
    .pr-100{padding-right: 100px;}

    .pb-50{padding-bottom: 50px;}
    .pb-60{padding-bottom: 60px;}
    .pb-70{padding-bottom: 70px;}
    .pb-80{padding-bottom: 80px;}
    .pb-90{padding-bottom: 90px;}
    .pb-100{padding-bottom: 100px;}

    .pl-50{padding-left: 50px;}
    .pl-60{padding-left: 60px;}
    .pl-70{padding-left: 70px;}
    .pl-80{padding-left: 80px;}
    .pl-90{padding-left: 90px;}
    .pl-100{padding-left: 100px;}

    .maindiv{height: 100vh;}
    .maindiv .border-right{border-right: 10px solid #e0e0e0;}
    @media (max-width: 767px){
    	.maindiv .col-12{border-right: none;}
    }

    /* Rightarea */
    .rightarea{
    	background: url('../img/bg/global-bg-rays.svg');
    	background-size: cover;
    	background-attachment: fixed;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	text-align: center;
    	/* border-left: 10px solid #f1f1f1; */
    	height: 100%;
    }
    .rightarea .innerdiv{
        position: fixed;
        /*top: 21%;*/
        top:25%;
        
    }
    .rightarea h2{
    	font-size: 32px;
    	font-family: "Roboto Condensed";
    	font-weight: 400;
    	margin-top: 30px;
    }
    .rightarea h2 b{font-weight: 900;font-family: 'Roboto', sans-serif;}

    .rightarea img{
    	width: 300px;
    }


    /* Login & Signup Page */
    .login-area {
        background-image: url('../img/bg/login-bg.webp'); 
        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
        height: 100%;
        margin: 0;
        height: 100vh;
        border-right: 10px solid #ccc;
    }
    .loginbox{
        width: 100%;
        height: 100%;
        margin-top:40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .login-container {
        background-color: rgb(54 53 53 / 40%); 
        padding: 20px;
        border-radius: 0px;
        width: 300px;
        margin-bottom: 20px;
    }
    .signup-title{
        font-size: 22px;
        text-align: center;
        font-weight: 700;
	}
  .submit-btn{
    width: 100%;
    height: 45px;
    border-radius: 5px;
    margin-top: 10px;
    background: var(--primary-color);
    border: none;
    outline: none;
    box-shadow: none;
    color: #fff;
	}
	.input-group input{
	    font-size: 14px;
	    height: 45px;
	}
	.input-group-text{
	    background-color: #e9ecef;
	    color: #495057;
	}
	.bottomtext{
	    color:white;
	    margin-left:50px;
	    margin-right:30px
	}

	/* Main Homepage */
	.reddiv{
		background-color: var(--primary-color);
		text-align: center;
		padding: 6px 0;
		border-radius: 4px;
	}
	.reddiv p{
		font-size: 12px;
		color: #fff;
		margin-bottom: 0;
	}

	.homepage .gamediv{
		padding: 18px 4px;
		border-bottom: 1px solid #ededed;
	}
	.homepage .gamediv .kycbtn{
	    font-size:12px;
	    float:right;
	    padding: 3px 6px;
	    margin-top: -5px;
	    color: #ffc107;
	}
	.homepage .gamediv .kycbtn:hover{background: #ffc107;color: #fff;}
	.homepage .blinktext{
		animation: blink 1s infinite;
		text-align: center;
		font-size: 12px;
	}

	@keyframes blink{
	    0%{opacity:1}
	    75%{opacity:1}
	    76%{opacity:0}
	    to{opacity:0}
	}

	.homepage .gamediv .ludoimg{
		box-shadow: 0 0 10px 0px #0000004a;
		border-radius: 5px;
	}
	.homepage .gamediv .ludoimg img{width: 100%;}

	.homepage .footerdiv{border-bottom: 1px solid #ededed;padding: 22px 12px;}
	.homepage .footerdiv .logofooter img{
		width: 80px;
	}
	.homepage .footerdiv .uldiv ul li{
		margin-bottom: 10px;
	}
	.homepage .footerdiv .uldiv ul li a{
		color: #a7a7a7;
		font-size: 14px;
	}

	.homepage .footercontent .footercontent-box{
		margin-bottom: 20px;
	}
	.homepage .footercontent .footercontent-box h6{
		margin-bottom: 26px;
		font-size: 13px;
		color: #959595;
	}
	.homepage .footercontent .footercontent-box p{
		margin-bottom: 26px;
		font-weight: 400;
		color: #959595;
		font-size: 11px;
	}

	/* Profile Page */

	.profilepage .profilediv{background-color: rgb(250, 250, 250);border-bottom: 10px solid #f1f1f1;}
	.profilepage .profilediv .profilebox{
		text-align: center;

	}
	.profilepage .profilediv .profilebox .profileimg{
		width: 80px;
		height: 80px;
		border-radius: 50%;
	}
	.profilepage .profilediv .profilebox .mobile{
		color: #959595;
		font-size: 12px;
		margin-top: 5px;
		display: block;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.profilepage .profilediv .profilebox .name{
		font-size: 16px;
		color: #2c2c2c;
		font-weight: 900;
		max-width: 35%;
		display:inline-block;
	}
	.profilepage .profilediv .profilebox .name input{
	    border:none;
	    font-weight: 900;
	    width: 100%;
	    text-align: center;
	}
	.profilepage .profilediv .profilebox .name input:focus-visible{
	    outline: 1px solid #aaa;
	    font-weight: 900;
	    padding: 2px 8px;
	    border-radius: 4px;
	    width: 100%;
	}
	.profilepage .profilediv .profilebox .edit-icon{
		background-color: #4b85c5;
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 17px;
		border-radius: 50%;
		margin-left: 6px;
		font-size: 16px;
		text-align: center;
	}
	.profilepage .profilediv .profilebox .edit-icon i{
		color: #fff;
		font-size: 8px;
	}
	.profilepage .profilediv .profilebox .wallet{
		border:  1px solid #e0e0e0;
		border-radius: 5px;
		height: 70px;
		padding-left: 25px;
		text-align: left;
		display: flex;
		align-items: center;
		margin: 17px 4px;
	}
	.profilepage .profilediv .profilebox .wallet span{
		color: #6c757d;
	}
	.profilepage .profilediv .profilebox .wallet span i{
		margin-right: 48px;
		font-size: 30px;
	}
	.profilepage .complete-profile{
		margin-top: 15px;
		padding: 4px;
	}
	.profilepage .complete-profile h6{color: #2c2c2c;}
	.profilepage .complete-profile .profilebox{
		border-bottom: 10px solid #f1f1f1;
		padding: 0 4px;
	}
	.profilepage .complete-profile .wallet{
		border:  1px solid #e0e0e0;
		border-radius: 5px;
		height: 70px;
		padding-left: 25px;
		text-align: left;
		display: flex;
		align-items: center;
		background-color: #f8f9fa;
	}

	.profilepage  .complete-profile .profilebox .wallet span{
		color: #6c757d;
	}
	.profilepage .complete-profile .profilebox .wallet span img{
		margin-right: 48px;
		width: 30px;
	}
	.profilepage .complete-profile a.hoverbox:hover{
		background-color: #545b62!important;
	}

	.profilepage .lastdiv{
		margin-top: 10px;
	}
	.profilepage .lastdiv .profilebox{
		border-bottom: 10px solid #f1f1f1;
	}
	.profilepage .lastdiv .wallet{
		height: 70px;
		padding-left: 6px;
		text-align: left;
		display: flex;
		align-items: center;
	}

	.profilepage  .lastdiv .profilebox .wallet span{
		color: #959595;
		font-size: 13px;
	}
	.profilepage .lastdiv .profilebox .wallet span img{
		margin-right: 24px;
		width: 32px;
	}
	
	.profilepage  .lastdiv .profilebox .wallet .amount{
		font-size: 16px;
		color: #2c2c2c;
		font-weight: 600;
		display: block;
	}
	.profilepage  .lastdiv .profilebox .wallet .amount img{
		width: 20px;
		margin-right: 6px;
	}	

	.profilepage .logoutdiv{
		margin-top: 20px;
	}
	.profilepage .logoutdiv .profilebox{
	}
	.profilepage .logoutdiv .wallet{
		height: 70px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.profilepage  .logoutdiv .profilebox .wallet span{
		color: #6c757d;
		font-weight: 600;
	}


	/* Wallet */
	.walletpage .walletdiv{
		
	}
	.walletpage .walletdiv .orderhistory-div{
		margin: 0 12px;
	}

	.walletpage .walletdiv .orderhistory-div .wallet{
		border:  1px solid #e0e0e0;
		border-radius: 5px;
		height: 70px;
		padding-left: 24px;
		text-align: left;
		display: flex;
		align-items: center;
		background: #fff;
	}
	.walletpage .walletdiv .orderhistory-div .wallet span{
		color: #6c757d;
	}
	.walletpage .walletdiv .orderhistory-div .wallet span i{
		margin-right: 48px;
		font-size: 16px;
		color: #007bff;
	}

	.walletpage .walletdiv .carddiv{
		background: url('../img/bg/card-img-bg.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: left;
		height: 209px;
		border-radius: 10px;
		padding: 20px;
		max-width: 480px;
		margin: 0 10px;
	}

	.walletpage .walletdiv .carddiv  p{
		color: #bfd3ff;
		margin-top: 50px;
		font-size: 14px;
	}
	.walletpage .walletdiv .carddiv span img{
		width: 26px;
	}
	.walletpage .walletdiv .carddiv span{
		font-size: 20px;
		font-weight: 700;
		color: #fff;
	}
	.walletpage .walletdiv .carddiv .addnew-btn{
		height: 30px;
	    width: 120px;
	    border-radius: 3px;
	    font-size: 10px;
	    display: inline-block;
	    text-align: center;
	    float: right;
	    font-size: 12px;
	    font-weight: 700;
	    padding: 6px 10px;
	    border: 1px solid #fff;
	    color: #fff;
	    background-color: transparent;
	    margin-top: 10px;
	}
	.walletpage .walletdiv .carddiv .deposit-text{
		display: block;
		font-size: 14px;
		font-weight: 600;
	}

	/* ADD MONEY PAGE */

	.addmoney-page .newsdiv{
		padding: 8px 12px 0 12px;
	}
	.addmoney-page .newsdiv p{
		color: red;
	}
	.addmoney-page .amount-input{
		padding: 2px 12px 8px 12px;
		position: relative;
	}
	.addmoney-page .amount-input .inputdiv label{
		color: #676767;
		font-size: 16px;
		display: block;
		font-weight: 400;
	}
	.addmoney-page .amount-input .inputdiv i{
		font-size: 13px;
		position: absolute;
		top: 36%;
		margin-right: 20px;
	}
	.addmoney-page .amount-input .inputdiv input{
		color: #000;
		font-size: 26px;
		padding-left: 16px;
		font-weight: 600;
		margin-top: -6px;
		border: none;
		border-bottom: 1px solid #959595;
		padding-bottom: 8px;
	}
	.addmoney-page .amount-input .inputdiv input:focus{
		outline: none;
		border: none;
		border-bottom: 1px solid #959595;
	}
	.addmoney-page .amount-input .inputdiv span{
		color: #676767;
		font-size: 12px;
		display: block;
		margin-top: 3px;
	}

	.addmoney-page .amountbox{
		padding: 8px 12px;
		margin-top: 6px;
	}

	.addmoney-page .amount{
		padding: 15px 20px;
	}
	.addmoney-page .amountbox span i{
		color: #676767;
		font-weight: 600;
		font-size: 13px;
	}
	.addmoney-page .amountbox .amount p{
		color: #676767;
		font-weight: 600;
	}
	.addmoney-page .paybtn{
		position: fixed;
		bottom: 0;
		left: 0;
		display: block;
		max-width: 469px;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 14px;
		background-color: #fafafa;
		border-top: 1px solid #e0e0e0;
	}
	.addmoney-page .paybtn a{
		border: none;
	    border-radius: 5px;
	    font-size: 16px;
	    margin:  0 auto;
	    text-align: center;
	    line-height: 48px;
	    font-weight: 700;
	    height: 48px;
	    padding: 0 22px;
	    color: #fff;
	    max-width: 480px;
	    display: block;
	    width: 84%;
	    text-transform: uppercase;
	    z-index: 3;
	    background-color: #6c757d;
	}
	.addmoney-page .paybtn a:hover{
		background-color: #545b62!important;
	}
	
	@media (min-width: 768px){
        .addmoney-page .paybtn{max-width: 40.4%;}
    }
    @media (min-width: 1024px){
        .addmoney-page .paybtn{max-width: 32.7%;}
    }

	/* KYC PAGE */
	.kyc-page .complete-profile{
		margin-top: 20px;
	}
	/* .kyc-page .complete-profile .profilebox{
		border-bottom: 10px solid #f1f1f1;
	} */
	.kyc-page .complete-profile .wallet{
		border:  1px solid #e0e0e0;
		border-radius: 5px;
		height: 70px;
		padding-left: 25px;
		text-align: left;
		display: flex;
		align-items: center;
		background-color: #f8f9fa;
	}

	.kyc-page  .complete-profile .profilebox .wallet span{
		color: #6c757d;
	}
	.kyc-page .complete-profile .profilebox .wallet span img{
		margin-right: 48px;
		width: 30px;
	}

	/* Support Page */

	.support-page .supportdiv{
		margin-top: ;
		text-align: center;
	}
	.support-page .supportdiv .support-content{margin-top: 55px;}
	.support-page .supportdiv .supportimg{
		width: 280px;
		margin-bottom: 24px;
	}
	.support-page .supportdiv .whatsapp-link{
		font-weight: 600;
		color: #007bff;
	}
	.support-page .supportdiv p{font-weight: 600;}


	/* Refer Page */

	.refer-page .referdiv{
		text-align: center;
	}
	/* .refer-page .referdiv .refer-content{margin-top: 55px;} */
	.refer-page .referdiv .referimg{
		width: 226px;
		margin-bottom: 4px;
	}
	.refer-page .referdiv{border-bottom: 10px solid #f1f1f1;}
	.refer-page .referdiv h3{
		font-size: 24px;
		margin-bottom: 2px;
	}
	.refer-page .referdiv .edit-icon{
		background-color: #4b85c5;
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 17px;
		border-radius: 50%;
		margin-left: 6px;
		font-size: 16px;
		text-align: center;
	}
	.refer-page .referdiv .edit-icon i{
		color: #fff;
		font-size: 8px;
	}

	.refer-page .rulesdiv{
		padding: 24px 4px;
	}
	.refer-page .rulesdiv h6{
		font-size: 17px;
		font-weight: 900;
		color: #2c2c2c;
	}
	.refer-page .rulesdiv .imgdiv{
		text-align: center;
		width: 82px;
	}
	.refer-page .rulesdiv .rules-content{
		margin: 10px 30px 0 0;
	}
	.refer-page .rulesdiv .rules-content p{
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 10px;
		color: #2c2c2c;
	}
	.refer-page .rulesdiv .rules-content .greentext{
		font-size: 12px;
		color: #0db25b;
		font-weight: 500;
	}

	.refer-page .sharediv{
		position: fixed;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 14px;
		background-color: #fafafa;
		border-top: 1px solid #e0e0e0;
		text-align: center;
		max-width: 470px;
	}
	.refer-page .sharediv .sharebtn{
		border: none;
	    border-radius: 5px;
	    font-size: 16px;
	    margin:  0 auto;
	    text-align: center;
	    line-height: 48px;
	    font-weight: 700;
	    height: 48px;
	    padding: 0 22px;
	    color: #fff;
	    font-weight: 900;
	    max-width: 380px;
	    display: inline-block;
	    width: 71%;
	    text-transform: uppercase;
	    z-index: 3;
	    background-color: #01002e;
	}
	.refer-page .sharediv .sharebtn:hover{
		background-color: #545b62!important;
	}
	.refer-page .sharediv .copy-icon{
		width: 40px;
		height: 40px;
		text-align: center;
		display: inline-block;
		border: 1px solid #c7c7c7;
		border-radius: 4px;
		line-height: 40px;
		margin-left: 6px;
	}
	.refer-page .sharediv .copy-icon i{
		color: #007bff;
	}
    
    @media (min-width: 768px){
        .refer-page .sharediv{max-width: 40.5%;}
    }
    @media (min-width: 1024px){
        .refer-page .sharediv{max-width: 32.5%;}
    }
    
    
	/* Game History Page */
	.history-page .transaction-div {
		margin-top: 30px;
	}
	.history-page .transaction-div .datetime{border-right: 1px solid #f1f1f1;}
	.history-page .transaction-div .datetime p{
		color: #959595;
		font-size: 16px;
		font-weight: 500;
	}
	.history-page .transaction-div .datetime span{
		color: #959595;
		font-size: 14px;
	}
	.history-page .transaction-div .contentdiv{padding-left: 10px;}
	.history-page .transaction-div .contentdiv p{font-size: 14px;font-weight: 500;}
	.history-page .transaction-div .contentdiv .order-id{font-size: 12px;color: #959595;margin-top: 10px;}
	.history-page .transaction-div .amountdiv{display: flex;justify-content: space-between;}
	.history-page .transaction-div .amountdiv span{font-size: 12px;font-weight: 900;}
	.history-page .transaction-div .amountdiv span i{
		font-size: 10px;
	}
	.history-page .transaction-div .amountdiv .moneyimg{
		width: 20px;
	}
	.history-page .transaction-div .amountdiv .amounttext{font-size: 14px;}

	.history-page .pagination .uldiv{
		padding-left: 0;
		display: inline-block;
		text-align: center;
		margin: 0 auto;
	}
	.history-page .pagination .uldiv li{
		display: inline-block;
		transition: .5s all;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		cursor: pointer;
	}
	.history-page .pagination .uldiv li.active{
		background: #ff1272;
		border-radius: 50%;
		
	}
	.history-page .pagination .uldiv li:hover{
		background: #ff1272;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
	}
	.history-page .pagination .uldiv li.active a{
		color: #fff;
	}
	.history-page .pagination .uldiv li a{
		color: #2c2c2c;
		font-size: 14px;
	}
	.history-page .pagination .uldiv li:hover a{color: #fff;}

	/* Challenges-Rich Page */
	.reddiv-second{
		background-color: var(--primary-color);
		text-align: center;
		padding: 6px 14px;
		border-radius: 4px;
	}
	.reddiv-second p{
		font-size: 12px;
		color: #fff;
		margin-bottom: 0;
	}

	.challenges-page .amountrow{
		border-bottom: 10px solid #f1f1f1;
	}
	.challenges-page .amountrow span{
		color: #959595;
		text-align: center;
		font-size: 12px;
		font-weight: 600;
		display: block;
		margin-top: 5px;
	}
	.challenges-page .amountrow .inputdiv{
		margin-top: 3px;
		text-align: center;
	}
	.challenges-page .amountrow .inputdiv input{
		font-size: 16px;
		display: inline-block;
		width: 32%;
		color: #495057;
		border: 1px solid #ced4da;
	}
	.challenges-page .amountrow .inputdiv a{
		display: inline-block;
		background-color: #01002e;
		height: 38px;
		line-height: 38px;
		font-weight: 600;
		padding: 0 22px;
		font-size: 11px;
		color: #fff;
	}
	.challenges-page .battles-div .trophy-icon{
		background-color: #4c3fb5;
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 17px;
		border-radius: 50%;
		font-size: 16px;
		text-align: center;	
		margin-right: 4px;
	}
	.challenges-page .battles-div .trophy-icon i{
		color: #fff;
		font-size: 10px;
	}

	.challenges-page .battles-div {
		/* padding: 10px 11px; */
	}
	.challenges-page .battles-div .open-head{
		font-size: 16px;
		margin: 16px 11px 10px;
	}
	.challenges-page .battles-div h6 .rules{
		text-align: right;
		float: right;
		font-size: 12px;
		margin-top: 5px;
	}
	.challenges-page .battles-div .row{border-bottom: 10px solid #f1f1f1;}

	.challenges-page .playbox{
		/* border: 1px solid #f5e3ff; */
		box-shadow: 0 0 3px 0 #cfcfcf;
		margin: 0 11px 15px;
	}

	.challenges-page .playbox h6{
		border-bottom: 1px solid #f5e3ff;
		font-size: 11px;
		padding: 6px 0 6px 16px;
		height: 30px;
	}
	.challenges-page .playbox h6 .username{
		color: #072c92;
	}
	.challenges-page .playbox .flexdiv{
		display: flex;
		padding-left: 16px;
		padding-bottom: 5px;
	}
	.challenges-page .playbox .flexdiv .title{
		font-size: 10px;
		color: #dfa8ff;
		display: block;
	}
	.challenges-page .playbox .flexdiv img{
		width: 20px;
	}
	.challenges-page .playbox .flexdiv .amount{
		font-size: 14px;
		font-weight: 600;
	}
	.challenges-page .playbox .flexdiv .playbtn{
		width: 70px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		margin-right: 20px;
		display: inline-block;
		color: #fff;
		/* padding: 0 22px; */
		border-radius: 5px;
		border:none;
		font-size: 11px;
		font-weight: 600;
		background-color: #6c757d!important;
	}


	
	.challenges-page .rulebox .playing-head{
		padding: 2px 16px;
	}
	.challenges-page .rulebox .playing-head .money-img{
	    display:inline-block;
	    padding-top:2px;
	}
	.challenges-page .rulebox .playing-head img{
		width: 20px;
	}
	.challenges-page .rulebox .span-second{
		float: right;
	}
	.challenges-page .rulebox .playing-head .btndiv{
	    float:right;
	}
	.challenges-page .rulebox .playing-head .btndiv a{
	        color: #fff;
            display: inline-block;
            width: 50px;
            padding: 5px 0px;
            border-radius: 4px;
            text-align: center;
            font-size: 10px;
            margin: 0 4px;
        }
	
	.challenges-page .rulebox{
		/* border: 1px solid #f5e3ff; */
		box-shadow: 0 0 3px 0 #cfcfcf;
		margin: 0 11px 15px;
	}

	.challenges-page .rulebox h6{
		border-bottom: 1px solid #f5e3ff;
		font-size: 11px;
		padding: 6px 0 6px 16px;
		height: 30px;
	}
	.challenges-page .rulebox h6 .username{
		color: #072c92;
	}
	.challenges-page .rulebox .flexdiv{
		display: flex;
		align-items: center;
		padding-left: 16px;
		padding-bottom: 5px;
	}
	.challenges-page .rulebox .flexdiv .box{width: 33%;text-align: center;}
	.challenges-page .rulebox .flexdiv .vs{
		
		display: block;
	}
	.challenges-page .rulebox .flexdiv img{
		width: 20px;
		margin:  0 auto;
	}
	.challenges-page .rulebox .flexdiv .box .username{
		font-size: 10px;
		display: block;
		margin-top: 4px;
	}

	/* Game Rules */

	.gamerules-page .headdiv{
		padding: 25px 12px;
		margin-bottom: 8px;
	}
	.gamerules-page .headdiv .trophy-icon{
		background-color: #4c3fb5;
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 17px;
		border-radius: 50%;
		font-size: 16px;
		text-align: center;	
		margin-right: 4px;
	}
	.gamerules-page .headdiv .trophy-icon i{
		color: #fff;
		font-size: 10px;
	}
	.gamerules-page .row{
		border-bottom:  1px solid #0000001a;
	}

	.gamerules-page .rules-content{
		padding: 20px 4px 20px 17px;
		margin-top: 20px;
	}
	.gamerules-page .rules-content ol li{margin-bottom: 5px;}


	/* About US Page */
	.about-page .about-content{padding: 6px 10px 6px 4px;}
	.about-page .about-content .content-box{
		margin-bottom: 20px;
	}
	.about-page .about-content .content-box h6{
		margin-bottom: 26px;
		font-size: 13px;
		color: #959595;
	}
	.about-page .about-content .content-box p{
		margin-bottom: 26px;
		font-weight: 400;
		color: #959595;
		font-size: 11px;
	}

	/* Platform Page */

	.platform-page .headdiv{
		padding: 25px 12px;
		margin-bottom: 8px;
	}
	.platform-page .headdiv .trophy-icon{
		background-color: #4c3fb5;
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 17px;
		border-radius: 50%;
		font-size: 16px;
		text-align: center;	
		margin-right: 4px;
	}
	.platform-page .headdiv .trophy-icon i{
		color: #fff;
		font-size: 10px;
	}
	.platform-page .row{
		border-bottom:  1px solid #0000001a;
	}

	.platform-page .platform-content{
		padding: 34px 24px 20px 24px;
		margin-top: 20px;
	}
	.platform-page .platform-content h4{font-size: 24px;font-weight: 600;}
	.platform-page .platform-content ul{
		padding-left: revert;
	}
	.platform-page .platform-content ul li{margin-bottom: 5px;list-style-type: disc;}

	/* Contact Page */

	.contact-page .headdiv{
		padding: 25px 12px;
		margin-bottom: 8px;
	}
	.contact-page .headdiv .trophy-icon{
		background-color: #4c3fb5;
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 17px;
		border-radius: 50%;
		font-size: 16px;
		text-align: center;	
		margin-right: 4px;
	}
	.contact-page .headdiv .trophy-icon i{
		color: #fff;
		font-size: 10px;
	}
	.contact-page .row{
		border-bottom:  1px solid #0000001a;
	}

	.contact-page .contact-content{
		padding: 16px 20px 0px 8px;
		margin-top: 20px;
	}
	.contact-page .contact-content h6{font-size: 20px;font-weight: 600;color: #212529;}

	.contact-page .contact-detail{
		margin-bottom: 8px;
	}
	.contact-page .contact-detail p{
		color: #212529;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.contact-page .contact-detail .iconspan{
		background-color: #0c004c;
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		font-size: 16px;
		text-align: center;	
		margin-right: 4px;
	}
	.contact-page .contact-detail .iconspan i{
		color: #fff;
		font-size: 14px;
	}
	.contact-page .contact-detail a{
		font-weight: 500;
	}

	/* Privacy Policy Page */

	.privacy-page .headdiv{
		padding: 25px 12px;
		margin-bottom: 8px;
	}
	.privacy-page .headdiv .trophy-icon{
		background-color: #4c3fb5;
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 17px;
		border-radius: 50%;
		font-size: 16px;
		text-align: center;	
		margin-right: 4px;
	}
	.privacy-page .headdiv .trophy-icon i{
		color: #fff;
		font-size: 10px;
	}
	.privacy-page .row{
		border-bottom:  1px solid #0000001a;
	}

	.privacy-page .privacy-content{
		padding: 16px 6px 0px 8px;
		margin-top: 20px;
	}
	.privacy-page .privacy-content h4{font-size: 24px;font-weight: 600;color: #212529;}

	.privacy-page .privacy-detail{
		margin-bottom: 8px;
	}
	.privacy-page .privacy-detail p{
		color: #212529;
		font-weight: 600;
		margin-bottom: 20px;
	}
	

	/* Terms Page */

	.terms-page .headdiv{
		padding: 25px 12px;
		margin-bottom: 8px;
	}
	.privacy-page .headdiv .trophy-icon{
		background-color: #4c3fb5;
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 17px;
		border-radius: 50%;
		font-size: 16px;
		text-align: center;	
		margin-right: 4px;
	}
	.terms-page .headdiv .trophy-icon i{
		color: #fff;
		font-size: 10px;
	}
	.terms-page .row{
		border-bottom:  1px solid #0000001a;
	}

	.terms-page .terms-content{
		padding: 16px 6px 0px 8px;
		margin-top: 20px;
	}
	.terms-page .terms-content h4{font-size: 24px;font-weight: 600;color: #212529;}
	.terms-page .terms-content ul{padding-left: revert;}
	.terms-page .terms-content ul li{list-style-type: disc;}



	/* Refund Page */

	.refund-page .headdiv{
		padding: 25px 12px;
		margin-bottom: 8px;
	}
	.refund-page .headdiv .trophy-icon{
		background-color: #4c3fb5;
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 17px;
		border-radius: 50%;
		font-size: 16px;
		text-align: center;	
		margin-right: 4px;
	}
	.refund-page .headdiv .trophy-icon i{
		color: #fff;
		font-size: 10px;
	}
	.refund-page .row{
		border-bottom:  1px solid #0000001a;
	}

	.refund-page .refund-content{
		padding: 16px 8px 0px 8px;
		margin-top: 20px;
	}
	.refund-page .refund-content h4{font-size: 24px;font-weight: 600;color: #212529;}



	/* Responsible Page */

	.responsible-page .headdiv{
		padding: 25px 12px;
		margin-bottom: 8px;
	}
	.responsible-page .headdiv .trophy-icon{
		background-color: #4c3fb5;
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 17px;
		border-radius: 50%;
		font-size: 16px;
		text-align: center;	
		margin-right: 4px;
	}
	.responsible-page .headdiv .trophy-icon i{
		color: #fff;
		font-size: 10px;
	}
	.responsible-page .row{
		border-bottom:  1px solid #0000001a;
	}

	.responsible-page .responsible-content{
		padding: 16px 8px 0px 8px;
		margin-top: 20px;
	}
	.responsible-page .responsible-content h4{font-size: 24px;font-weight: 600;color: #212529;}

	.responsible-page .responsible-content ul{padding-left: revert;}
	.responsible-page .responsible-content ul li{list-style-type: disc;}

	/* UPI Page */

	.upi-page .winning-cash{
		padding: 14px 12px 0;
		
	}
	.upi-page .winning-cash p{
		color: #959595;
		font-size: 14px;
	}
	.upi-page .winning-cash p span{
		float: right;
		color: #212529;
		font-size: 16px;
		font-weight: 900;
	}
	.upi-page .winning-cash p span img{
		width: 20px;
	}

	.upi-page .content-div{
		padding: 15px 12px;
	}
	.upi-page .content-div .inputdiv{
		margin-top: 30px;
	}
	.upi-page .content-div .inputdiv label{
		/* margin-bottom: 17px; */
		color: #0000008a;
	}
	.upi-page .content-div .inputdiv input{
		border: none;
		border-radius: 0;
		border-bottom: 1px solid #aaa;
	}
	.upi-page .withdraw-btn{
		display: block;
		text-align: center;
		padding: 20px 30px 12px;
		position: fixed;
		bottom: 0;
		left: 0;
		border-top: 1px solid #e0e0e0;
		width: 100%;
		background:#fff;
	}
	.upi-page .content-div .withdraw-btn a{
		 border: none;
	    border-radius: 5px;
	    font-size: 1em;
	    font-weight: 700;
	    height: 48px;
	    line-height: 48px;
	    width: 100%;
	    margin:  0 auto;
	    display: block;
	    padding: 0 22px;
	    color: #fff;
	    background-color: #007bff!important;
	}
	
	/* Challenge Room */

	.room-page .div1{margin-top: 80px;}

	.room-page .div1 .imgtext{
		text-align: center;
	}
	.room-page .div1 .imgtext img{width: 30px;}
	.room-page .div1 .imgtext span{
		display: block;
		font-size: 14px;
	}
	.room-page .div1 .verser-img img{
		width: 40px;
	}

	.room-page .div1 p{
		font-size: 16px;
		text-align: center;
		margin-top: 10px;
	}
	.room-page .div1 p img{
		width: 20px;
	}
	.room-page  .div2{
		padding: 20px 10px;
	}
	.room-page .div2 .content-box{
		padding: 20px;
		background-color: #ebebeb;
		border-radius: 6px;
	}
	.room-page .div2 .content-box p{
		text-align: center;
		color: red;
		margin-bottom: 20px;
		font-size: 13px;
	}

	.room-page .div2 .content-box .inputdiv{
		text-align: center;
		margin-top: 20px;
	}
	.room-page .div2 .content-box .inputdiv h4{
		color: #2c2c2c;
	}
	.room-page .div2 .content-box .inputdiv input{width: 75%;margin: 0 auto;}
	.room-page .div2 .content-box .inputdiv .setbtn{
		background-color: #116119;
		color: #fff;
		margin-top: 10px;
	}

	.room-page .div2 .content-box .playtext{
		color: #2c2c2c;
		font-size: 18px;
		margin-top: 20px;
		text-align: center;
	}
	.room-page .div2 .content-box .imgdiv{
		margin: 20px auto 0;
		text-align: center;	
	}
	.room-page .div2 .content-box .imgdiv a img{
		width: 100px;
		margin: 0 10px;
	}

	.room-page .div3{
		padding: 10px;
	}
	.room-page .div3 .content-box{
		padding: 14px;
	}
	.room-page .div3 .content-box p{border-bottom: 1px solid #eee;margin-bottom: 10px;padding-bottom: 10px;}
	.room-page .div3 .content-box p.redtext{color: red;font-weight:700;}
	.room-page .div3 .content-box .penaltytext img{width: 20px;}

	.room-page .div4{padding: 10px;}
	.room-page .div4 p{color: #959595;font-size: 14px;}
	.room-page .div4 .inputdiv{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	}
	.room-page .div4 .content-box .inputdiv label{
		font-size: 16px;
	}
	.room-page .div4 .content-box .inputdiv input{width: 12px;height: 12px;display: inline-block;}
	
	
	/*Update KYC PAGE*/
	
	.update-kyc-page .title_head{
	    color: #333;
	    
	}
	
	.update-kyc-page .inputbox{
	    padding: 14px;
	}
	.update-kyc-page .input-div {
	    margin-bottom: 40px;
	}
	.update-kyc-page .input-div label{
	    font-size: 14px;
	    color: #777;
	}
	.update-kyc-page .input-div input{
	    border:none;
	    border-radius: 0;
	    border-bottom: 1px solid #777;
	    color: #333;
	    font-size: 14px;
	}
	.update-kyc-page .input-div input:focus{box-shadow: none;}
    .otpbtn-div{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        max-width: 469px;
        padding: 10px 20px;
        border-top: 1px solid #ddd;
    }
    
    @media (min-width: 768px){
        .update-kyc-page .otpbtn-div{max-width: 40.4%;}
    }
    @media (min-width: 1024px){
        .update-kyc-page .otpbtn-div{max-width: 32.7%;}
    }