behave like a button */
margin: 20px auto;
/* Vertical margin + center horizontally when in block container */
background: linear-gradient(45deg, #ff0000, #ff7761);
color: white;
padding: 15px 30px;
border: none;
border-radius: 25px;
font-size: 1.1rem;
font-weight: bold;
text-decoration: none;
/* Removes underline */
text-align: center;
cursor: pointer;
}
/* If you want it perfectly centered in full width container: */
.center-wrapper {
text-align: center;
}
.action-btn:hover {
background: linear-gradient(45deg, #ff7761, #ff0000);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(255, 0, 0, 0.4);
}
.payment-options {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin: 20px 0;
}
.payment-option {
background: #f8f9fa;
padding: 15px;
border-radius: 10px;
text-align: center;
border: 1px solid #e9ecef;
color: #000;
}
.reward-card {
background: #f8f9fa;
padding: 20px;
margin: 15px 0;
border-radius: 10px;
border: 1px solid #e9ecef;
}
.reward-card h3 {
color: #000;
font-size: 1.5rem;
margin-bottom: 10px;
}
.question-answer {
background: #f8f9fa;
padding: 20px;
margin: 15px 0;
border-radius: 10px;
border-left: 4px solid #ff7761;
}
p {
color: #000;
}
li {
color: #000;
}
.question-answer h3 {
color: #000;
font-size: 1.5rem;
margin-bottom: 10px;
}
.info-note {
background: #f8f9fa;
padding: 15px;
border-radius: 8px;
margin: 15px 0;
border-left: 4px solid #ff7761;
color: #000;
}
.info-note strong {
color: #000;
}
.box strong {
color: #000;
}
@media (max-width: 768px) {
.page-header h1 {
font-size: 2rem;
}
.content-block {
padding: 20px;
}
.content-block h2 {
font-size: 1.5rem;
}
.main-wrapper {
padding: 10px;
}
}
/* footer */
.footerSection {
background-color: #f44336;
color: #fff;
padding: 30px 20px;
text-align: center;
}
.footerContainer {
max-width: 1000px;
margin: 0 auto;
}
.footerLinks {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
margin-bottom: 15px;
}
.footerLinks a {
color: #fff;
text-decoration: none;
font-weight: 500;
}
.footerLinks a:hover {
text-decoration: underline;
}
.footerCopy {
font-size: 14px;
}
@media (max-width: 600px) {
.footerLinks {
flex-direction: column;
gap: 10px;
}
}
/* about */
.container-about {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
color: #000;
}
.section {
margin-bottom: 25px;
border: 2px solid #f44336;
padding: 20px;
background-color: #fff;
/* Removed black background */
color: #000;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
animation: slideUp 0.8s ease-out;
line-height: 1.6;
}
.section h2 {
color: #f44336;
padding-bottom: 5px;
font-size: 1.9em;
transition: color 0.3s;
}
.section h2:hover {
color: #ff3333;
}
.button {
background-color: #f44336;
color: #fff;
padding: 12px 25px;
text-decoration: none;
display: inline-block;
border-radius: 5px;
font-weight: bold;
transition: all 0.3s ease;
animation: bounce 1.5s infinite;
}
.button:hover {
background-color: #cc0000;
transform: translateY(-2px);
}
.contact {
color: #fff;
padding: 15px;
text-align: center;
font-size: 1.1em;
border-top: 2px solid #f44336;
animation: fadeIn 1s ease-in 1s backwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-5px);
}
60% {
transform: translateY(-3px);
}
}
/* download page */
.apk-section {
border: 2px solid red;
border-radius: 10px;
padding: 25px;
margin: 20px auto;
max-width: 1100px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.apk-section h2 {
color: #e53935;
margin-bottom: 15px;
font-size: 28px;
}
.apk-section p,
.apk-section li {
font-size: 17px;
color: #333;
line-height: 1.6;
}
.apk-section ul {
padding-left: 20px;
}
.apk-section img {
max-width: 100%;
height: auto;
margin: 15px 0;
border-radius: 10px;
}
.download-btn {
display: block;
/* block banayenge taaki margin work kare */
padding: 12px 20px;
background: #f44336;
color: #faf9f9;
font-weight: bold;
border-radius: 6px;
text-decoration: none;
margin: 15px auto;
/* auto margin = center horizontally */
width: fit-content;
/* button sirf text ke hisaab se rahe */
}
@media (max-width: 768px) {
.apk-section {
padding: 15px;
}
.apk-section h2 {
font-size: 24px;
}
.apk-section p,
.apk-section li {
font-size: 15px;
}
}
.faq-item {
margin-bottom: 20px;
}
.faq-item p {
margin: 5px 0;
}
/* contact page */
.containerContact {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
color: #000;
}
.sectionContact {
margin-bottom: 25px;
border: 2px solid #f44336;
padding: 20px;
background-color: #fff;
color: #000;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
animation: slideUp 0.8s ease-out;
line-height: 1.6;
}
.sectionContact h2 {
color: #f44336;
padding-bottom: 5px;
font-size: 1.9em;
transition: color 0.3s;
}
.sectionContact h2:hover {
color: #ff3333;
}
.buttonContact {
background-color: #f44336;
color: #fff;
padding: 12px 25px;
text-decoration: none;
display: inline-block;
border-radius: 5px;
font-weight: bold;
transition: all 0.3s ease;
animation: bounce 1.5s infinite;
}
.buttonContact:hover {
background-color: #cc0000;
transform: translateY(-2px);
}
.contactInfo {
color: #fff;
padding: 15px;
text-align: center;
font-size: 1.1em;
border-top: 2px solid #f44336;
animation: fadeIn 1s ease-in 1s backwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-5px);
}
60% {
transform: translateY(-3px);
}
}
/* disclaimber */
.containerDisclaimer {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
color: #000;
}
.sectionDisclaimer {
margin-bottom: 25px;
border: 2px solid #f44336;
padding: 20px;
background-color: #fff;
color: #000;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
animation: slideUp 0.8s ease-out;
line-height: 1.6;
}
.sectionDisclaimer h2 {
color: #f44336;
padding-bottom: 5px;
font-size: 1.9em;
transition: color 0.3s;
}
.sectionDisclaimer h2:hover {
color: #ff3333;
}
.buttonDisclaimer {
background-color: #f44336;
color: #fff;
padding: 12px 25px;
text-decoration: none;
display: inline-block;
border-radius: 5px;
font-weight: bold;
transition: all 0.3s ease;
animation: bounce 1.5s infinite;
}
.buttonDisclaimer:hover {
background-color: #cc0000;
transform: translateY(-2px);
}
.contactInfoDisclaimer {
color: #fff;
padding: 15px;
text-align: center;
font-size: 1.1em;
border-top: 2px solid #f44336;
animation: fadeIn 1s ease-in 1s backwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-5px);
}
60% {
transform: translateY(-3px);
}
}
/* invite code page */
.invite-container {
max-width: 1200px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 10px;
}
.invite-section {
border: 2px solid #f44336;
padding: 20px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.invite-section h1 {
color: #000;
}
.invite-section h2,
.invite-section h3 {
color: #f44336;
}
.invite-section ul {
padding-left: 20px;
}
.invite-section ul li {
margin-bottom: 8px;
}
.faq-section {
background: #fff3f3;
border: 1px solid #f44336;
padding: 25px;
border-radius: 10px;
margin-top: 40px;
}
.faq-section h2 {
color: #d32f2f;
font-size: 24px;
margin-bottom: 20px;
border-bottom: 2px solid #f44336;
padding-bottom: 10px;
}
.faq-section h3 {
color: black;
}
.faq-item h3 {
color: black;
}
.faq-item {
margin-bottom: 20px;
}
.faq-item strong {
display: block;
color: #333;
margin-bottom: 5px;
}
.faq-item p {
margin: 0;
}
/* login page */
.container1 {
width: 100%;
max-width: 1200px;
margin: 20px auto;
padding-bottom: 40px;
}
.box {
background: #fff;
border: 2px solid #f44336;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 25px 30px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.box:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.box h2 {
color: #f44336;
margin-bottom: 15px;
}
.box ul {
padding-left: 20px;
}
.box li {
margin-bottom: 10px;
}
.box h3 {
font-size: 20px;
margin-top: 25px;
color: #000;
}
.btn {
display: inline-block;
background: #f44336;
color: #fff;
padding: 20px 35px;
text-align: center;
align-items: center;
border: none;
border-radius: 6px;
font-weight: bold;
cursor: pointer;
margin-top: 15px;
transition: background 0.3s ease;
}
.btn:hover {
background: #d32f2f;
}
@media (max-width: 768px) {
.box {
padding: 20px;
}
}
/* colour-tading */
.trading-section {
border: 2px solid red;
border-radius: 10px;
padding: 25px;
margin: 20px auto;
max-width: 1100px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.trading-section h2 {
color: #e53935;
font-size: 28px;
margin-bottom: 15px;
}
.trading-section p,
.trading-section li {
font-size: 17px;
color: #333;
line-height: 1.6;
}
.trading-section ul {
padding-left: 20px;
}
.trading-section img {
max-width: 100%;
height: auto;
margin: 15px 0;
border-radius: 10px;
}
.faq-item {
margin-bottom: 20px;
}
.faq-item p {
margin: 5px 0;
}
@media (max-width: 768px) {
.trading-section {
padding: 15px;
}
.trading-section h2 {
font-size: 24px;
}
.trading-section p,
.trading-section li {
font-size: 15px;
}
}
/* gift code */
.giftcode-section {
border: 2px solid red;
border-radius: 10px;
padding: 25px;
margin: 20px auto;
max-width: 1100px;
box-shadow: 0 4px 10px rgba(255, 0, 0, 0.1);
}
.giftcode-section h2 {
color: #e53935;
font-size: 28px;
margin-bottom: 15px;
}
.giftcode-section h3 {
color: #131212;
font-size: 20px;
margin-top: 25px;
}
.giftcode-section p,
.giftcode-section li {
font-size: 16px;
color: #333;
line-height: 1.6;
}
.giftcode-section ul {
padding-left: 20px;
}
.giftcode-section img {
max-width: 100%;
height: auto;
margin: 15px 0;
border-radius: 10px;
}
.faq-item {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.giftcode-section {
padding: 15px;
}
.giftcode-section h2 {
font-size: 24px;
}
.giftcode-section h3 {
font-size: 18px;
}
.giftcode-section p,
.giftcode-section li {
font-size: 15px;
}
}
/* aviator game */
.aviator-section {
border: 2px solid red;
border-radius: 10px;
padding: 25px;
margin: 20px auto;
max-width: 1100px;
box-shadow: 0 4px 10px rgba(255, 0, 0, 0.1);
}
.aviator-section h2 {
color: #e53935;
font-size: 28px;
margin-bottom: 15px;
}
.aviator-section h3 {
color: #0f0f0f;
font-size: 20px;
margin-top: 25px;
}
.aviator-section p,
.aviator-section li {
font-size: 17px;
color: #333;
line-height: 1.6;
}
.aviator-section ul {
padding-left: 20px;
}
.aviator-section img {
max-width: 100%;
height: auto;
margin: 15px 0;
border-radius: 10px;
}
.faq-item {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.aviator-section {
padding: 15px;
}
.aviator-section h2 {
font-size: 24px;
}
.aviator-section h3 {
font-size: 18px;
}
.aviator-section p,
.aviator-section li {
font-size: 15px;
}
}
/* colour-prediction*/
.prediction-section {
border: 2px solid red;
border-radius: 10px;
padding: 25px;
margin: 20px auto;
max-width: 1100px;
box-shadow: 0 4px 10px rgba(255, 0, 0, 0.1);
}
.prediction-section h2 {
color: #e53935;
font-size: 28px;
margin-bottom: 15px;
}
.prediction-section h3 {
color: #0f0f0f;
font-size: 20px;
margin-top: 25px;
}
.prediction-section p,
.prediction-section li {
font-size: 17px;
color: #333;
line-height: 1.6;
}
.prediction-section ul {
padding-left: 20px;
}
.faq-item {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.prediction-section {
padding: 15px;
}
.prediction-section h2 {
font-size: 24px;
}
.prediction-section h3 {
font-size: 18px;
}
.prediction-section p,
.prediction-section li {
font-size: 15px;
}
}
/* teacher */
.teacher-section {
border: 2px solid red;
border-radius: 10px;
max-width: 1100px;
margin: 20px auto;
padding: 30px;
box-shadow: 0 0 10px rgba(255, 0, 0, 0.1);
margin-bottom: 30px;
}
.teacher-section h1 {
font-size: 30px;
margin-bottom: 15px;
color: #000;
}
.teacher-section h2 {
font-size: 24px;
margin-bottom: 15px;
color: #d32f2f;
}
.teacher-section h3 {
font-size: 20px;
margin-top: 25px;
color: #000;
}
.teacher-section p,
.teacher-section li {
font-size: 16px;
line-height: 1.6;
}
.teacher-section ul {
padding-left: 20px;
}
.faq-item {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.teacher-section {
padding: 15px;
}
.teacher-section h1 {
font-size: 24px;
}
.teacher-section h2 {
font-size: 20px;
}
.teacher-section h3 {
font-size: 18px;
}
.teacher-section p,
.teacher-section li {
font-size: 16px;
}
}
/* support */
.support-section {
border: 2px solid red;
border-radius: 10px;
max-width: 1100px;
margin: 20px auto;
padding: 30px;
box-shadow: 0 0 10px rgba(255, 0, 0, 0.1);
margin-bottom: 30px;
}
.support-section h2 {
color: #d32f2f;
font-size: 28px;
margin-bottom: 15px;
}
.support-section h1 {
color: #161616;
font-size: 30px;
margin-bottom: 15px;
}
.support-section h3 {
color: #161616;
font-size: 22px;
margin-top: 25px;
}
.support-section p,
.support-section li {
font-size: 16px;
line-height: 1.6;
}
.support-section ul {
padding-left: 20px;
}
.faq-item {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.support-section {
padding: 15px;
}
.support-section h2 {
font-size: 24px;
}
.support-section h3 {
font-size: 18px;
}
.support-section p,
.support-section li {
font-size: 15px;
}
}
/* register */
.registerHeader {
background-color: #000;
color: #fff;
text-align: center;
padding: 30px 20px;
}
h1 {
margin: 0;
font-size: 2.5rem;
letter-spacing: 1px;
color: #000;
}
.registerContainer {
width: 100%;
max-width: 1200px;
margin: 30px auto;
}
section.registerSection {
background-color: #fff;
border: 2px solid #f44336;
border-radius: 10px;
padding: 25px 30px;
margin-bottom: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
section.registerSection:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
section.registerSection h3 {
color: #f44336;
margin-top: 0;
}
section.registerSection h2 {
color: #f44336;
margin-top: 0;
}
.registerSection ul {
padding-left: 20px;
}
.registerSection li {
margin-bottom: 8px;
}
.registerBtn {
background-color: #f44336;
color: #fff;
padding: 12px 24px;
font-size: 18px;
border: none;
border-radius: 8px;
cursor: pointer;
display: inline-block;
margin-top: 20px;
margin-bottom: 30px;
}
.registerStepImg {
width: 100%;
max-width: 500px;
margin: 15px 0;
display: block;
border-radius: 8px;
border: 1px solid #ccc;
}
@media (max-width: 768px) {
.registerSection {
padding: 20px;
}
.registerHeader h1 {
font-size: 2rem;
}
}
/* lottery */
.lotteryHeader {
background-color: #000;
color: #fff;
text-align: center;
padding: 30px 20px;
}
h1 {
font-size: 2.5rem;
letter-spacing: 1px;
color: #000;
}
.lotteryContainer {
width: 100%;
max-width: 1200px;
margin: 30px auto;
}
section.lotterySection {
background-color: #fff;
border: 2px solid #f44336;
border-radius: 10px;
padding: 25px 30px;
margin-bottom: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
section.lotterySection:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
section.lotterySection h2 {
color: #f44336;
margin-top: 0;
}
section.lotterySection h3 {
color: #000;
}
.lotterySection ul {
padding-left: 20px;
}
.lotterySection li {
margin-bottom: 8px;
}
@media (max-width: 768px) {
.lotterySection {
padding: 20px;
}
.lotteryHeader h1 {
font-size: 2rem;
}
}
/* privacy-policy */
.headerPrivacy {
background-color: #131212;
color: #fff;
padding: 40px;
text-align: center;
border-bottom: 5px solid #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
animation: fadeIn 1s ease-in;
}
.headerPrivacy h1 {
font-size: 2.5em;
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
}
.containerPrivacy {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
color: #000;
}
.sectionPrivacy {
margin-bottom: 25px;
border: 2px solid #f44336;
padding: 20px;
background-color: #fff;
color: #000;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
animation: slideUp 0.8s ease-out;
line-height: 1.6;
}
.sectionPrivacy h2 {
color: #f44336;
padding-bottom: 5px;
font-size: 1.9em;
transition: color 0.3s;
}
.sectionPrivacy h2:hover {
color: #ff3333;
}
.buttonPrivacy {
background-color: #f44336;
color: #fff;
padding: 12px 25px;
text-decoration: none;
display: inline-block;
border-radius: 5px;
font-weight: bold;
transition: all 0.3s ease;
animation: bounce 1.5s infinite;
}
.buttonPrivacy:hover {
background-color: #cc0000;
transform: translateY(-2px);
}
.contactInfoPrivacy {
color: #fff;
padding: 15px;
text-align: center;
font-size: 1.1em;
border-top: 2px solid #f44336;
animation: fadeIn 1s ease-in 1s backwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-5px);
}
60% {
transform: translateY(-3px);
}
}
/* term-condition */
.headerTerms {
background-color: #000;
color: #fff;
text-align: center;
padding: 30px 20px;
}
.headerTerms h1 {
margin: 0;
font-size: 2.5rem;
letter-spacing: 1px;
}
.containerTerms {
width: 100%;
max-width: 1200px;
margin: 30px auto;
}
.sectionTerms {
background-color: #fff;
border: 2px solid #f44336;
border-radius: 10px;
padding: 25px 30px;
margin-bottom: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.sectionTerms:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.sectionTerms h2 {
color: #f44336;
margin-top: 0;
}
.sectionTerms ul {
padding-left: 20px;
}
.sectionTerms li {
margin-bottom: 8px;
}
.contactInfoTerms {
text-align: center;
padding: 20px;
font-weight: bold;
color: #000;
}
@media (max-width: 768px) {
.sectionTerms {
padding: 20px;
}
.headerTerms h1 {
font-size: 2rem;
}
}
.toc-wrapper {
width: 100%;
max-width: 400px;
margin: 20px 40px;
/* Left aligned */
font-family: 'Inter', sans-serif;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
border: 1px solid #eee;
overflow: hidden;
color: #000;
}
.toc-header {
font-weight: 800;
font-size: 17px;
padding: 20px 20px;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
border-bottom: 1px solid #f0f0f0;
user-select: none;
background: #f9f9f9;
}
.toc-header::before {
content: '▶';
font-size: 13px;
transition: transform 0.3s ease;
}
.toc-header.open::before {
transform: rotate(90deg);
}
.toc-body {
display: none;
padding: 15px 25px 20px;
}
.toc-body ol {
list-style: decimal;
margin: 0;
padding-left: 20px;
}
.toc-body li {
margin: 10px 0;
font-size: 15px;
}
.toc-body a {
color: #0077cc;
text-decoration: none;
transition: all 0.2s ease;
}
.toc-body a:hover {
color: #0056a3;
text-decoration: underline;
}
.white {
color: #fff;
padding: 20px 0px;
}
.center {
text-align: center;
}
.btn-group {
display: flex;
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
.btns {
padding: 12px 40px;
border-radius: 12px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
text-align: center;
transition: all 0.3s ease-in-out;
cursor: pointer;
position: relative;
overflow: hidden;
}
/* Login Button */
.btn-login {
border: 2px solid #f44336;
background: linear-gradient(135deg, #ffffff, #f0f0f0);
color: #111;
}
.btn-login:hover {
background: linear-gradient(135deg, #ff3b3b, #e91e63);
color: #fff;
box-shadow: 0 8px 20px rgba(255, 59, 59, 0.6);
transform: translateY(-3px);
}
/* Register Button */
.btn-register {
background: linear-gradient(135deg, #ff3b3b, #e32a2a);
color: #fff;
}
.btn-register:hover {
background: linear-gradient(135deg, #ff6161, #ff3b3b);
box-shadow: 0 8px 20px rgba(255, 59, 59, 0.6);
transform: translateY(-3px);
}
/* Download Button */
.btn-download {
background: linear-gradient(135deg, #e1dbdb, #d51c1c);
color: #fff;
}
.btn-download:hover {
background: linear-gradient(135deg, #ff3b3b, #e32a2a);
box-shadow: 0 8px 20px rgba(255, 59, 59, 0.6);
transform: translateY(-3px);
}
/* Responsive */
@media (max-width: 600px) {
.btn-group {
flex-direction: column;
align-items: center;
gap: 12px;
}
.btns {
width: 80%;
}
}
.red {
color: red;
}
.container.raja-game {
margin-top: 45px;
padding: 30px 50px;
background-color: #1c1c1c;
border-radius: 12px;
}
.for-bg-style {
margin: 30px auto;
background: white;
padding: 0px 30px 30px;
border-radius: 15px;
}
.black-clr {
background-color: #1c1c1c;
padding: 8px 0px;
border-radius: 10px;
}
table {
width: 90%;
margin: 0 auto;
border-collapse: collapse;
background: #1a1a1a;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
table th,
table td {
padding: 15px 20px;
text-align: left;
font-size: 15px;
color: #fff;
border: 1px solid #ff3b3b;
}
table th {
background: #ff3b3b;
/* Red header */
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
table tr {
border-bottom: 1px solid rgb(131 101 99);
}
table tr:last-child {
border-bottom: none;
}
table td:first-child {
font-weight: bold;
color: #ff3b3b;
/* Highlighted titles */
width: 40%;
}
/* Hover effect */
table tr:hover {
background: rgba(255, 59, 59, 0.1);
transition: 0.3s;
}
/* Responsive */
@media (max-width: 600px) {
table,
table thead,
table tbody,
table th,
table td,
table tr {
width: 100%;
}
section.table-section {
overflow: auto;
}
ol,
ul {
list-style: none;
padding: 0px !important;
}
.raja-game-img img {
max-width: 100%;
border-radius: 10px;
}
}
h4 {
color: #000;
}
.raja-game-img {
text-align: center;
margin: 20px 0px;
}
.raja-game-img img {
max-width: 350px;
border-radius: 10px;
}
.second table {
width: 90%;
max-width: 600px;
}
.container {
max-width: 1200px !important;
margin: auto;
margin-bottom: 30px;
}
.understanding ul {
list-style: none;
padding: 0;
margin: 0;
}
.understanding ul li {
background: #fff;
border-left: 6px solid #e50914;
/* Red bar for highlight */
margin-bottom: 15px;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
transition: 0.3s ease;
}
.understanding ul li:hover {
background: #000;
color: #fff;
transform: translateY(-3px);
}
.understanding ul li strong {
color: #e50914;
/* Highlighted red */
font-weight: bold;
}
.understanding ul li:hover strong {
color: #fff;
}
.content-block h3 {
color: #f8f9fa;
font-size: 1.5rem;
margin-bottom: 18px;
text-align: left;
border-bottom: none;
padding-bottom: 10px;
background: #0c0c0c;
padding: 14px 20px;
border-radius: 8px;
border-left: 4px solid #ff7761;
display: flex;
align-items: center;
gap: 10px;
}
.content-block h3:before {
content: "ℹ️";
font-size: 1rem;
background: #ff7761;
color: white;
padding: 8px;
border-radius: 6px;
display: inline-block;
}
.payment-table {
width: 700px;
border-collapse: collapse;
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.payment-table th,
.payment-table td {
padding: 12px 15px;
text-align: center;
border: 1px solid #ddd;
/* Row & column border */
color: #000;
}
.payment-table th {
background: #e50914;
color: #fff;
font-size: 16px;
}
.payment-table tr:hover {
background: #000;
color: #fff;
transition: 0.3s ease;
}
.payment-table tr:hover td {
color: #fff;
}
@media (max-width: 768px) {
.payment-table {
max-width: 100%;
}
.second table {
max-width: 100%;
}
section.table-section {
overflow: auto;
}
ul {
list-style: none;
padding: 0px !important;
}
.raja-game-img img {
max-width: 100%;
border-radius: 10px;
}
}
.bonus-table-1 {
width: 800px;
border-collapse: collapse;
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.bonus-table-1 th,
.bonus-table-1 td {
padding: 12px 15px;
text-align: center;
border: 1px solid #ddd;
color: #000;
}
.bonus-table-1 th {
background: #e50914;
color: #fff;
font-size: 16px;
}
.bonus-table-1 tr:nth-child(even) {
background: #f9f9f9;
}
.bonus-table tr:hover {
background: #000;
color: #fff;
transition: 0.3s ease;
}
.bonus-table-1 tr:hover td {
color: #000;
}
/* Responsive table */
@media (max-width: 768px) {
.bonus-table-1 {
width: 100%;
}
section.table-section {
overflow: auto;
}
ol,
ul {
list-style: none;
padding: 0px !important;
}
.raja-game-img img {
max-width: 100%;
border-radius: 10px;
}
}
.h2head {
font-size: 26px;
margin-bottom: 30px;
color: #fff;
background: linear-gradient(135deg, #e50914, #000);
padding: 15px;
border-radius: 10px;
display: inline-block;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.reviews-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.review-card {
background: #fff;
border-radius: 12px;
padding: 30px 20px 20px;
/* top padding increased */
position: relative;
text-align: left;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.review-card:hover {
transform: translateY(-6px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.review-card::before {
content: "❝";
font-size: 40px;
color: #e50914;
position: absolute;
top: 10px;
left: 15px;
opacity: 0.3;
padding-bottom: 15px;
/* bottom padding for quote icon */
line-height: 1;
}
.review-author {
font-weight: bold;
margin-top: 10px;
color: #e50914;
}
.review-text {
font-size: 15px;
color: #333;
line-height: 1.6;
margin-top: 10px;
}
.reviews-footer {
margin-top: 30px;
font-size: 16px;
font-weight: bold;
color: #222;
}
.reviews-footer span {
color: #e50914;
}
@media (max-width: 768px) {
.h2head {
font-size: 22px;
padding: 12px 18px;
}
.review-text {
font-size: 14px;
}
section.table-section {
overflow: auto;
}
ol,
ul {
list-style: none;
padding: 0px !important;
}
.raja-game-img img {
max-width: 100%;
border-radius: 10px;
}
}
.faq-title {
text-align: center;
font-size: 28px;
margin-bottom: 30px;
color: #fff;
background: linear-gradient(135deg, #e50914, #000);
padding: 15px;
border-radius: 10px;
display: inline-block;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.faq-item {
background: #fff;
border-radius: 10px;
margin-bottom: 15px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: 0.3s ease;
padding: 0px 17px;
}
.faq-question {
width: 100%;
background: none;
border: none;
outline: none;
text-align: left;
padding: 0;
cursor: pointer;
position: relative;
display: block;
}
.faq-question h3 {
margin: 0;
padding: 18px 20px;
font-size: 18px;
font-weight: bold;
color: #222;
}
.faq-question::after {
content: "+";
position: absolute;
right: 20px;
top: 20px;
font-size: 22px;
color: #e50914;
transition: transform 0.3s ease;
}
.faq-item.active .faq-question::after {
content: "−";
transform: rotate(180deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
padding: 0 20px;
font-size: 15px;
color: #444;
line-height: 1.6;
background: #fafafa;
border-top: 1px solid #eee;
transition: max-height 0.4s ease, padding 0.3s ease;
}
.faq-item.active .faq-answer {
max-height: 500px;
padding: 15px 20px;
}
@media (max-width: 768px) {
.faq-title {
font-size: 22px;
padding: 12px 18px;
}
.faq-question h3 {
font-size: 16px;
padding: 15px;
}
}
.faq-titles {
color: #fff;
font-size: 2rem;
margin-bottom: 20px;
text-align: left;
border-bottom: none;
padding-bottom: 10px;
background: #0c0c0c;
padding: 15px 20px;
border-radius: 8px;
border-left: 4px solid #ff7761;
display: flex;
align-items: center;
gap: 10px;
}
.faq-titles:before {
content: "ℹ️";
font-size: 1.2rem;
background: #ff7761;
color: white;
padding: 8px;
border-radius: 6px;
display: inline-block;
}
.container.for-bg-styles.content-blocks {
background: white;
padding: 0px 30px 1px;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
a.logo img {
border-radius: 9px;
}
.btn-daman {
display: inline-block;
background: linear-gradient(90deg, #ff3c00, #ff5722);
color: #fff;
font-weight: 600;
text-transform: uppercase;
padding: 12px 28px;
border-radius: 6px;
text-decoration: none;
font-size: 16px;
letter-spacing: 0.5px;
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 12px rgba(255, 60, 0, 0.4);
}
/* Hover effect */
.btn-daman:hover {
background: linear-gradient(90deg, #ff5722, #ff3c00);
transform: translateY(-3px) scale(1.05);
box-shadow: 0 6px 16px rgba(255, 87, 34, 0.6);
color: #fff;
text-decoration: none;
}
.log-reg-down {
display: flex;
gap: 20px;
justify-content: center;
padding-top: 15px;
}
.log-reg-down a {
position: static;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 15px 38px;
border-radius: 30px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
overflow: hidden;
z-index: 1;
}
/* ---------- Border Animation (Visible Outline) ---------- */
.log-reg-down a::after {
content: "";
position: absolute;
inset: 0;
border-radius: 30px;
border: 2px solid currentColor;
box-sizing: border-box;
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%,
100% 100%, 100% 100%, 100% 0, 100% 0);
transition: clip-path 1s linear;
z-index: 3;
}
.log-reg-down a:hover::after {
clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%,
100% 100%, 0 100%, 0 100%, 0 0);
}
/* ---------- Register (Red/Gold) ---------- */
.r-btn {
color: #fff;
background: linear-gradient(135deg, #ff9a9e, #ff3d00);
box-shadow: 0 0 15px rgba(255, 80, 50, 0.5);
}
.r-btn:hover {
color: #fff;
background: linear-gradient(135deg, #ff5e00, #e60012);
transform: translateY(-3px) scale(1.05);
box-shadow: 0 0 25px rgba(255, 80, 50, 0.9), 0 0 50px rgba(200, 0, 0, 0.8);
}
RajaLuckBonus Colour Prediction
RajaLuckBonus game, your destination for fun-filled prediction games, has recently gained popularity, and millions of users have switched to the platform from others. One significant reason can be the variety of games the platform offers, the colour prediction game being one of them.
As the name suggests, the game is about predicting colours, but the catch here is that you can actually make money by predicting colours. If it seems fascinating to you, keep reading. Here’s everything you need to know about the RajaLuckBonus Colour prediction game.
What Is The RajaLuckBonus Colour Prediction Game?
A colour prediction game allows you to predict the next colour that will appear on the screen, and if you make the right prediction, you earn money. Generally, you get to choose between Red, green and violet, where violet is the least probable colour but can get you the most money.
In this way, choosing the least probable colour can get you the most money if your prediction turns out right. The colour prediction games are generally short and provide instant results, so you do not have to wait long for the results. To play these games on your mobile, you can now download the RajaLuckBonus app on your device. The app is lightweight and super easy to use.
How To Play A Colour Prediction Game On RajaLuckBonus?
First things first, let’s understand how you can play the RajaLuckBonus colour prediction game. Below, we have explained the complete process for your reference.
Step 1: Register/Login On RajaLuckBonus RajaLuckBonus login by adding your credentials.Step 2: Choose The Colour Prediction Game Step 3: Add Funds Step 4: Place A Bet Step 5: Wait For The Results
Colour Prediction Games Available On RajaLuckBonus Game
From a list of games available, here are some of the most played colour prediction games on the RajaLuckBonus Game. These include:
WinGo: WinGo colour requires you to predict the next colour to appear on the screen. You have to choose whether Red, Green or violet will appear. You get money for choosing the right colour.5D: This is more of a number prediction game where you have to guess the 5 digits that will appear on the screen. Different types of bets are allowed in this game.K3: This is another number prediction game that you can play. It has three dice, and you have to guess the number or a combination that you feel will appear on the screen.
You will find all these games in the RajaLuckBonus Lottery section available on the homepage.
Tips To Make More Money On The RajaLuckBonus Colour Prediction Game
Now that you are aware of what RajaLuckBonus game colour prediction games are and how you can play the games, here are some tips that can help you earn more money through these games. At RajaLuckBonus, we believe these games are mostly luck-based, but if you play smartly, you may be able to make more money on the platform.
Understand the rules of the game. You can not start playing without understanding what is in the game. Therefore, go through the rules of the game and follow the same while playing.
Do not chase losses. If you have lost a round, don’t try to balance it in the next round.
Set a budget and make sure you stick to it.
Play responsibly and do not spend hours on the platform without taking a break.
Conclusion
The RajaLuckBonus game is a complete entertainment as well as an earning platform for those who love lottery and prediction games. The platform features amazing colour prediction games, as easy as where you just have to predict the next colour, and you earn money for it.
However, in case you face any issues while playing the game or using the platform, you can reach out to our customer support team.
Frequently Asked Questions
What is a colour prediction game?
A colour prediction game requires guessing the next colour that will appear on the screen. This game is very similar to the RajaLuckBonus colour trading game .
Which colour prediction games are available?
Games like WinGo colour, k3, and 5D are available.
Who can play the colour prediction game?
Anyone above 18 years of age can join the RajaLuckBonus game and play colour prediction games.
Where can I play the RajaLuckBonus game?
You can play the game either on the web page or download the RajaLuckBonus Apk on your Android device.
