.text-white-important {
color: #fff !important;
}
.text-dark-green {
color: #1B4332;
}
.text-dark-gray {
color: #333;
}
.text-gold {
color: #FFD700;
}
.font-weight-600 {
font-weight: 600;
}
.font-bold {
font-weight: bold;
}
.margin-top-0 {
margin-top: 0;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-negative-20 {
margin-top: -20px !important;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-bottom-0 {
margin-bottom: 0;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-vertical-40 {
padding: 40px 0;
}
.width-50 {
width: 50%;
}
.text-start {
text-align: left;
}
.text-center {
text-align: center;
}
.valign-top {
vertical-align: top;
}
.bg-white {
background: #fff;
}
.bg-light-gray {
background: #f9f9f9;
}
.shadow-lg {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.link-underline {
text-decoration: underline;
color: #fff;
}
.link-underline:hover {
color: #FFD700;
}
.step-card {
background: rgba(255, 255, 255, 0.1);
padding: 20px;
border-radius: 10px;
height: auto; 
transition: transform 0.3s;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.step-card:hover {
transform: translateY(-5px);
background: rgba(255, 255, 255, 0.2);
}
.step-number {
font-size: 2rem;
font-weight: bold;
color: #FFD700;
margin-bottom: 10px;
display: block;
}
.step-title {
color: #fff;
margin-bottom: 15px;
font-size: 1.25rem;
}
.step-text {
color: #333;
font-size: 0.95rem;
line-height: 1.6;
}
.step-card-white {
background: #fff;
padding: 25px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
height: auto; 
transition: transform 0.3s ease;
}
.step-card-white:hover {
transform: translateY(-5px);
}
.step-title-medium {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 15px;
color: #1B4332;
}
.step-desc-small {
font-size: 0.95rem;
line-height: 1.6;
color: #555;
margin-bottom: 20px;
}
.live-betting-section {
background-color: #f8f9fa;
padding: 40px 0;
font-family: var(--font-secondary), sans-serif;
}
.fank-feature-section {
padding: 40px 0;
background-color: #1B4332; 
}
.fank-feature-section:not(.reddy-features-white-section):not(.reddy-payments-white-section) h2,
.fank-feature-section:not(.reddy-features-white-section):not(.reddy-payments-white-section) h3,
.fank-feature-section:not(.reddy-features-white-section):not(.reddy-payments-white-section) .fank-section-title {
color: #fff !important;
}
.play-fantasy-section {
background-color: #fff;
color: #333;
padding: 60px 0;
}
.play-fantasy-section .fank-section-sub-title {
color: #333;
}
.section-heading-dark {
font-size: 36px;
color: #1B4332;
margin-bottom: 15px;
font-weight: 700;
text-align: center;
}
.section-desc-dark {
max-width: 800px;
margin: 0 auto;
font-size: 16px;
line-height: 1.6;
color: #333;
text-align: center;
}
.section-heading-large {
font-size: 2.5rem;
font-weight: 700;
color: #1B4332;
margin-bottom: 20px;
text-align: center;
}
.bet-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
overflow: hidden;
}
.thead-gold {
background: #FFD700;
color: #1B4332;
}
.bet-table th, .bet-table td {
padding: 15px;
text-align: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.row-medium {
background: rgba(255, 255, 255, 0.05);
}
.bet-table-white {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
.thead-dark-green {
background-color: #1B4332;
color: #ffffff;
}
.bet-table-white th, .bet-table-white td {
padding: 15px;
text-align: left;
border: 1px solid #eee;
}
.row-white {
background-color: #ffffff;
}
.row-light-gray {
background-color: #f9f9f9;
}
.table-responsive-custom {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.bonus-card {
background: #f9f9f9;
padding: 25px;
border-radius: 10px;
border-left: 5px solid #FFD700;
}
.bonus-list {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.bonus-list li {
margin-bottom: 10px;
font-size: 0.95rem;
color: #555;
}
.promo-text {
font-size: 0.95rem;
color: #555;
line-height: 1.6;
}
.tips-card {
background: #e8f5e9;
padding: 30px;
border-radius: 10px;
border: 1px solid #c8e6c9;
}
.tips-list {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.tips-list li {
margin-bottom: 10px;
font-size: 0.95rem;
color: #333;
}
.games-markets-section {
background: #1B4332 url('../images/greenbackground.webp') no-repeat center center/cover;
position: relative;
padding: 40px 0;
color: #fff;
}
.games-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(27, 67, 50, 0.85);
z-index: 1;
}
.games-content {
position: relative;
z-index: 2;
}
.games-title {
font-size: 36px;
color: #fff;
margin-bottom: 15px;
}
.games-desc {
max-width: 900px;
margin: 0 auto;
font-size: 16px;
line-height: 1.6;
color: #fff;
}
.games-subtitle-gold {
color: #FFD700;
font-size: 24px;
margin-bottom: 15px;
font-weight: 600;
}
.games-text {
font-size: 15px;
line-height: 1.6;
color: #fff;
}
.games-list {
list-style: none;
padding-left: 20px;
border-left: 3px solid #FFD700;
color: #fff;
}
.games-markets-section .games-list li,
.games-markets-section ul li {
color: #fff !important;
}
.games-markets-section p,
.games-markets-section .games-text,
.games-markets-section .games-desc {
color: #fff !important;
}
.games-markets-section .step-card.bg-white .step-title {
color: #1B4332 !important;
}
.games-markets-section .step-card.bg-white .step-text {
color: #555 !important;
}
.bg-white.padding-top-60.padding-bottom-60.text-dark-gray .step-text {
color: #333 !important;
}
.recovery-box {
background: #f9f9f9;
padding: 30px;
border-radius: 10px;
margin-top: 30px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.recovery-title {
color: #1B4332;
font-size: 1.5rem;
margin-bottom: 20px;
font-weight: 600;
}
.recovery-steps {
padding-left: 20px;
margin-bottom: 20px;
color: #333;
}
.recovery-steps li {
margin-bottom: 10px;
line-height: 1.6;
}
.deposit-section {
background: url('../images/greenbackground.webp') no-repeat center center/cover;
position: relative;
padding: 40px 0;
color: #fff;
}
.deposit-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(27, 67, 50, 0.7);
z-index: 1;
}
.deposit-content {
position: relative;
z-index: 2;
}
.deposit-title {
font-size: 40px !important;
color: #fff;
margin-bottom: 15px;
}
.deposit-desc {
font-size: 14px;
line-height: 1.6;
max-width: 900px;
margin: 0 auto;
color: #fff;
}
.deposit-subheading {
color: #fff;
font-size: 24px;
}
.deposit-subdesc {
max-width: 800px;
margin: 5px auto;
color: #fff;
font-size: 14px;
}
.deposit-section p,
.deposit-section .deposit-desc,
.deposit-section .deposit-subdesc,
.deposit-section .payment-method-desc {
color: #fff !important;
}
.payment-method-title {
color: #FFD700;
font-size: 18px;
margin-bottom: 5px;
font-weight: 600;
}
.payment-method-desc {
color: #fff;
font-size: 14px;
line-height: 1.5;
margin-left: 20px;
}
.promo-title {
color: #1B4332;
font-size: 20px;
margin-bottom: 10px;
}
.games-list strong {
color: #fff !important;
}
.security-card-title {
color: #1B4332;
font-size: 20px;
margin-bottom: 15px;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.security-text {
font-size: 13px;
color: #333;
}
.security-list {
list-style: none;
padding-left: 0;
font-size: 13px;
color: #333;
}
.step-guide-item-title {
color: #1B4332;
display: block;
margin-bottom: 3px;
font-size: 14px;
font-weight: bold;
}
.step-guide-item-text {
color: #333;
font-size: 14px;
}
.step-guide-footer {
margin-top: 20px;
text-align: center;
font-weight: 500;
color: #333;
font-size: 14px;
}
.fair-play-section {
padding: 60px 0;
background-color: #f8f9fa;
}
.fair-play-title {
color: #1B4332;
font-size: 24px;
margin-bottom: 10px;
font-weight: 600;
}
.fair-play-text {
color: #000;
font-size: 15px;
line-height: 1.6;
margin-bottom: 10px;
}
.fair-play-intro {
max-width: 900px;
margin: 0 auto 20px;
}
.fair-play-intro-last {
max-width: 900px;
margin: 0 auto;
}
.fair-play-list {
list-style: none;
padding-left: 0;
color: #000;
font-size: 15px;
}
.fair-play-list li {
margin-bottom: 10px;
}
.fair-play-list strong {
color: #000;
}
.whatsapp-float {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
width: 60px;
height: 60px;
background-color: #25D366;
border-radius: 50%;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
text-decoration: none;
}
.whatsapp-float:hover {
transform: scale(1.1);
box-shadow: 0 6px 14px rgba(0,0,0,0.4);
}
.whatsapp-icon {
width: 35px;
height: 35px;
}
.fank-hero-subtext,
.custom-hero-text {
color: #fff !important;
}
.section-heading-white {
color: #ffffff;
}
.section-desc-light {
color: #ffffff;
opacity: 0.9;
}
.games-info-title {
color: #ffffff;
margin-bottom: 20px;
}
.reddy-anna-games-section h4 {
color: #ffffff;
}
.reddy-anna-games-section .step-card.bg-white .step-title,
.reddy-anna-games-section .step-card.bg-white .step-text {
color: #1B4332 !important;
}
.step-card.bg-white .step-text {
color: #333 !important;
}
.step-card.bg-white h4,
.step-card.bg-white .step-title {
color: #1B4332 !important;
}
.reddy-anna-how-to-play-section {
background: url('../images/greenbackground.webp') center/cover no-repeat;
padding: 60px 0;
position: relative;
}
.reddy-anna-how-to-play-section .fank-section-title,
.reddy-anna-how-to-play-section .fank-section-sub-title {
color: #fff !important;
}
.reddy-anna-how-to-play-section .step-title {
color: #fff !important;
}
.reddy-anna-how-to-play-section .step-description {
color: #fff !important;
}
.match-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
margin-bottom: 20px;
overflow: hidden;
border: 1px solid #eee;
transition: transform 0.3s ease;
}
.match-card:hover {
transform: translateY(-5px);
}
.match-header {
background: #1B4332; 
color: #fff;
padding: 12px 20px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
}
.match-body {
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.team-info {
flex: 1;
min-width: 250px;
}
.team-row {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
font-size: 16px;
color: #333;
align-items: center;
}
.team-name {
font-weight: 600;
display: flex;
align-items: center;
gap: 10px;
}
.team-flag {
font-size: 1.2em;
}
.team-score {
font-weight: 700;
color: #1B4332;
}
.match-status {
font-size: 12px;
color: #e74c3c; 
margin-bottom: 15px;
font-weight: 700;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 5px;
}
.match-status.upcoming {
color: #f39c12; 
}
.match-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 12px;
}
.odds-container {
display: flex;
gap: 10px;
}
.odds-box {
background: #f8f9fa;
border: 1px solid #ddd;
border-radius: 6px;
padding: 8px 15px;
text-align: center;
min-width: 70px;
cursor: pointer;
transition: all 0.2s;
}
.odds-box:hover {
background: #1B4332;
border-color: #1B4332;
}
.odds-box:hover .odds-value,
.odds-box:hover .odds-label {
color: #fff;
}
.odds-value {
display: block;
font-weight: 700;
color: #1B4332;
font-size: 15px;
}
.odds-label {
display: block;
font-size: 11px;
color: #666;
margin-top: 2px;
}
.bet-now-btn {
background: #FFD700;
color: #1B4332;
padding: 10px 25px;
border-radius: 50px;
text-decoration: none;
font-weight: 700;
font-size: 14px;
transition: all 0.2s;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
display: inline-block;
text-align: center;
}
.bet-now-btn:hover {
background: #e6c200;
transform: scale(1.05);
}
.section-title-live {
font-size: 2.5rem;
font-weight: 700;
color: #1B4332;
margin-bottom: 40px;
}
.live-indicator {
color: #e74c3c;
font-size: 0.5em;
vertical-align: middle;
margin-left: 10px;
animation: blink 1.5s infinite;
}
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0.4; }
100% { opacity: 1; }
}
.steps-grid {
display: grid;
gap: 30px;
margin-top: 40px;
align-items: start; 
}
@media (min-width: 992px) {
.steps-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.reddy-anna-how-to-play-section .step-card,
.play-fantasy-section .step-card {
background: #fff;
border: 1px solid #e0e0e0;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
border-radius: 15px;
padding: 30px;
}
.reddy-anna-how-to-play-section .step-card:hover,
.play-fantasy-section .step-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
.reddy-anna-how-to-play-section .step-number,
.play-fantasy-section .step-number {
color: #FFD700; 
font-size: 3rem;
opacity: 1;
margin-bottom: 15px;
}
.reddy-anna-how-to-play-section .step-title,
.play-fantasy-section .step-title {
color: #1B4332; 
font-weight: 700;
margin-bottom: 15px;
}
.reddy-anna-how-to-play-section .step-description,
.reddy-anna-how-to-play-section .step-list li,
.play-fantasy-section .step-description,
.play-fantasy-section .step-list li {
color: #555; 
font-size: 15px;
}
.reddy-anna-how-to-play-section .step-list li strong,
.play-fantasy-section .step-list li strong {
color: #1B4332;
}
.feature-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
margin-top: 20px;
}
.feature-table th {
background: #1B4332;
color: #fff;
padding: 18px;
text-align: left;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.feature-table td {
padding: 15px 18px;
border-bottom: 1px solid #f0f0f0;
color: #333;
font-size: 15px;
line-height: 1.6;
}
.row-dark {
background-color: #fcfcfc;
}
.row-light {
background-color: #ffffff;
}
.feature-table tr:last-child td {
border-bottom: none;
}
.feature-table tr:hover td {
background-color: #f0fdf4; 
}
.reddy-anna-how-to-play-section .step-card .step-title,
.reddy-anna-how-to-play-section .step-card .step-description,
.reddy-anna-how-to-play-section .step-card li,
.reddy-anna-how-to-play-section .step-card strong,
.reddy-anna-how-to-play-section .step-card p {
color: #333 !important;
}
.reddy-anna-how-to-play-section .step-card .step-title {
color: #1B4332 !important;
}
.deposit-section .step-card-white p,
.deposit-section .step-card-white span,
.deposit-section .step-card-white div,
.deposit-section .step-card-white li,
.deposit-section .step-card-white strong,
.deposit-section .step-card-white .security-text,
.deposit-section .step-card-white .step-guide-item-text {
color: #333 !important;
}
.deposit-section .step-card-white h3,
.deposit-section .step-card-white h4,
.deposit-section .step-card-white h5,
.deposit-section .step-card-white .security-card-title,
.deposit-section .step-card-white .step-guide-item-title,
.deposit-section .step-card-white .text-dark-green {
color: #1B4332 !important;
}
.step-card,
.step-card-white,
.match-card,
.bonus-card,
.tips-card {
color: #333;
}
.step-title-small {
font-size: 1.1rem;
font-weight: 700;
color: #1B4332;
margin-bottom: 10px;
}
.step-desc-small {
font-size: 0.9rem;
color: #555;
line-height: 1.5;
}
.step-number-circle {
display: inline-block;
width: 30px;
height: 30px;
background: #1B4332;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 30px;
font-weight: bold;
margin-bottom: 10px;
}
.step-card h3, .step-card h4, .step-card h5,
.step-card-white h3, .step-card-white h4, .step-card-white h5,
.bonus-card h3, .bonus-card h4, .bonus-card h5 {
color: #1B4332;
}
.step-card ul li,
.step-card-white ul li,
.bonus-card ul li {
color: #333;
}
.match-header {
color: #fff !important;
}
.link-underline {
color: #FFD700 !important;
text-decoration: underline;
}
.link-underline:hover {
color: #e6c200 !important;
}
.fank-section-sub-title a,
.games-text a,
.step-description a,
.step-desc-small a,
.deposit-desc a,
.deposit-subdesc a,
.security-text a,
.promo-text a,
.section-desc-dark a,
.section-desc-light a,
.tips-list a {
color: #FFD700 !important;
text-decoration: underline;
}
.fank-section-sub-title a:hover,
.games-text a:hover,
.step-description a:hover,
.step-desc-small a:hover,
.deposit-desc a:hover,
.deposit-subdesc a:hover,
.security-text a:hover,
.promo-text a:hover,
.section-desc-dark a:hover,
.section-desc-light a:hover,
.tips-list a:hover {
color: #e6c200 !important;
}