body{
        background:#111;
    }
    
    p{
        
        color: white;
    font-size: 17px;
    text-align: justify;
    }
    .hero-title{
        color:#e7c600;
    }
     .underline{
     text-decoration: underline;
     }

.mt67{
         margin-top: 67px;
        }
    /* NAVBAR */
    .custom-navbar{
        background: linear-gradient(90deg, #000 0%, #111 100%);
        padding: 12px 0;
    }

    .navbar-brand{
        color:#f7c600 !important;
        font-weight:700;
        font-size:22px;
        display:flex;
        align-items:center;
        gap:10px;
    }

    .navbar-brand img{
        height:58px;
    }

    .nav-link{
        color:#fff !important;
        margin:0 8px;
        font-weight:500;
    }

    .nav-link:hover,
    .nav-link.active{
        color:#f7c600 !important;
    }

    .btn-get-id{
        background:#f7c600;
        color:#000;
        font-weight:600;
        border-radius:30px;
        padding:6px 18px;
    }

    .btn-get-id:hover{
        background:#ffd84d;
        color:#000;
    }

    /* MOBILE */
    .navbar-toggler{
        border:1px solid #f7c600;
    }

    .navbar-toggler-icon{
        filter: invert(1);
    }

    .hero-section{
    padding:90px 0;
    background:linear-gradient(120deg,#000,#111);
}
.section{
    padding:40px 0;
}
.section-title{
    color:#f7c600;
    font-weight:700;
}
.card-dark{
    background:#141414;
    border:1px solid #d56c07;
    border-radius:12px;
}

strong {
    color: #ffd700;
    font-weight: 600;
}
.btn-outline-warning{
    border-radius:30px;
    padding:10px 26px;
    font-weight:600;
}

.how-to-play-section{
    background:#0e0e0e;
}

.section-subtext{
    color:#cfcfcf;
    font-size:15px;
    max-width:720px;
    margin:0 auto;
}

.step-card{
    background:#141414;
    border:1px solid #222;
    border-radius:16px;
    padding:30px;
    height:100%;
    position:relative;
    transition:all 0.3s ease;
}

.step-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.15);
}

.step-number{
    position:absolute;
    top:-18px;
    right:20px;
    background:#f7c600;
    color:#000;
    font-weight:800;
    width:45px;
    height:45px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.step-card h5{
    color:#f7c600;
    margin-top:20px;
    font-weight:700;
}

.step-card p{
    color:#d0d0d0;
    font-size:15px;
    margin-top:10px;
    line-height:1.6;
}

.payment-section{
    background:#0d0d0d;
}

.payment-card{
    background:#141414;
    border:1px solid #222;
    border-radius:16px;
    padding:30px 22px;
    text-align:center;
    height:100%;
    transition:all 0.3s ease;
}

.payment-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.18);
}

.payment-icon{
    width:60px;
    height:60px;
    background:#f7c600;
    color:#000;
    font-size:28px;
    font-weight:800;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 15px;
}

.payment-card h6{
    color:#f7c600;
    font-weight:700;
    margin-bottom:10px;
}

.payment-card p{
    color:#cfcfcf;
    font-size:15px;
    line-height:1.6;
}

.payment-note{
    background:#141414;
    border:1px dashed #f7c600;
    border-radius:12px;
    padding:18px;
    color:#dcdcdc;
    font-size:14px;
}

.download-app-section{
    background:#0e0e0e;
}

.app-img{
   
    filter:drop-shadow(0 0 35px rgba(247,198,0,0.4));
}

.app-feature-list{
    list-style:none;
    padding-left:0;
    margin-top:20px;
}

.app-feature-list li{
    color:#f7c600;
    font-size:15px;
    margin-bottom:10px;
}

.app-feature-list li::before{
    content:"📲";
    margin-right:10px;
}

.app-note{
    background:#141414;
    border-left:4px solid #f7c600;
    padding:14px 16px;
    margin-top:20px;
    color:#d0d0d0;
    font-size:14px;
}


.bonus-section{
    background:#0e0e0e;
}

.bonus-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.bonus-item{
    background:#141414;
    border:1px solid #222;
    border-radius:12px;
    padding:12px 14px;
    color:#f7c600;
    font-size:15px;
}

.bonus-card{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    border:1px solid #f7c600;
    border-radius:16px;
    padding:28px;
    color:#d0d0d0;
}

.bonus-card h5{
    color:#f7c600;
    font-weight:700;
    margin-bottom:12px;
}
.whatsapp-section{
    background:radial-gradient(circle at top,#111,#000);
}

.support-list{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

.support-item{
    background:#141414;
    border-left:4px solid #25D366;
    border-radius:10px;
    padding:12px 14px;
    color:#e0e0e0;
    font-size:15px;
    display:flex;
    align-items:center;
    gap:10px;
}

.whatsapp-note{
    background:#141414;
    border:1px dashed #25D366;
    border-radius:12px;
    padding:16px;
    color:#d0d0d0;
    font-size:14px;
}

.btn-whatsapp{
    background:#25D366;
    color:#000;
    font-weight:700;
    border-radius:30px;
    padding:12px 28px;
    box-shadow:0 0 25px rgba(37,211,102,0.4);
}

.btn-whatsapp:hover{
    background:#1ebe5d;
    color:#000;
}

.whatsapp-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border:1px solid #25D366;
    border-radius:20px;
    padding:30px;
    text-align:center;
    box-shadow:0 0 35px rgba(37,211,102,0.15);
}

.whatsapp-icon{
    font-size:40px;
    margin-bottom:10px;
}

.whatsapp-card h5{
    color:#25D366;
    font-weight:700;
    margin-bottom:10px;
}

.verified-badge{
    margin-top:15px;
    background:#25D366;
    color:#000;
    padding:6px 14px;
    border-radius:20px;
    display:inline-block;
    font-weight:600;
    font-size:13px;
}

.login-section{
    background:linear-gradient(120deg,#0c0c0c,#000);
}

.login-features{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

.login-item{
    background:#141414;
    border-left:4px solid #f7c600;
    border-radius:12px;
    padding:12px 16px;
    color:#e0e0e0;
    font-size:15px;
}

.login-note{
    background:#141414;
    border:1px dashed #f7c600;
    border-radius:12px;
    padding:16px;
    color:#d0d0d0;
    font-size:14px;
}

.login-card{
    background:rgba(20,20,20,0.85);
    backdrop-filter:blur(8px);
    border:1px solid #f7c600;
    border-radius:22px;
    padding:34px;
    text-align:center;
    box-shadow:0 0 40px rgba(247,198,0,0.18);
}

.lock-icon{
    font-size:42px;
    margin-bottom:10px;
}

.login-card h5{
    color:#f7c600;
    font-weight:700;
    margin-bottom:12px;
}

.login-card p{
    color:#d0d0d0;
    font-size:14px;
}

.security-badges{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-top:18px;
}

.security-badges span{
    background:#f7c600;
    color:#000;
    font-size:13px;
    padding:6px 14px;
    border-radius:20px;
    font-weight:600;
}

.testimonial-section{
    background:#0d0d0d;
}

.testimonial-card{
    background:#141414;
    border:1px solid #222;
    border-radius:18px;
    padding:30px;
    height:100%;
    position:relative;
    transition:all 0.3s ease;
}

.testimonial-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.18);
}

.quote-icon{
    font-size:48px;
    color:#f7c600;
    position:absolute;
    top:-18px;
    left:20px;
}

.testimonial-text{
    color:#e0e0e0;
    font-size:15px;
    line-height:1.7;
    margin-top:20px;
}

.testimonial-user{
    margin-top:18px;
}

.testimonial-user strong{
    color:#f7c600;
    font-size:15px;
}

.testimonial-user span{
    color:#aaa;
    font-size:13px;
}
.faq-section{
    background:#0c0c0c;
}

.faq-item{
    background:#141414;
    border:1px solid #222;
    border-radius:14px;
    margin-bottom:12px;
    overflow:hidden;
}

.accordion-button{
    background:#33393f;
    color:#f7c600;
    font-weight:600;
}

.accordion-button:not(.collapsed){
    background:#1a1a1a;
    color:#f7c600;
}

.accordion-button:focus{
    box-shadow:none;
}

.accordion-body{
    background:#141414;
    color:#d0d0d0;
    font-size:14px;
    line-height:1.7;
}
.transparency-section{
    background:#0d0d0d;
}

.awareness-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.awareness-item{
    background:#141414;
    border-left:4px solid #f7c600;
    border-radius:10px;
    padding:12px 14px;
    color:#e0e0e0;
    font-size:14px;
}

.safety-card{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    border:1px solid #f7c600;
    border-radius:18px;
    padding:28px;
    text-align:center;
    box-shadow:0 0 30px rgba(247,198,0,0.15);
}

.safety-icon{
    font-size:40px;
    margin-bottom:10px;
}

.safety-card h5{
    color:#f7c600;
    font-weight:700;
    margin-bottom:12px;
}

.safety-card p{
    color:#d0d0d0;
    font-size:14px;
    line-height:1.6;
}

.safety-badge{
    display:inline-block;
    margin-top:14px;
    background:#f7c600;
    color:#000;
    padding:6px 14px;
    border-radius:20px;
    font-size:13px;
    font-weight:600;
}

/* Mobile */
@media(max-width:768px){
    .awareness-points{
        grid-template-columns:1fr;
    }
}
.learn-more-section{
    background:#0e0e0e;
}

.info-card{
    background:#141414;
    border:1px solid #222;
    border-radius:16px;
    padding:24px;
    color:#e0e0e0;
}

.info-card h6{
    color:#f7c600;
    font-weight:700;
}

.info-card ul{
    padding-left:18px;
    margin-top:10px;
}

.info-card li{
    font-size:14px;
    margin-bottom:6px;
}

.responsible-guidelines-section{
    background:#0c0c0c;
}

.responsible-box{
    background:#141414;
    border:1px solid #222;
    border-left:5px solid #f7c600;
    border-radius:16px;
    padding:35px;
    max-width:1000px;
    margin:0 auto;
}

.responsible-box .section-text{
    color:#d0d0d0;
    font-size:15px;
    line-height:1.8;
    margin-bottom:18px;
}


.disclaimer-section{
    background:#000;
    border-top:1px solid #222;
}

.disclaimer-text{
    color:#bdbdbd;
    font-size:17px;
    line-height:1.7;
    text-align:center;
    max-width:900px;
    margin:0 auto 12px;
}
.platforms-section{
    background:#0c0c0c;
}

.platform-card{
    background:#141414;
    border:1px solid #222;
    border-radius:18px;
    padding:28px;
    height:100%;
    transition:all 0.3s ease;
}

.platform-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 35px rgba(255,255,255,0.08);
}

.platform-card h4{
    font-weight:800;
    margin-bottom:15px;
    color: #ffffff;
}

.platform-card h6{
    color:#f7c600;
    font-weight:700;
    margin-top:15px;
}

.platform-card p{
    color:#d0d0d0;
    font-size:14px;
    line-height:1.7;
}

.platform-card ul{
    padding-left:18px;
    margin-top:10px;
}

.platform-card ul li{
    color:#e0e0e0;
    font-size:14px;
    margin-bottom:6px;
}

/* Color Accents */
.platform-card.gold{border-top:4px solid #f7c600;}
.platform-card.red{border-top:4px solid #dc3545;}
.platform-card.blue{border-top:4px solid #0d6efd;}
.platform-card.green{border-top:4px solid #198754;}


.mahadev-id-section{
    background:#0e0e0e;
    margin-top: 66px;
}

.mahadev-id-img{
   
    filter:drop-shadow(0 0 35px rgba(247,198,0,0.4));
}

/* Mobile Optimization */
@media(max-width:768px){
    .mahadev-id-section{
        text-align:center;
    }
}

.what-is-id-section{
    background:#0d0d0d;
}

.id-features-card{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    border:1px solid #f7c600;
    border-radius:20px;
    padding:28px;
    box-shadow:0 0 30px rgba(247,198,0,0.15);
}

.id-features-card h5{
    color:#f7c600;
    font-weight:700;
    margin-bottom:15px;
}

.id-feature-list{
    list-style:none;
    padding:0;
    margin:0;
}

.id-feature-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    position:relative;
    padding-left:26px;
}

.id-feature-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.why-id-section{
    background:#0e0e0e;
}

.why-id-card{
    background:#141414;
    border:1px solid #222;
    border-left:5px solid #f7c600;
    border-radius:18px;
    padding:30px;
    box-shadow:0 0 28px rgba(247,198,0,0.12);
}

.why-id-card h5{
    color:#f7c600;
    font-weight:700;
    margin-bottom:15px;
}

.why-id-list{
    list-style:none;
    padding:0;
    margin:0;
}

.why-id-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:26px;
    position:relative;
}

.why-id-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.mahadev-id-usage{
    background:#0d0d0d;
}

.usage-wrapper{
    background:#141414;
    border:1px solid #222;
    border-left:5px solid #f7c600;
    border-radius:18px;
    padding:35px;
    max-width:1000px;
    margin:0 auto;
}

.usage-list{
    list-style:none;
    padding-left:0;
    margin:20px 0;
}

.usage-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:26px;
    position:relative;
}

.usage-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.login-access-section{
    background:#0e0e0e;
}

.login-access-img{
  
    filter:drop-shadow(0 0 35px rgba(247,198,0,0.4));
}

/* Mobile Center Alignment */
@media(max-width:768px){
    .login-access-section{
        text-align:center;
    }
}


.prefer-id-section{
    background:#0d0d0d;
}

.prefer-id-card{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    border:1px solid #f7c600;
    border-radius:20px;
    padding:30px;
    box-shadow:0 0 32px rgba(247,198,0,0.18);
}

.prefer-id-card h5{
    color:#f7c600;
    font-weight:700;
    margin-bottom:15px;
}

.prefer-id-list{
    list-style:none;
    padding:0;
    margin:0;
}

.prefer-id-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:12px;
    padding-left:26px;
    position:relative;
}

.prefer-id-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.safety-guidelines-section{
    background:#0c0c0c;
}

.safety-card{
    background:#141414;
    border:1px solid #222;
    border-left:5px solid #f7c600;
    border-radius:18px;
    padding:30px;
    box-shadow:0 0 30px rgba(247,198,0,0.15);
}

.safety-list{
    list-style:none;
    padding:0;
    margin:0 0 15px;
}

.safety-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:12px;
    padding-left:28px;
    position:relative;
}

.safety-list li::before{
    content:"🔒";
    position:absolute;
    left:0;
    top:0;
}

.safety-note{
    color:#d0d0d0;
    font-size:14px;
    border-top:1px dashed #333;
    padding-top:12px;
}
.responsible-use-section{
    background:#0d0d0d;
}

.responsible-use-box{
    background:#141414;
    border:1px solid #222;
    border-radius:18px;
    padding:40px;
    max-width:900px;
    margin:0 auto;
    border-left:5px solid #f7c600;
}

.responsible-use-box .section-title{
    margin-bottom:18px;
}

.responsible-use-box .section-text{
    color:#d0d0d0;
    font-size:15px;
    line-height:1.8;
    margin-bottom:14px;
}
.learn-more-mahadev{
    background:#0c0c0c;
}

.learn-more-box{
    background:#141414;
    border:1px solid #222;
    border-radius:18px;
    padding:40px;
    max-width:900px;
    margin:0 auto;
}

.learn-more-links .btn{
    border-radius:30px;
    padding:10px 24px;
    font-weight:600;
}
.whatsapp-care-lr{
    background:#0d0d0d;
}

.whatsapp-support-img{
    max-width:400px;
    filter:drop-shadow(0 0 30px rgba(37,211,102,0.4));
}

.support-highlights div{
    background:#141414;
    border-left:4px solid #25D366;
    border-radius:10px;
    padding:10px 14px;
    margin-bottom:10px;
    color:#d0d0d0;
    font-size:17px;
}

/* Mobile */
@media(max-width:768px){
    .whatsapp-care-lr{
        text-align:center;
    }
}

.verify-whatsapp-section{
    background:#0c0c0c;
}

.sub-heading{
    color:#f7c600;
    font-weight:700;
    margin-top:20px;
    margin-bottom:10px;
}

.verify-list{
    list-style:none;
    padding:0;
    margin:0;
}

.verify-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:26px;
    position:relative;
}

.verify-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.verify-list.danger li::before{
    content:"⚠️";
    color:#dc3545;
}

.verify-card{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    border:1px solid #25D366;
    border-radius:20px;
    padding:30px;
    text-align:center;
    box-shadow:0 0 30px rgba(37,211,102,0.15);
}

.verify-icon{
    font-size:40px;
    margin-bottom:10px;
}

.verify-card h5{
    color:#25D366;
    font-weight:700;
    margin-bottom:10px;
}

.verify-card p{
    color:#d0d0d0;
    font-size:14px;
    line-height:1.6;
}

.verify-badge{
    display:inline-block;
    margin-top:14px;
    background:#25D366;
    color:#000;
    padding:6px 14px;
    border-radius:20px;
    font-size:13px;
    font-weight:600;
}

/* Mobile */
@media(max-width:768px){
    .verify-whatsapp-section{
        text-align:center;
    }
}
.support-work-section{
    background:#0d0d0d;
}

.support-work-card{
    background:#141414;
    border:1px solid #222;
    border-left:5px solid #f7c600;
    border-radius:18px;
    padding:30px;
    box-shadow:0 0 28px rgba(247,198,0,0.12);
}

.support-work-card h5{
    color:#f7c600;
    font-weight:700;
    margin-bottom:15px;
}

.support-work-list{
    list-style:none;
    padding:0;
    margin:0;
}

.support-work-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:12px;
    padding-left:26px;
    position:relative;
}

.support-work-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.whatsapp-support-section{
    background:#0d0d0d;
}

.sub-heading{
    color:#25D366;
    font-weight:700;
    margin-bottom:10px;
}

.whatsapp-support-list{
    list-style:none;
    padding:0;
    margin:10px 0 20px;
}

.whatsapp-support-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:26px;
    position:relative;
}

.whatsapp-support-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.warning-text{
    border-left:4px solid #dc3545;
    padding-left:14px;
    color:#d0d0d0;
}

.whatsapp-info-card{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    border:1px solid #25D366;
    border-radius:20px;
    padding:30px;
    text-align:center;
    box-shadow:0 0 30px rgba(37,211,102,0.15);
}

.whatsapp-icon{
    font-size:42px;
    margin-bottom:10px;
}

.whatsapp-info-card h5{
    color:#25D366;
    font-weight:700;
    margin-bottom:10px;
}

.whatsapp-info-card p{
    color:#d0d0d0;
    font-size:14px;
    line-height:1.6;
}


/* Mobile */
@media(max-width:768px){
    .whatsapp-support-section{
        text-align:center;
    }
}
.customer-care-availability{
    background:#0d0d0d;
}

.availability-box{
    background:#141414;
    border:1px solid #222;
    border-left:5px solid #25D366;
    border-radius:18px;
    padding:40px;
    max-width:900px;
    margin:0 auto;
}

.availability-list{
    list-style:none;
    padding-left:0;
    margin:15px 0;
}

.availability-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:26px;
    position:relative;
}

.availability-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.when-contact-support{
    background:#0d0d0d;
}

.contact-support-box{
    background:#141414;
    border:1px solid #222;
    border-left:5px solid #f7c600;
    border-radius:18px;
    padding:40px;
    max-width:900px;
    margin:0 auto;
}

.contact-support-list{
    list-style:none;
    padding-left:0;
    margin:15px 0;
}

.contact-support-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:26px;
    position:relative;
}

.contact-support-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
/* SAFETY NOTICE NEW */
.safety-notice-new{
    background:#0b0b0b;
}

.notice-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:20px;
    padding:40px;
    border-top:4px solid #dc3545;
}

.notice-header{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

.notice-icon{
    font-size:34px;
}

.notice-header h2{
    color:#fff;
    font-weight:700;
}

.notice-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin:20px 0;
}

.notice-item{
    background:#111;
    border-left:4px solid #dc3545;
    border-radius:10px;
    padding:12px 14px;
    color:#e0e0e0;
    font-size:14px;
}

/* RESPONSIBLE COMMUNICATION NEW */
.responsible-communication-new{
    background:#0b0b0b;
}

.responsible-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:20px;
    padding:40px;
    border-top:4px solid #f7c600;
}

.responsible-header{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

.responsible-icon{
    font-size:34px;
}

.responsible-header h2{
    color:#fff;
    font-weight:700;
}

/* Mobile */
@media(max-width:768px){
    .notice-grid{
        grid-template-columns:1fr;
    }
}

.cricket-betting-section{
    background:#0d0d0d;
}

.cricket-betting-img{
   
    filter:drop-shadow(0 0 35px rgba(247,198,0,0.4));
}

/* Mobile */
@media(max-width:768px){
    .cricket-betting-section{
        text-align:center;
    }
}
.online-cricket-section{
    background:#0d0d0d;
}

.online-cricket-box{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    border-radius:20px;
    padding:40px;
    max-width:1000px;
    margin:0 auto;
    border-left:5px solid #f7c600;
}

.online-cricket-box .section-title{
    margin-bottom:20px;
}

.online-cricket-box .section-text{
    color:#d0d0d0;
    font-size:15px;
    line-height:1.8;
    margin-bottom:14px;
}
.who-should-use-cards{
    background:#0d0d0d;
}

.use-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    padding:30px 20px;
    height:100%;
    border:1px solid #222;
    border-top:4px solid #f7c600;
    text-align:center;
    transition:all 0.3s ease;
}

.use-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.2);
}

.use-card p{
    color:#e0e0e0;
    font-size:15px;
    line-height:1.6;
    margin:0;
}
.cricket-formats-section{
    background:#0d0d0d;
}

.format-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    padding:30px 20px;
    height:100%;
    border:1px solid #222;
    border-top:4px solid #f7c600;
    text-align:center;
    transition:all 0.3s ease;
}

.format-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.2);
}

.format-card h5{
    color:#f7c600;
    font-weight:700;
    margin:0;
    font-size:16px;
}
.cricket-markets-section{
    background:#0d0d0d;
}

.market-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    padding:28px 22px;
    height:100%;
    border:1px solid #222;
    border-top:4px solid #f7c600;
    transition:all 0.3s ease;
}

.market-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.2);
}

.market-card h5{
    color:#f7c600;
    font-weight:700;
    margin-bottom:10px;
    font-size:16px;
}

.market-card p{
    color:#e0e0e0;
    font-size:14px;
    line-height:1.6;
    margin:0;
}
.place-bet-steps{
    background:#0d0d0d;
}

.step-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    padding:30px 22px;
    height:100%;
    border:1px solid #222;
    border-top:4px solid #f7c600;
    text-align:center;
    position:relative;
    transition:all 0.3s ease;
}

.step-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.2);
}

.step-number{
    display:inline-block;
    width:38px;
    height:38px;
    line-height:38px;
    border-radius:50%;
    background:#f7c600;
    color:#000;
    font-weight:700;
    margin-bottom:12px;
}

.step-card p{
    color:#e0e0e0;
    font-size:15px;
    line-height:1.6;
    margin:0;
}
.cricket-new-users{
    background:#0d0d0d;
}

.new-user-wrapper{
    max-width:950px;
    margin:0 auto;
    padding:40px;
    background:#141414;
    border-left:5px solid #f7c600;
    border-radius:16px;
}

.new-user-list{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.new-user-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:28px;
    position:relative;
}

.new-user-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.why-choose-mahadev{
    background:#0d0d0d;
}

.choose-highlight{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    border-radius:18px;
    padding:35px;
    border-left:5px solid #f7c600;
}

.highlight-title{
    color:#f7c600;
    font-weight:700;
    margin-bottom:15px;
}

.choose-list{
    list-style:none;
    padding-left:0;
    margin:0;
}

.choose-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:12px;
    padding-left:28px;
    position:relative;
}

.choose-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.responsible-cricket-betting{
    background:#0d0d0d;
}

.responsible-wrapper{
    max-width:950px;
    margin:0 auto;
    padding:40px;
    background:#141414;
    border-radius:16px;
    border-left:5px solid #25D366;
}

.responsible-list{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.responsible-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:28px;
    position:relative;
}

.responsible-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.cricket-support-section{
    background:#0d0d0d;
}

.cricket-support-box{
    max-width:900px;
    margin:0 auto;
    padding:40px;
    background:#141414;
    border-radius:16px;
    border-left:5px solid #25D366;
}

.cricket-support-box .section-text{
    font-size:15px;
    line-height:1.8;
}
.learn-more-section{
    background:#0d0d0d;
}

.learn-more-box{
    max-width:900px;
    margin:0 auto;
    padding:40px;
    background:#141414;
    border-radius:16px;
    border-top:4px solid #f7c600;
}

.learn-more-box .section-text{
    font-size:15px;
    line-height:1.8;
    margin-bottom:12px;
}
.login-hero-section{
    background:#0d0d0d;
    padding:70px 0;
}

.login-title{
    color:#ffffff;
    font-size:36px;
    font-weight:800;
    margin-bottom:20px;
    line-height:1.3;
}

.login-text{
    color:#d0d0d0;
    font-size:15px;
    line-height:1.8;
    margin-bottom:14px;
}

.login-text strong{
    color:#f7c600;
    font-weight:700;
}

.strong-line{
    border-left:4px solid #f7c600;
    padding-left:14px;
}

.login-hero-img{
 
    filter:drop-shadow(0 0 35px rgba(247,198,0,0.35));
}

/* Mobile */
@media(max-width:768px){
    .login-hero-section{
        text-align:center;
    }

    .strong-line{
        border-left:none;
        padding-left:0;
    }
}
.login-works-section{
    background: #0d0d0d;
    padding:60px 0;
}

.login-works-box{
    max-width:900px;
    margin:0 auto;
    padding-bottom:20px;
    border-bottom:1px solid #d9d9d9;
}

.login-req-list{
    margin:10px 0 18px 20px;
}

.login-req-list li{
    font-size:15px;
    margin-bottom:6px;
    color:#ffffff;
}

.login-works-box .section-text{
    font-size:16px;
    line-height:1.7;
    
}

.login-works-box strong{
    font-weight:700;
}
.login-steps-section{
    background:#0d0d0d;
}

.login-step-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:16px;
    padding:30px 22px;
    height:100%;
    border:1px solid #222;
    border-top:4px solid #f7c600;
    text-align:center;
    transition:all 0.3s ease;
}

.login-step-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.2);
}

.step-number{
    display:inline-block;
    width:36px;
    height:36px;
    line-height:36px;
    border-radius:50%;
    background:#f7c600;
    color:#000;
    font-weight:700;
    margin-bottom:12px;
}

.login-step-card p{
    color:#e0e0e0;
    font-size:15px;
    line-height:1.6;
    margin:0;
}
.after-login-section{
    background:#0d0d0d;
}

.after-login-box{
    max-width:900px;
    margin:0 auto;
    padding:40px;
    background:#141414;
    border-radius:16px;
    border-left:5px solid #f7c600;
}

.after-login-list{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.after-login-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:28px;
    position:relative;
}

.after-login-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.login-issues-section{
    background:#0d0d0d;
}

.login-issues-wrapper{
    max-width:900px;
    margin:0 auto;
    padding:40px;
    background:linear-gradient(135deg,#141414,#1e1e1e);
    border-radius:18px;
    border:1px solid #333;
}

.issues-header{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:15px;
}

.issues-icon{
    font-size:28px;
}

.issues-list{
    list-style:none;
    padding-left:0;
    margin:16px 0;
}

.issues-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:28px;
    position:relative;
}

.issues-list li::before{
    content:"–";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.forgot-password-section{
    background:#0d0d0d;
}

.forgot-password-wrapper{
    max-width:1000px;
    margin:0 auto;
    padding:40px;
    background:#141414;
    border-radius:18px;
    border-left:5px solid #dc3545;
}

.sub-heading{
    color:#f7c600;
    font-weight:700;
    margin-top:20px;
}

.password-step{
    background:linear-gradient(135deg,#1a1a1a,#202020);
    border-radius:14px;
    padding:22px 18px;
    text-align:center;
    height:100%;
    border:1px solid #333;
}

.password-step p{
    color:#e0e0e0;
    font-size:14px;
    margin:0;
}

.step-number{
    display:inline-block;
    width:34px;
    height:34px;
    line-height:34px;
    border-radius:50%;
    background:#f7c600;
    color:#000;
    font-weight:700;
    margin-bottom:10px;
}
.login-safety-section{
    background:#0d0d0d;
}

.login-safety-box{
    max-width:900px;
    margin:0 auto;
    padding:40px;
    background:linear-gradient(135deg,#141414,#1f1f1f);
    border-radius:18px;
    border-top:4px solid #dc3545;
}

.login-safety-list{
    list-style:none;
    padding-left:0;
    margin:16px 0;
}

.login-safety-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:28px;
    position:relative;
}

.login-safety-list li::before{
    content:"🔒";
    position:absolute;
    left:0;
    top:0;
}
.bonuses-explained-section{
    background:#0d0d0d;
}

.bonuses-wrapper{
    max-width:1000px;
    margin:0 auto;
    padding:50px 40px;
    background:#141414;
    border-radius:18px;
    border-top:4px solid #f7c600;
}


.section-subtitle{
    color:#f7c600;
    font-weight:700;
    margin:30px 0 12px;
}

.section-text{
    color:#fff2f2;
    font-size:19px;
    line-height:1.8;
    margin-bottom:14px;
}

.bonus-purpose-list{
    list-style:none;
    padding-left:0;
    margin:16px 0;
}

.bonus-purpose-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:26px;
    position:relative;
}

.bonus-purpose-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.bonus-types-section{
    background:#0d0d0d;
}

.bonus-type-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    padding:30px 24px;
    height:100%;
    border:1px solid #222;
    border-top:4px solid #f7c600;
    transition:all 0.3s ease;
}

.bonus-type-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.2);
}

.bonus-type-card h5{
    color:#f7c600;
    font-weight:700;
    margin-bottom:12px;
    font-size:19px;
}

.bonus-type-card p{
    color:#e0e0e0;
    font-size:17px;
    line-height:1.7;
    margin:0;
}
.responsible-bonus-section{
    background:#0d0d0d;
}

.responsible-bonus-box{
    max-width:900px;
    margin:0 auto;
    padding:40px;
    background:#141414;
    border-radius:16px;
    border-left:5px solid #25D366;
}

.responsible-bonus-list{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.responsible-bonus-list li{
    color:#e0e0e0;
    font-size:17px;
    margin-bottom:10px;
    padding-left:28px;
    position:relative;
}

.responsible-bonus-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.bonus-terms-section{
    background:#0d0d0d;
}

.bonus-terms-wrapper{
    max-width:950px;
    margin:0 auto;
    padding:45px;
    background:#141414;
    border-radius:18px;
    border-top:4px solid #f7c600;
}

.term-item{
    display:flex;
    flex-direction:column;
    padding:16px 0;
    border-bottom:1px dashed #333;
}

.term-item:last-child{
    border-bottom:none;
}

.term-title{
    color:#f7c600;
    font-weight:700;
    font-size:16px;
    margin-bottom:6px;
}

.term-desc{
    color:#e0e0e0;
    font-size:15px;
    line-height:1.7;
}
.bonus-vs-balance-section{
    background:#0d0d0d;
}

.bonus-balance-table{
    width:100%;
    border-collapse:collapse;
    background:#141414;
    border-radius:14px;
    overflow:hidden;
}

.bonus-balance-table thead th{
    background:#f7c600;
    color:#000;
    padding:14px;
    font-weight:700;
    text-align:left;
}

.bonus-balance-table tbody td{
    color:#e0e0e0;
    padding:16px;
    border-top:1px solid #333;
    font-size:15px;
    line-height:1.6;
}

.bonus-faq-section{
    background:#0d0d0d;
}

.accordion-item{
    background:#141414;
    border:1px solid #333;
    border-radius:12px;
    margin-bottom:12px;
    overflow:hidden;
}

.accordion-button{
    background:#141414;
    color:#ffffff;
    font-weight:600;
}

.accordion-button:not(.collapsed){
    background:#141414;
    color:#f7c600;
}

.accordion-body{
    color:#e0e0e0;
    font-size:14.5px;
    line-height:1.7;
}

.accordion-button:focus{
    box-shadow:none;
}
.sports-betting-hero{
    background:#0d0d0d;
    padding:70px 0;
}

.sports-betting-img{
   
    border-radius:16px;
    box-shadow:0 0 30px rgba(0,0,0,0.4);
}

/* Mobile Optimization */
@media(max-width:768px){
    .sports-betting-hero{
        text-align:center;
    }
}

.online-sports-betting{
    background:#0d0d0d;
    padding:70px 0;
}

.online-betting-box{
    max-width:950px;
    margin:0 auto;
    padding:45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    border-left:6px solid #f7c600;
}



.section-text{
    color:white;
    font-size:18px;
    line-height:1.8;
    margin-bottom:14px;
}

.power-points{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.power-points li{
    color:#ffffff;
    font-size:19px;
    font-weight:600;
    margin-bottom:10px;
    padding-left:30px;
    position:relative;
}

.power-points li::before{
    content:"▶";
    color:#f7c600;
    position:absolute;
    left:0;
    top:0;
}

.strong-note{
    background:#101010;
    padding:14px 18px;
    border-radius:10px;
}

.strong-note strong{
    color:#f7c600;
}
.who-should-sports-section{
    background:#0d0d0d;
}

.who-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    padding:28px 22px;
    height:100%;
    border:1px solid #222;
    border-top:4px solid #f7c600;
    text-align:center;
    transition:all 0.3s ease;
}

.who-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.2);
}

.who-card p{
    color:white;
    font-size:19px;
    line-height:1.6;
    margin:0;
}
.sports-covered-section{
    background:#0d0d0d;
}

.sport-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:20px;
    padding:32px 26px;
    height:100%;
    border:1px solid #222;
    border-top:4px solid #f7c600;
    transition:all 0.3s ease;
}

.sport-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 35px rgba(247,198,0,0.2);
}

.sport-card h4{
    color:#f7c600;
    font-weight:700;
    margin-bottom:14px;
}

.sport-card p{
    color:#e0e0e0;
    font-size:14.5px;
    line-height:1.7;
    margin-bottom:10px;
}

.sport-link{
    font-size:14px;
    color:#d0d0d0;
}
.sports-markets-section{
    background:#0d0d0d;
}

.market-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:16px;
    padding:26px 20px;
    height:100%;
    border:1px solid #222;
    border-left:4px solid #f7c600;
    text-align:center;
    transition:all 0.3s ease;
}

.market-card:hover{
    transform:translateY(-5px);
    box-shadow:0 0 28px rgba(247,198,0,0.2);
}

.market-card p{
    color:#ffffff;
    font-size:15.5px;
    font-weight:600;
    margin:0;
}
.live-sports-betting-section{
    background:#0d0d0d;
}

.live-betting-box{
    max-width:950px;
    margin:0 auto;
    padding:45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    border-left:6px solid #dc3545;
}

.emphasis-line{
    background:#101010;
    padding:14px 18px;
    border-radius:10px;
    border-left:4px solid #dc3545;
}
.place-bet-steps-section{
    background:#0d0d0d;
}

.step-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    padding:28px 22px;
    height:100%;
    text-align:center;
    border:1px solid #222;
    border-top:4px solid #f7c600;
    transition:all 0.3s ease;
}

.step-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 30px rgba(247,198,0,0.2);
}

.step-num{
    display:inline-block;
    width:38px;
    height:38px;
    line-height:38px;
    border-radius:50%;
    background:#f7c600;
    color:#000;
    font-weight:700;
    margin-bottom:12px;
}

.step-card p{
    text-align: center;
    font-size:19px;
    line-height:1.6;
    margin:0;
}
.why-choose-sports-section{
    background:#0d0d0d;
}

.why-choose-box{
    max-width:950px;
    margin:0 auto;
    padding:45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    border-left:6px solid #f7c600;
}

.why-choose-list{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.why-choose-list li{
    color:#ffffff;
    font-size:15px;
    font-weight:600;
    margin-bottom:10px;
    padding-left:30px;
    position:relative;
}

.why-choose-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.sports-responsible-support{
    background:#0d0d0d;
    padding:70px 0;
}

.sports-box{
    height:100%;
    padding:40px;
    border-radius:18px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
}

.left-box{
    border-left:6px solid #25D366;
}

.right-box{
    border-left:6px solid #f7c600;
}



.section-text{
    color:#d0d0d0;
    font-size:15px;
    line-height:1.8;
    margin-bottom:14px;
}

.sports-list{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.sports-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:28px;
    position:relative;
}

.sports-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.about-mahadev-section{
    background:#0d0d0d;
    padding:70px 0;
}


.section-text{
    color:#fffff;
    font-size:17px;
    line-height:1.8;
    margin-bottom:14px;
}

.strong-line{
    border-left:4px solid #f7c600;
    padding-left:14px;
}

.about-img{
 
    border-radius:18px;
    box-shadow:0 0 35px rgba(207, 202, 202, 0.4);
}

/* Mobile */
@media(max-width:768px){
    .about-mahadev-section{
        text-align:center;
    }

    .strong-line{
        border-left:none;
        padding-left:0;
    }
}
.platform-philosophy-section{
    background:#0d0d0d;
    padding:80px 0;
}

.philosophy-box{
   
    margin:0 auto;
    padding:50px 40px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:20px;
    border-top:4px solid #f7c600;
}


.philosophy-list{
    list-style:none;
    padding-left:0;
    margin:22px 0;
}

.philosophy-list li{
    color:#ffffff;
    font-size:15px;
    margin-bottom:12px;
    padding-left:30px;
    position:relative;
}

.philosophy-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.emphasis-line{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #f7c600;
}
.who-page-for-section{
    background:#0d0d0d;
    padding:70px 0;
}

.who-page-box{
    max-width:850px;
    margin:0 auto;
    padding:45px 35px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    border-left:6px solid #f7c600;
}

.who-page-list{
    list-style:none;
    padding-left:0;
    margin:0;
}

.who-page-list li{
    color:#e0e0e0;
    font-size:15.5px;
    line-height:1.7;
    margin-bottom:14px;
    padding-left:32px;
    position:relative;
}

.who-page-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.communication-data-section{
    background:#0d0d0d;
    padding:70px 0;
}

.info-box{
    height:100%;
    padding:40px;
    border-radius:18px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
}

.left-info{
    border-left:6px solid #f7c600;
}

.right-info{
    border-left:6px solid #25D366;
}


.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

.info-list{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.info-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:30px;
    position:relative;
}

.info-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
.legal-awareness-section{
    background:#0d0d0d;
    padding:70px 0;
}

.legal-title{
    color:#ffffff;
    font-weight:800;
    border-left:6px solid #dc3545;
    padding-left:16px;
}

.legal-content-box{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:30px;
    border-radius:14px;
}

.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}
.content-author-section,
.compliance-team-section{
    background:#0d0d0d;
    padding:70px 0;
}

.author-box,
.compliance-box{
    max-width:950px;
    margin:0 auto;
    padding:45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
}

.author-box{
    border-left:6px solid #f7c600;
}

.compliance-box{
    border-left:6px solid #25D366;
}



.author-name{
    color:#f7c600;
    font-weight:700;
    margin-bottom:14px;
}

.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

.author-list,
.compliance-list{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.author-list li,
.compliance-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:30px;
    position:relative;
}

.author-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.compliance-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.emphasis-line{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #f7c600;
}
.legal-compliance-page{
    background:#0d0d0d;
    padding:70px 0;
}

.legal-box{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:40px;
    border-radius:18px;
    margin-bottom:30px;
}

.intro-box{
    border-top:4px solid #f7c600;
}

.warning-box{
    border-left:6px solid #dc3545;
}

.highlight-box{
    border-left:6px solid #25D366;
}


.section-subtitle{
    color:#ffffff;
    font-weight:700;
    margin-bottom:16px;
}

.mini-title{
    color:#f7c600;
    font-weight:600;
    margin-top:20px;
}

.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

.legal-list{
    list-style:none;
    padding-left:0;
    margin:16px 0;
}

.legal-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:30px;
    position:relative;
}

.legal-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}
/* ===============================
   HERO SECTION
================================= */
.app-hero{
    background:linear-gradient(135deg,#111,#1b1b1b);
    text-align:center;
}

.hero-title{
    font-size:34px;
    margin-bottom:14px;
}

.hero-tagline{
    color:#f7c600;
    font-weight:600;
    margin-bottom:18px;
}

/* ===============================
   INFO / CONTENT BOX
================================= */
.info-box{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:40px;
    border-radius:18px;
    border-left:6px solid #f7c600;
}

/* ===============================
   HIGHLIGHT SECTION
================================= */
.highlight-section{
    background:#0f0f0f;
}

.highlight-box{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:45px;
    border-radius:18px;
    border-top:4px solid #25D366;
}

/* ===============================
   FEATURE GRID
================================= */
.features-section{
    background:#0d0d0d;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
    margin:30px 0;
}

.feature-card{
    background:#6c757d;
    padding:22px;   
    border-radius:14px;
    text-align:center;
    border:1px solid #222;
    font-size:15px;
    transition:.3s ease;
}

.feature-card:hover{
    transform:translateY(-5px);
    box-shadow:0 0 25px rgba(247,198,0,.2);
}

/* ===============================
   SPORTS & GAMES
================================= */
.app-sports{
    background:#0f0f0f;
}

.app-sports ul{
    list-style:none;
    padding-left:0;
}

.app-sports li{
    padding-left:28px;
    position:relative;
    margin-bottom:10px;
    color: white;
}

.app-sports li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#f7c600;
    font-weight:700;
}

/* ===============================
   DOWNLOAD & LOGIN (6-6)
================================= */
.app-steps {
  background: #f8f9fa;
}

.step-card {
  border-radius: 14px;
  border: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.step-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.step-list {
  padding-left: 0;
  list-style: none;
  text-align: start;
}

.step-list li {
  padding-left: 28px;
  margin-bottom: 10px;
  position: relative;
  font-size: 18px;
}

.step-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #0d6efd;
  font-weight: bold;
}
.step-card {
  background: #111;            /* dark card */
  color: #fff;                 /* FIX: text white */
}

.step-card h3 {
    color: #f7c600;
}

.step-card .text-muted {
  color: #cfcfcf !important;   /* muted text readable */
}
/* ===============================
   SAFETY & RESPONSIBLE USE
================================= */
.safety-section{
    background:#0f0f0f;
}

.safety-section ul{
    list-style:none;
    padding-left:0;
}

.safety-section li{
    padding-left:28px;
    position:relative;
    margin-bottom:10px;
}

.safety-section li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#25D366;
    font-weight:700;
}

/* ===============================
   FINAL / DISCLAIMER / FAQ
================================= */
.final-section{
    background:#0d0d0d;
}

.final-section strong{
    color:#f7c600;
    display:block;
    margin-top:16px;
}

/* ===============================
   RESPONSIVE
================================= */
@media(max-width:768px){
    .hero-title{
        font-size:26px;
    }

    .info-box,
    .highlight-box{
        padding:30px;
    }
}

.payment-card {
  background: linear-gradient(135deg, #0f0f0f, #1c1c1c);
  color: #fff;
  border-radius: 16px;
  border: none;
}

.payment-card .card-text {
  color: #d1d1d1;
}

.payment-list {
  list-style: none;
  padding-left: 0;
}

.payment-list li {
  padding-left: 30px;
  margin-bottom: 12px;
  position: relative;
  font-size: 16px;
}

.payment-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffc107;
  font-weight: bold;
}

.alert-warning {
  background: rgba(255, 193, 7, 0.15);
  border: 1px solid rgba(255, 193, 7, 0.4);
  color: #ffc107;
}
.faq-app-section{
    background:#0d0d0d;
    padding:70px 0;
}

.faq-box{
    max-width:900px;
    margin:0 auto;
}

.accordion-item{
    background:#141414;
    border:1px solid #222;
    border-radius:14px;
    margin-bottom:12px;
    overflow:hidden;
}

.accordion-button{
    background:#141414;
    color:#ffffff;
    font-weight:600;
    padding:18px 20px;
}

.accordion-button:not(.collapsed){
    background:#1c1c1c;
    color:#f7c600;
}

.accordion-button:focus{
    box-shadow:none;
}

.accordion-body{
    background:#1c1c1c;
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    padding:18px 20px;
}
.responsible-app-use{
    background:#0d0d0d;
    padding:70px 0;
}

.responsible-box{
    max-width:900px;
    margin:0 auto;
    padding:45px 40px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    border-left:6px solid #25D366;
}



.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:16px;
}

.responsible-list{
    list-style:none;
    padding-left:0;
    margin:20px 0;
}

.responsible-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:30px;
    position:relative;
}

.responsible-list li::before{
    content:"✔";
    color:#25D366;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.emphasis-note{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #25D366;
}
.app-eligibility-section{
    background:#0d0d0d;
    padding:70px 0;
}

.eligibility-box{
    max-width:850px;
    margin:0 auto;
    padding:45px 40px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    border-top:4px solid #f7c600;
}

.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:16px;
}

.eligibility-list{
    list-style:none;
    padding-left:0;
    margin:20px 0;
}

.eligibility-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:30px;
    position:relative;
}

.eligibility-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.emphasis-note{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #f7c600;
}
.mahadev-online-intro{
    background:#0d0d0d;
    padding:80px 0;
}


.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

.emphasis-line{
    border-left:4px solid #f7c600;
    padding-left:14px;
}

.intro-image{
   
    border-radius:18px;
    box-shadow:0 0 35px rgba(0,0,0,0.4);
}

/* Mobile Optimization */
@media(max-width:768px){
    .mahadev-online-intro{
        text-align:center;
    }

    .emphasis-line{
        border-left:none;
        padding-left:0;
    }
}
.mahadev-online-explain{
    background:#0d0d0d;
    padding:80px 0;
}

.explain-box{
    max-width:1000px;
    margin:0 auto;
    padding:50px 45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:22px;
    border-top:4px solid #f7c600;
}



.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:18px;
}

.feature-highlight{
    margin:35px 0;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:18px;
    margin-top:20px;
}

.feature-item{
    background:#151515;
    border:1px solid #262626;
    padding:18px 16px;
    border-radius:14px;
    color:#e0e0e0;
    font-size:15px;
    text-align:center;
    transition:0.3s ease;
}

.feature-item:hover{
    transform:translateY(-4px);
    box-shadow:0 0 18px rgba(247,198,0,0.25);
}

.emphasis-note{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #f7c600;
}

/* Mobile */
@media(max-width:768px){
    .explain-box{
        padding:35px 25px;
    }
}
.mahadev-workflow{
    background:#0d0d0d;
    padding:80px 0;
}

.workflow-box{
    max-width:1000px;
    margin:0 auto;
    padding:55px 45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:22px;
    border-left:6px solid #f7c600;
}



.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:18px;
}

.workflow-steps{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:22px;
    margin:35px 0;
}

.step-item{
    background:#151515;
    border:1px solid #262626;
    border-radius:16px;
    padding:24px 18px;
    text-align:center;
    position:relative;
    transition:0.3s ease;
}

.step-item:hover{
    transform:translateY(-5px);
    box-shadow:0 0 20px rgba(247,198,0,0.25);
}

.step-number{
    display:inline-flex;
    width:42px;
    height:42px;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    background:#f7c600;
    color:#000;
    font-weight:800;
    font-size:18px;
    margin-bottom:12px;
}

.step-item p{
    color:#e0e0e0;
    font-size:15px;
    margin:0;
}

.emphasis-note{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #f7c600;
}

/* Mobile */
@media(max-width:768px){
    .workflow-box{
        padding:40px 25px;
    }
}

.live-casino-section{
    background:#0d0d0d;
    padding:80px 0;
}

.side-title{
    color:#ffffff;
    font-weight:800;
    border-left:6px solid #f7c600;
    padding-left:16px;
}

.content-box{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:30px 32px;
    border-radius:18px;
}

.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:16px;
}

/* Mobile Optimization */
@media(max-width:768px){
    .live-casino-section{
        text-align:center;
    }

    .side-title{
        border-left:none;
        padding-left:0;
        margin-bottom:18px;
    }
}
.login-access-section{
    background:#0d0d0d;
    padding:80px 0;
}

.access-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border:1px solid #262626;
    border-radius:18px;
    padding:28px 22px;
    height:100%;
    text-align:center;
    transition:0.3s ease;
}

.access-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 22px rgba(247,198,0,0.25);
}

.access-card h4{
    color:#f7c600;
    font-weight:700;
    margin-bottom:10px;
}

.access-card p{
    color:#d0d0d0;
    font-size:14.5px;
    margin:0;
}




.emphasis-note{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #f7c600;
    display:inline-block;
}

/* Mobile */
@media(max-width:768px){
    .access-card{
        padding:24px 18px;
    }
}
.payment-methods-section{
    background:#0d0d0d;
    padding:80px 0;
}

.payment-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border:1px solid #262626;
    border-radius:18px;
    padding:26px 22px;
    text-align:center;
    height:100%;
    transition:0.3s ease;
}

.payment-card:hover{
    transform:translateY(-5px);
    box-shadow:0 0 20px rgba(247,198,0,0.25);
}

.payment-card h4{
    color:#f7c600;
    font-weight:700;
    margin-bottom:8px;
}

.payment-card p{
    color:#d0d0d0;
    font-size:14.5px;
    margin:0;
}


.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
}

.emphasis-note{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #f7c600;
    display:inline-block;
}

/* Mobile */
@media(max-width:768px){
    .payment-card{
        padding:22px 18px;
    }
}
.support-section{
    background:#0d0d0d;
    padding:80px 0;
}

.support-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border:1px solid #262626;
    border-radius:18px;
    padding:30px 24px;
    text-align:center;
    height:100%;
    transition:0.3s ease;
}

.support-card:hover{
    transform:translateY(-6px);
    box-shadow:0 0 22px rgba(247,198,0,0.25);
}

.support-card h4{
    color:#f7c600;
    font-weight:700;
    margin-bottom:10px;
}

.support-card p{
    color:#d0d0d0;
    font-size:14.5px;
    margin:0;
}

.support-warning{
    max-width:900px;
    margin:0 auto;
    background:#101010;
    padding:18px 22px;
    border-radius:12px;
    border-left:4px solid #f7c600;
}

.support-warning p{
    color:#d0d0d0;
    font-size:14.8px;
    margin:0;
}

/* Mobile */
@media(max-width:768px){
    .support-card{
        padding:24px 18px;
    }
}
.safety-awareness-section{
    background:#0d0d0d;
    padding:80px 0;
}

.safety-box{
    max-width:900px;
    margin:0 auto;
    padding:50px 45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:22px;
    border-top:4px solid #f7c600;
}


.safety-list{
    list-style:none;
    padding-left:0;
    margin:25px 0;
    text-align:left;
}

.safety-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:12px;
    padding-left:28px;
    position:relative;
}

.safety-list li::before{
    content:"✔";
    color:#f7c600;
    font-weight:700;
    position:absolute;
    left:0;
    top:0;
}

.emphasis-note{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #f7c600;
    display:inline-block;
}

/* Mobile */
@media(max-width:768px){
    .safety-box{
        padding:35px 25px;
    }

    .safety-list{
        text-align:center;
    }

    .safety-list li{
        padding-left:0;
    }

    .safety-list li::before{
        position:static;
        margin-right:6px;
    }
}
.responsible-betting-section{
    background:#0d0d0d;
    padding:80px 0;
}

.responsible-box{
    max-width:900px;
    margin:0 auto;
    padding:50px 45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:22px;
    border-bottom:4px solid #f7c600;
}



.responsible-list{
    list-style:none;
    padding-left:0;
    margin:25px auto;
    max-width:520px;
}

.responsible-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:12px;
    padding-left:28px;
    position:relative;
}

.responsible-list li::before{
    content:"•";
    color:#f7c600;
    font-size:22px;
    position:absolute;
    left:0;
    top:-2px;
}

.emphasis-note{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #f7c600;
    display:inline-block;
}

/* Mobile */
@media(max-width:768px){
    .responsible-box{
        padding:35px 25px;
    }

    .responsible-list{
        max-width:100%;
    }
}
.why-choose-section{
    background:#0d0d0d;
    padding:80px 0;
}

.choose-box{
    max-width:1000px;
    margin:0 auto;
    padding:55px 45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:22px;
    border-top:4px solid #f7c600;
}


.choose-item{
    background:#151515;
    border:1px solid #262626;
    border-radius:14px;
    padding:18px 16px;
    color:#e0e0e0;
    font-size:15px;
    text-align:center;
    height:100%;
    transition:0.3s ease;
}

.choose-item:hover{
    transform:translateY(-4px);
    box-shadow:0 0 18px rgba(247,198,0,0.22);
}

.emphasis-note{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #f7c600;
    display:inline-block;
}

/* Mobile */
@media(max-width:768px){
    .choose-box{
        padding:35px 25px;
    }
}
.learn-more-section{
    background:#0d0d0d;
    padding:80px 0;
}

.learn-box{
    max-width:1000px;
    margin:0 auto;
    padding:55px 45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:22px;
}


.learn-item{
    background:#151515;
    border:1px solid #262626;
    border-radius:14px;
    padding:18px 14px;
    text-align:center;
    color:#f7c600;
    font-weight:600;
}

/* Mobile */
@media(max-width:768px){
    .learn-box{
        padding:35px 25px;
    }
}
.laser247-intro{
    background:#0d0d0d;
    padding:80px 0;
}


.platform-image{
   
    border-radius:18px;
    box-shadow:0 0 35px rgba(0,0,0,0.45);
}

/* Mobile */
@media(max-width:768px){
    .laser247-intro{
        text-align:center;
    }
}
.laser247-explain-section{
    background:#0d0d0d;
    padding:80px 0;
}

.laser247-box{
    max-width:1000px;
    margin:0 auto;
    padding:55px 45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:22px;
    border-top:4px solid #dc3545;
}



.laser-feature{
    background:#151515;
    border:1px solid #262626;
    border-radius:14px;
    padding:18px 16px;
    color:#e0e0e0;
    font-size:15px;
    text-align:center;
    height:100%;
    transition:0.3s ease;
}

.laser-feature:hover{
    transform:translateY(-4px);
    box-shadow:0 0 18px rgba(220,53,69,0.25);
}

.emphasis-note{
    background:#101010;
    padding:16px 18px;
    border-radius:10px;
    border-left:4px solid #dc3545;
    display:inline-block;
}

/* Mobile */
@media(max-width:768px){
    .laser247-box{
        padding:35px 25px;
    }
}
.laser247-process-section{
    background:#0f0f0f;
    padding:80px 0;
}

.process-wrapper{
    max-width:1000px;
    margin:0 auto;
    padding:55px 45px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:22px;
    border-top:4px solid #dc3545;
}


.section-intro{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
}

.process-subtitle{
    color:#ffffff;
    font-weight:700;
    margin-top:25px;
}

.process-step{
    background:#151515;
    border:1px solid #262626;
    border-radius:16px;
    padding:22px 20px;
    color:#e0e0e0;
    font-size:15px;
    text-align:center;
    height:100%;
    position:relative;
    transition:0.3s ease;
}

.process-step:hover{
    transform:translateY(-4px);
    box-shadow:0 0 20px rgba(220,53,69,0.25);
}

.step-number{
    display:block;
    width:38px;
    height:38px;
    line-height:38px;
    margin:0 auto 12px;
    background:#dc3545;
    color:#fff;
    font-weight:700;
    border-radius:50%;
}

.process-note{
    background:#101010;
    padding:16px 20px;
    border-left:4px solid #dc3545;
    border-radius:10px;
    color:#d0d0d0;
    display:inline-block;
}

/* Mobile */
@media(max-width:768px){
    .process-wrapper{
        padding:35px 25px;
    }
}
.laser247-login-section{
    background:#0e0e0e;
    padding:80px 0;
}

.login-wrapper{
    max-width:1100px;
    margin:0 auto;
}


.section-intro{
    color:#cfcfcf;
    font-size:15.5px;
    line-height:1.8;
}

.login-box{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border:1px solid #262626;
    border-radius:18px;
    padding:28px;
    height:100%;
}

.box-title{
    color:#ffffff;
    font-weight:700;
    margin-bottom:18px;
}

.step-list,
.safety-list{
    padding-left:0;
    list-style:none;
}

.step-list li,
.safety-list li{
    position:relative;
    padding-left:28px;
    margin-bottom:12px;
    color:#e0e0e0;
    font-size:15px;
}

.step-list li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#dc3545;
    font-weight:700;
}

.safety-list li::before{
    content:"⚠";
    position:absolute;
    left:0;
    color:#ffc107;
    font-weight:700;
}

.box-note{
    margin-top:18px;
    padding:14px 16px;
    background:#111;
    border-left:4px solid #dc3545;
    border-radius:8px;
    color:#d0d0d0;
    font-size:14px;
}

/* Mobile */
@media(max-width:768px){
    .login-box{
        padding:22px;
    }
}
/* Rutucss */

.gold365-section{
    background:#0d0d0d;
    padding:70px 0;
}


.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

.gold365-img{
    border-radius:18px;
    box-shadow:0 0 35px rgba(0,0,0,0.4);
}

/* Mobile */
@media(max-width:768px){
    .gold365-section{
        text-align:center;
    }
}

.gold365-info{
    background:#0d0d0d;
    padding:70px 0;
}

.gold365-text-box{
    max-width:900px;
    margin:0 auto;
    padding:45px 40px;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    border-left:6px solid #f7c600;
}



.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

.gold365-list{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.gold365-list li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:30px;
    position:relative;
}

.gold365-list li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#f7c600;
    font-weight:700;
}

/* Mobile */
@media(max-width:768px){
    .gold365-text-box{
        padding:30px 25px;
    }
}

.gold365-dual-section{
    background:#0c0c0c;
    padding:80px 0;
}

.gold365-card{
    height:100%;
    background:linear-gradient(145deg,#141414,#1b1b1b);
    border-radius:20px;
    padding:40px;
    transition:all .4s ease;
    position:relative;
    overflow:hidden;
}

/* Hover Transition */
.gold365-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,0.6);
}

/* Headings */
.gold365-card h2{
    color:#ffffff;
    font-weight:800;
    margin-bottom:18px;
}

/* Text */
.gold365-card p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

/* Lists */
.gold365-card ul{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.gold365-card ul li{
    padding-left:28px;
    position:relative;
    margin-bottom:10px;
    color:#e0e0e0;
}

.gold365-card ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#f7c600;
    font-weight:700;
}

/* Flow Steps */
.flow-steps{
    padding-left:18px;
    margin:18px 0;
}

.flow-steps li{
    margin-bottom:10px;
    color:#e0e0e0;
    font-size:15px;
}

/* Notes */
.note{
    background:#101010;
    padding:14px 16px;
    border-radius:10px;
    border-left:4px solid #25D366;
    margin-top:18px;
}

/* Card Accent Lines */
.legal-card::before,
.flow-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
}

.legal-card::before{
    background:#f7c600;
}

.flow-card::before{
    background:#25D366;
}

/* Mobile */
@media(max-width:768px){
    .gold365-card{
        padding:30px 25px;
    }
}

.gold365-login-steps{
    background:#0d0d0d;
    padding:80px 0;
}


.section-intro{
    color:#bfbfbf;
    font-size:15.5px;
    max-width:750px;
    margin:0 auto;
}

.step-card{
    background:linear-gradient(145deg,#141414,#1d1d1d);
    padding:30px 25px;
    border-radius:16px;
    height:100%;
    text-align:center;
    transition:all .35s ease;
    position:relative;
}

.step-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,0.6);
}

.step-number{
    display:inline-block;
    width:48px;
    height:48px;
    line-height:48px;
    border-radius:50%;
    background:#f7c600;
    color:#000;
    font-weight:800;
    font-size:18px;
    margin-bottom:14px;
}

.step-card p{
    color:#e0e0e0;
    font-size:15.5px;
    margin:0;
}

/* Note */
.section-note{
    color:#d0d0d0;
    font-size:15px;
}

/* Safety Box */
.login-safety-box{
    max-width:800px;
    margin:0 auto;
    background:#101010;
    padding:35px 30px;
    border-radius:18px;
    border-left:5px solid #f7c600;
}

.login-safety-box h3{
    color:#ffffff;
    font-weight:700;
    margin-bottom:15px;
}

.login-safety-box ul{
    list-style:none;
    padding-left:0;
    margin:0;
}

.login-safety-box ul li{
    color:#dcdcdc;
    margin-bottom:10px;
    padding-left:28px;
    position:relative;
}

.login-safety-box ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#f7c600;
    font-weight:700;
}

/* Mobile */
@media(max-width:768px){
    .step-card{
        padding:25px 20px;
    }
}

.gold365-auth-section{
    background:#0d0d0d;
    padding:80px 0;
}

.section-text{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:16px;
}

.auth-checklist{
    list-style:none;
    padding-left:0;
    margin:20px 0;
}

.auth-checklist li{
    color:#e0e0e0;
    font-size:15.5px;
    margin-bottom:12px;
    padding-left:32px;
    position:relative;
}

.auth-checklist li::before{
    content:"🔒";
    position:absolute;
    left:0;
    top:0;
}

.auth-note{
    background:#101010;
    padding:16px 18px;
    border-radius:12px;
    border-left:5px solid #25D366;
    color:#dcdcdc;
    font-size:15px;
    margin-top:20px;
}

.auth-image{
    
    border-radius:20px;
    box-shadow:0 0 45px rgba(0,0,0,0.55);
}

/* Mobile */
@media(max-width:768px){
    .gold365-auth-section{
        text-align:center;
    }
}

.gold365-markets{
    background:#0c0c0c;
    padding:80px 0;
}


.market-card{
    height:100%;
    background:linear-gradient(145deg,#141414,#1b1b1b);
    padding:38px 32px;
    border-radius:22px;
    transition:all .4s ease;
    position:relative;
}

.market-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 55px rgba(0,0,0,0.6);
}

/* Titles */
.market-card h3{
    color:#ffffff;
    font-weight:700;
    margin-bottom:16px;
}

/* Text */
.market-card p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

/* Lists */
.market-card ul{
    list-style:none;
    padding-left:0;
    margin:18px 0;
}

.market-card ul li{
    color:#e0e0e0;
    font-size:15px;
    margin-bottom:10px;
    padding-left:28px;
    position:relative;
}

.market-card ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    font-weight:700;
}

/* Accent Colors */
.cricket-market{
    border-top:4px solid #f7c600;
}

.cricket-market ul li::before{
    color:#f7c600;
}

.other-sports{
    border-top:4px solid #25D366;
}

.other-sports ul li::before{
    color:#25D366;
}

/* Notes */
.market-note{
    background:#101010;
    padding:14px 16px;
    border-radius:10px;
    border-left:4px solid #555;
}

/* Mobile */
@media(max-width:768px){
    .market-card{
        padding:30px 26px;
    }
}

.gold365-live-markets-v2{
    background:#0b0b0b;
    padding:90px 0;
}

/* Header */
.section-header h2{
    color:#ffffff;
    font-weight:800;
    margin-bottom:12px;
}

.section-header p{
    color:#bdbdbd;
    font-size:15.5px;
    max-width:780px;
    margin:0 auto 50px;
}

/* Wrapper */
.markets-wrapper{
    max-width:1000px;
    margin:0 auto;
}

/* Market Row */
.market-row{
    display:flex;
    gap:30px;
    margin-bottom:50px;
    padding:40px;
    background:linear-gradient(135deg,#141414,#1a1a1a);
    border-radius:26px;
    transition:all .35s ease;
}

.market-row:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 60px rgba(0,0,0,0.65);
}

/* Icon */
.market-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    flex-shrink:0;
}

.cricket-icon{
    background:#f7c600;
    color:#000;
}

.other-icon{
    background:#25D366;
    color:#000;
}

/* Content */
.market-content h3{
    color:#ffffff;
    font-weight:700;
    margin-bottom:14px;
}

.market-content p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:12px;
}

.market-content ul{
    list-style:none;
    padding-left:0;
    margin:16px 0;
}

.market-content ul li{
    color:#e0e0e0;
    margin-bottom:8px;
    padding-left:26px;
    position:relative;
}

.market-content ul li::before{
    content:"•";
    position:absolute;
    left:0;
    color:#f7c600;
    font-size:22px;
}

/* Note */
.market-note{
    background:#101010;
    padding:14px 16px;
    border-radius:10px;
    border-left:4px solid #555;
}

/* Mobile */
@media(max-width:768px){
    .market-row{
        flex-direction:column;
        text-align:center;
        padding:30px 25px;
    }

    .market-icon{
        margin:0 auto;
    }
}

.gold365-live-experience{
    background:#0b0b0b;
    padding:90px 0;
}

.live-wrapper{
    max-width:1000px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:60px;
}

/* Content */
.live-content h2{
    color:#ffffff;
    font-weight:800;
    margin-bottom:18px;
}

.live-content p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:16px;
}

/* Factors */
.live-factors{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:18px 0 22px;
}

.live-factors span{
    background:#151515;
    padding:10px 16px;
    border-radius:30px;
    font-size:14.5px;
    color:#f7c600;
    border:1px solid #222;
}

/* Note */
.live-note{
    background:#101010;
    padding:16px 18px;
    border-radius:12px;
    border-left:4px solid #dc3545;
}

/* Live Visual */
.live-visual{
    position:relative;
    width:180px;
    height:180px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pulse-center{
    width:70px;
    height:70px;
    background:#dc3545;
    color:#fff;
    font-weight:800;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3;
    box-shadow:0 0 25px rgba(220,53,69,0.7);
}

/* Pulses */
.pulse-circle{
    position:absolute;
    width:70px;
    height:70px;
    border-radius:50%;
    background:rgba(220,53,69,0.35);
    animation:pulse 2.5s infinite;
    z-index:1;
}

.pulse-circle.delay{
    animation-delay:1.2s;
}

@keyframes pulse{
    0%{
        transform:scale(1);
        opacity:0.7;
    }
    100%{
        transform:scale(2.8);
        opacity:0;
    }
}

/* Mobile */
@media(max-width:768px){
    .live-wrapper{
        flex-direction:column;
        text-align:center;
        gap:40px;
    }
}


.gold365-compare-strip{
    background:#0b0b0b;
    padding:90px 0;
}


/* Main Block */
.compare-block{
    max-width:950px;
    margin:0 auto 45px;
    padding:40px;
    background:linear-gradient(135deg,#141414,#1a1a1a);
    border-radius:26px;
    border-top:4px solid #f7c600;
}

.compare-block p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

/* Advice Chips */
.advice-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:18px;
}

.advice-row span{
    background:#111;
    padding:10px 16px;
    border-radius:30px;
    font-size:14.5px;
    color:#f7c600;
    border:1px solid #222;
}

/* Variation Block */
.variation-block{
    max-width:950px;
    margin:0 auto;
    padding:40px;
    background:linear-gradient(135deg,#121212,#181818);
    border-radius:26px;
    border-left:4px solid #25D366;
}

.variation-block h3{
    color:#ffffff;
    font-weight:700;
    margin-bottom:14px;
}

.variation-block p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

.advice-row.alt span{
    color:#25D366;
}

/* Mobile */
@media(max-width:768px){
    .compare-block,
    .variation-block{
        padding:30px 24px;
        text-align:center;
    }

    .advice-row{
        justify-content:center;
    }
}

.gold365-id-access{
    background:#0a0a0a;
    padding:90px 0;
}

/* Header */
.id-header{
    margin-bottom:22px;
}

.id-badge{
    display:inline-block;
    padding:6px 14px;
    border-radius:20px;
    font-size:12px;
    font-weight:800;
    letter-spacing:0.5px;
    background:#25D366;
    color:#000;
    margin-bottom:12px;
}

.id-header h2{
    color:#ffffff;
    font-weight:800;
}

/* Description */
.id-description{
    max-width:780px;
    margin:0 auto 30px;
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    text-align:center;
}

/* Stat Tiles */
.id-stats{
    max-width:900px;
    margin:0 auto 35px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.stat-tile{
    background:#151515;
    padding:26px 18px;
    border-radius:18px;
    text-align:center;
    font-size:15.5px;
    color:#f7c600;
    font-weight:700;
    transition:all .3s ease;
}

.stat-tile:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 40px rgba(0,0,0,0.6);
}

/* Warning */
.id-warning{
    max-width:760px;
    margin:0 auto;
    padding:16px 20px;
    background:#101010;
    border-radius:12px;
    border-left:4px solid #dc3545;
    color:#dcdcdc;
    font-size:15px;
    text-align:center;
}

/* Mobile */
@media(max-width:768px){
    .id-stats{
        grid-template-columns:1fr;
    }
}

.gold365-payments{
    background:#0b0b0b;
    padding:90px 0;
}

/* Header */
.payment-header h2{
    color:#ffffff;
    font-weight:800;
    margin-bottom:10px;
}

.payment-header p{
    color:#cfcfcf;
    font-size:15.5px;
    margin-bottom:35px;
}

/* Payment Pills */
.payment-methods{
    max-width:800px;
    margin:0 auto 30px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:14px;
}

.payment-pill{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    padding:14px 24px;
    border-radius:40px;
    color:#f7c600;
    font-size:15px;
    font-weight:700;
    border:1px solid #222;
    transition:all .3s ease;
}

.payment-pill:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,0.5);
}

/* Note */
.payment-note{
    max-width:720px;
    margin:0 auto;
    background:#101010;
    padding:16px 20px;
    border-radius:14px;
    border-left:4px solid #25D366;
    color:#dcdcdc;
    font-size:15px;
    text-align:center;
}

/* Mobile */
@media(max-width:768px){
    .payment-methods{
        flex-direction:column;
        align-items:center;
    }
}

.gold365-support{
    background:#0a0a0a;
    padding:90px 0;
}

.support-wrapper{
    max-width:1000px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.2fr 0.8fr;
    gap:30px;
}

/* Content */
.support-content{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    padding:40px 36px;
    border-radius:26px;
}

.support-content h2{
    color:#ffffff;
    font-weight:800;
    margin-bottom:16px;
}

.support-content p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

/* Points */
.support-points{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:20px;
}

.support-item{
    background:#101010;
    padding:14px 18px;
    border-radius:14px;
    color:#f7c600;
    font-size:15px;
    font-weight:700;
}

/* Alert */
.support-alert{
    background:#120c0c;
    padding:38px 32px;
    border-radius:26px;
    border-left:5px solid #dc3545;
}

.support-alert h3{
    color:#ffffff;
    font-weight:800;
    margin-bottom:14px;
}

.support-alert p{
    color:#e0e0e0;
    font-size:15.5px;
    line-height:1.8;
}

/* Mobile */
@media(max-width:768px){
    .support-wrapper{
        grid-template-columns:1fr;
        text-align:center;
    }
}

.gold365-compare-table{
    background:#0b0b0b;
    padding:90px 0;
}


/* Table */
.compare-table{
    width:100%;
    border-collapse:collapse;
    background:linear-gradient(135deg,#141414,#1b1b1b);
    border-radius:18px;
    overflow:hidden;
}

.compare-table thead{
    background:#111;
}

.compare-table th,
.compare-table td{
    padding:16px 18px;
    text-align:left;
    font-size:15px;
}

.compare-table th{
    color:#f7c600;
    font-weight:800;
}

.compare-table td{
    color:#e0e0e0;
    border-top:1px solid #222;
}

/* Highlight Gold365 column */
.compare-table td:nth-child(2){
    color:#25D366;
    font-weight:700;
}

/* Mobile Responsive */
@media(max-width:768px){

    .compare-table,
    .compare-table thead,
    .compare-table tbody,
    .compare-table th,
    .compare-table td,
    .compare-table tr{
        display:block;
    }

    .compare-table thead{
        display:none;
    }

    .compare-table tr{
        margin-bottom:18px;
        background:#141414;
        border-radius:14px;
        padding:14px;
    }

    .compare-table td{
        border:none;
        padding:8px 0;
        font-size:14.5px;
        position:relative;
    }

    .compare-table td::before{
        content:attr(data-label);
        display:block;
        font-size:12px;
        font-weight:700;
        color:#f7c600;
        margin-bottom:4px;
    }
}

.gold365-responsible-use{
    background:#0b0b0b;
    padding:90px 0;
}

.responsible-wrapper{
    max-width:820px;
    margin:0 auto;
    padding:45px 40px;
    background:linear-gradient(135deg,#121212,#181818);
    border-radius:28px;
    border-top:4px solid #25D366;
    text-align:center;
}

.responsible-wrapper h2{
    color:#ffffff;
    font-weight:800;
    margin-bottom:18px;
}

.responsible-wrapper p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:30px;
}

/* Points */
.responsible-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.point{
    background:#101010;
    padding:16px 18px;
    border-radius:14px;
    font-size:15px;
    color:#f7c600;
    font-weight:700;
}

/* Mobile */
@media(max-width:768px){
    .responsible-wrapper{
        padding:30px 24px;
    }

    .responsible-points{
        grid-template-columns:1fr;
    }
}

.gold365-user-guide{
    background:#0b0b0b;
    padding:90px 0;
}


/* WHO SHOULD USE */
.who-grid{
    max-width:900px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.who-item{
    background:#151515;
    padding:20px;
    border-radius:16px;
    font-size:15.5px;
    color:#f7c600;
    font-weight:700;
    text-align:center;
}

/* ISSUES BOX */
.issue-box{
    max-width:900px;
    margin:0 auto;
    background:linear-gradient(135deg,#141414,#1b1b1b);
    padding:40px;
    border-radius:24px;
}

.issue-box p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
}

.issue-box strong{
    color:#ffffff;
}

.issue-note{
    background:#101010;
    padding:14px 18px;
    border-radius:12px;
    border-left:4px solid #25D366;
}

/* FAQ */
.faq-item{
    max-width:900px;
    margin:0 auto;
    border-radius:18px;
    overflow:hidden;
    background:#151515;
}

.faq-question{
    width:100%;
    padding:20px;
    background:#151515;
    color:#ffffff;
    font-size:16px;
    font-weight:700;
    border:none;
    text-align:left;
    cursor:pointer;
}

.faq-answer{
    padding:0 20px 20px;
}

.faq-answer p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
}

/* Mobile */
@media(max-width:768px){
    .who-grid{
        grid-template-columns:1fr;
    }

    .issue-box{
        padding:30px 24px;
    }
}

.gold365-faq-stack{
    background:#0b0b0b;
    padding:90px 0;
}

/* FAQ Wrapper */
.faq-stack{
    max-width:900px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* FAQ Block */
.faq-block{
    background:linear-gradient(135deg,#141414,#1a1a1a);
    padding:30px 32px;
    border-radius:22px;
    border-left:4px solid #f7c600;
}

.faq-block h3{
    color:#ffffff;
    font-weight:700;
    font-size:17px;
    margin-bottom:10px;
}

.faq-block p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
}

/* Mobile */
@media(max-width:768px){
    .faq-block{
        padding:26px 22px;
    }
}

.cricbet99-hero{
    background:radial-gradient(circle at top left,#1a1a1a,#0b0b0b 70%);
    padding:110px 0;
}

/* Title */
.hero-title{
    color:#ffffff;
    font-weight:900;
    font-size:34px;
    line-height:1.3;
    margin-bottom:22px;
    text-align: left;
}

/* Text */
.hero-text{
    color:#d0d0d0;
    font-size:15.8px;
    line-height:1.9;
    margin-bottom:16px;
}

/* Image */
.hero-image{
   
    border-radius:26px;
    box-shadow:0 30px 70px rgba(0,0,0,0.65);
}

/* Mobile */
@media(max-width:768px){
    .cricbet99-hero{
        padding:80px 0;
        text-align:center;
    }

    .hero-title{
        font-size:26px;
    }
}

.cricbet99-club{
    background:#0b0b0b;
    padding:90px 0;
}

.club-wrapper{
    max-width:900px;
    margin:0 auto;
    background:linear-gradient(135deg,#141414,#1b1b1b);
    padding:48px 44px;
    border-radius:30px;
    border-top:5px solid #f7c600;
}

/* Title */
.club-title{
    color:#ffffff;
    font-weight:800;
    margin-bottom:18px;
}

/* Text */
.club-text{
    color:#d0d0d0;
    font-size:15.6px;
    line-height:1.9;
    margin-bottom:16px;
}

/* Features List */
.club-features{
    margin:22px 0 28px;
    padding-left:0;
    list-style:none;
}

.club-features li{
    color:#f0f0f0;
    font-size:15.5px;
    margin-bottom:12px;
    padding-left:30px;
    position:relative;
}

.club-features li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:0;
    color:#25D366;
    font-weight:700;
}

/* Note */
.club-note{
    background:#101010;
    padding:18px 20px;
    border-radius:14px;
    border-left:4px solid #dc3545;
    color:#dcdcdc;
    font-size:15px;
}

/* Mobile */
@media(max-width:768px){
    .club-wrapper{
        padding:34px 26px;
    }
}
.cricbet99-compare{
    background:#0b0b0b;
    padding:90px 0;
}

.section-title{
    font-weight:800;
    margin-bottom:18px;
    text-align: start;
}

.section-intro{
    max-width:900px;
    margin:0 auto 40px;
    color:#cfcfcf;
    font-size:15.5px;
    line-height:1.8;
}

/* Table */
.table-wrapper{
    max-width:1000px;
    margin:0 auto;
    overflow:hidden;
    border-radius:22px;
}

.compare-table{
    width:100%;
    border-collapse:collapse;
    background:linear-gradient(135deg,#141414,#1b1b1b);
}

.compare-table thead{
    background:#111;
}

.compare-table th{
    padding:18px;
    text-align:left;
    color:#f7c600;
    font-weight:800;
    font-size:15px;
}

.compare-table td{
    padding:16px 18px;
    color:#e0e0e0;
    font-size:15px;
    border-top:1px solid #222;
}

/* Highlight Cricbet99 column */
.compare-table td:nth-child(2){
    color:#25D366;
    font-weight:700;
}

/* Note */
.table-note{
    max-width:900px;
    margin:30px auto 0;
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
}

/* Mobile Responsive */
@media(max-width:768px){

    .compare-table,
    .compare-table thead,
    .compare-table tbody,
    .compare-table th,
    .compare-table td,
    .compare-table tr{
        display:block;
    }

    .compare-table thead{
        display:none;
    }

    .compare-table tr{
        background:#141414;
        margin-bottom:18px;
        border-radius:16px;
        padding:16px;
    }

    .compare-table td{
        border:none;
        padding:8px 0;
        font-size:14.5px;
    }

    .compare-table td::before{
        content:attr(data-label);
        display:block;
        font-size:12px;
        font-weight:700;
        color:#f7c600;
        margin-bottom:4px;
    }
}
.cricbet99-signup{
    background:#0b0b0b;
    padding:90px 0;
}

.signup-wrapper{
    max-width:900px;
    margin:0 auto;
    background:linear-gradient(135deg,#141414,#1b1b1b);
    padding:50px 46px;
    border-radius:30px;
    border-top:5px solid #25D366;
}

/* Title */
.signup-title{
    color:#ffffff;
    font-weight:800;
    margin-bottom:16px;
}

/* Text */
.signup-text{
    color:#d0d0d0;
    font-size:15.6px;
    line-height:1.9;
    margin-bottom:26px;
}

/* Subtitle */
.signup-subtitle{
    color:#ffffff;
    font-weight:700;
    margin-bottom:22px;
}

/* Steps */
.signup-steps{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-bottom:28px;
}

.step{
    background:#101010;
    padding:16px 20px;
    border-radius:14px;
    color:#f7c600;
    font-size:15.5px;
    font-weight:700;
    position:relative;
}

/* Warning */
.signup-warning{
    background:#120c0c;
    padding:18px 22px;
    border-radius:14px;
    border-left:4px solid #dc3545;
    color:#e0e0e0;
    font-size:15.5px;
}

/* Mobile */
@media(max-width:768px){
    .signup-wrapper{
        padding:34px 26px;
        text-align:center;
    }
}
.cricbet99-login-guide{
    background:#0b0b0b;
    padding:90px 0;
}

.login-wrapper{
    max-width:1100px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.2fr 0.8fr;
    gap:30px;
}

/* Login Flow */
.login-flow{
    background:linear-gradient(135deg,#141414,#1b1b1b);
    padding:46px 44px;
    border-radius:30px;
}

.login-flow h2{
    color:#ffffff;
    font-weight:800;
    margin-bottom:16px;
}

.login-flow p{
    color:#d0d0d0;
    font-size:15.6px;
    line-height:1.9;
    margin-bottom:18px;
}

.login-flow h3{
    color:#ffffff;
    font-weight:700;
    margin-bottom:16px;
}

/* Steps */
.login-steps{
    counter-reset:step;
    list-style:none;
    padding-left:0;
    margin-bottom:20px;
}

.login-steps li{
    counter-increment:step;
    background:#101010;
    padding:14px 18px 14px 52px;
    border-radius:14px;
    color:#f7c600;
    font-size:15.5px;
    font-weight:700;
    margin-bottom:12px;
    position:relative;
}

.login-steps li::before{
    content:counter(step);
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    border-radius:50%;
    background:#f7c600;
    color:#000;
    font-size:13px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* After Login */
.after-login{
    margin-top:14px;
}

/* Safety */
.login-safety{
    background:#120c0c;
    padding:44px 36px;
    border-radius:30px;
    border-left:5px solid #dc3545;
}

.login-safety h3{
    color:#ffffff;
    font-weight:800;
    margin-bottom:18px;
}

.login-safety ul{
    list-style:none;
    padding-left:0;
}

.login-safety ul li{
    color:#e0e0e0;
    font-size:15.5px;
    margin-bottom:12px;
    padding-left:28px;
    position:relative;
}

.login-safety ul li::before{
    content:"⚠";
    position:absolute;
    left:0;
}

/* Mobile */
@media(max-width:768px){
    .login-wrapper{
        grid-template-columns:1fr;
    }

    .login-flow,
    .login-safety{
        padding:32px 26px;
        text-align:center;
    }

    .login-steps li{
        padding-left:18px;
    }

    .login-steps li::before{
        display:none;
    }
}
.cricbet99-cricket-band{
    background:#0a0a0a;
    padding:90px 0;
}

.cricket-band-box{
    max-width:1100px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.2fr 0.8fr;
    background:linear-gradient(135deg,#111,#1c1c1c);
    border-radius:34px;
    overflow:hidden;
}

/* LEFT SIDE */
.cricket-band-left{
    padding:54px 52px;
}

.cricket-band-left h2{
    color:#ffffff;
    font-weight:900;
    margin-bottom:18px;
}

.cricket-band-left p{
    color:#d3d3d3;
    font-size:15.8px;
    line-height:1.9;
    margin-bottom:20px;
}

.markets-text{
    font-weight:600;
    color:#f0f0f0;
}

/* RIGHT SIDE */
.cricket-band-right{
    background:#0f0f0f;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:50px 38px;
    border-left:4px solid #f7c600;
}

.cricket-band-right span{
    color:#f7c600;
    font-weight:800;
    font-size:16px;
    padding:14px 0;
    border-bottom:1px dashed rgba(255,255,255,0.12);
}

.cricket-band-right span:last-child{
    border-bottom:none;
}

/* Mobile */
@media(max-width:768px){
    .cricket-band-box{
        grid-template-columns:1fr;
    }

    .cricket-band-left,
    .cricket-band-right{
        padding:34px 26px;
        text-align:center;
    }

    .cricket-band-right{
        border-left:none;
        border-top:4px solid #f7c600;
    }
}
.cricbet99-app-access{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

.app-access-wrapper{
    max-width:900px;
    margin:0 auto;
    background:linear-gradient(135deg,#141414,#1b1b1b);
    padding:50px 46px;
    border-radius:32px;
    border-top:5px solid #f7c600;
}

/* Title */
.app-title{
    color:#ffffff;
    font-weight:900;
    margin-bottom:14px;
}

/* Intro */
.app-intro{
    color:#cfcfcf;
    font-size:15.6px;
    line-height:1.8;
    margin-bottom:30px;
}

/* Access Box */
.app-access-box{
    background:#101010;
    padding:30px 32px;
    border-radius:22px;
    margin-bottom:28px;
}

.app-access-box h3{
    color:#ffffff;
    font-weight:800;
    margin-bottom:14px;
}

.app-access-box p{
    color:#d0d0d0;
    font-size:15.5px;
    margin-bottom:16px;
}

/* Points */
.app-points{
    list-style:none;
    padding-left:0;
}

.app-points li{
    color:#f7c600;
    font-size:15.5px;
    font-weight:700;
    margin-bottom:12px;
    padding-left:26px;
    position:relative;
}

.app-points li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#25D366;
}

/* Warning */
.app-warning{
    background:#120c0c;
    padding:20px 22px;
    border-radius:16px;
    border-left:4px solid #dc3545;
    color:#e0e0e0;
    font-size:15.5px;
}

/* Mobile */
@media(max-width:768px){
    .app-access-wrapper{
        padding:34px 26px;
        text-align:center;
    }

    .app-points li{
        padding-left:0;
    }

    .app-points li::before{
        display:none;
    }
}

.cricbet99-id-access{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

.id-access-wrapper{
    max-width:900px;
    margin:0 auto;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:52px 48px;
    border-radius:34px;
    position:relative;
}

/* Top accent line */
.id-access-wrapper::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#25D366,#f7c600);
    border-radius:34px 34px 0 0;
}

/* Title */
.id-title{
    color:#ffffff;
    font-weight:900;
    margin-bottom:14px;
}

/* Intro */
.id-intro{
    color:#d0d0d0;
    font-size:15.6px;
    line-height:1.8;
    margin-bottom:28px;
}

/* Features */
.id-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:30px;
}

.id-feature{
    background:#101010;
    padding:18px 20px;
    border-radius:16px;
    color:#f7c600;
    font-weight:700;
    font-size:15.5px;
}

/* Note */
.id-note{
    background:#120c0c;
    padding:20px 22px;
    border-radius:16px;
    border-left:4px solid #dc3545;
    color:#e0e0e0;
    font-size:15.5px;
}

/* Mobile */
@media(max-width:768px){
    .id-access-wrapper{
        padding:34px 26px;
        text-align:center;
    }

    .id-features{
        grid-template-columns:1fr;
    }
}
.cricbet99-info-section{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

.info-block{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:42px 40px;
    border-radius:28px;
    margin-bottom:34px;
}

.info-block h2{
    color:#ffffff;
    font-weight:800;
    margin-bottom:14px;
}

.info-block p{
    color:#d0d0d0;
    font-size:15.6px;
    line-height:1.8;
    margin-bottom:16px;
}

.info-list{
    list-style:none;
    padding-left:0;
    margin-bottom:18px;
}

.info-list li{
    color:#f7c600;
    font-size:15.5px;
    font-weight:700;
    margin-bottom:10px;
    padding-left:22px;
    position:relative;
}

.info-list li::before{
    content:"•";
    position:absolute;
    left:0;
    color:#25D366;
    font-size:22px;
}

/* Variants */
.highlight{
    border-left:5px solid #25D366;
}

.dark{
    background:#101010;
}

.warning{
    border-left:5px solid #dc3545;
}

.responsible{
    border-top:4px solid #f7c600;
}

/* Notes & Warnings */
.info-note,
.final-note{
    color:#cfcfcf;
    font-size:15px;
}

.warning-box{
    background:#120c0c;
    padding:18px 20px;
    border-radius:16px;
    color:#e0e0e0;
    border-left:4px solid #dc3545;
    font-size:15px;
}

.no-box{
    background:#101010;
    padding:16px 18px;
    border-radius:14px;
    color:#e0e0e0;
    margin-bottom:12px;
    font-size:15px;
}

/* Mobile */
@media(max-width:768px){
    .info-block{
        padding:30px 24px;
    }
}
.cricbet99-faq-cards{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

.faq-title{
    text-align:center;
    color:#ffffff;
    font-weight:900;
    margin-bottom:50px;
}

/* Grid */
.faq-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
}

/* Card */
.faq-card{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:32px 30px;
    border-radius:24px;
    border-top:4px solid #f7c600;
    transition:transform 0.3s ease, box-shadow 0.3s ease;
}

.faq-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 40px rgba(0,0,0,0.5);
}

.faq-card h3{
    color:#ffffff;
    font-weight:800;
    font-size:17px;
    margin-bottom:12px;
}

.faq-card p{
    color:#d0d0d0;
    font-size:15.5px;
    line-height:1.8;
}

/* Mobile */
@media(max-width:768px){
    .faq-grid{
        grid-template-columns:1fr;
    }

    .faq-card{
        padding:26px 24px;
    }
}
.laser247-cricket-section{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

.laser247-cricket-wrap{
    max-width:950px;
    margin:0 auto;
    background:linear-gradient(135deg,#141414,#1d1d1d);
    padding:52px 48px;
    border-radius:34px;
    position:relative;
}

/* Accent bar */
.laser247-cricket-wrap::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#f7c600,#25D366);
    border-radius:34px 34px 0 0;
}

/* Title */
.laser247-title{
    color:#ffffff;
    font-weight:900;
    margin-bottom:16px;
}

/* Intro */
.laser247-intro{
    color:#d0d0d0;
    font-size:15.6px;
    line-height:1.9;
    margin-bottom:30px;
}

/* Content split */
.laser247-content{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

/* Left */
.laser247-left h3{
    color:#ffffff;
    font-weight:800;
    margin-bottom:14px;
}

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

.laser247-left li{
    color:#f7c600;
    font-size:15.5px;
    font-weight:700;
    margin-bottom:12px;
    padding-left:24px;
    position:relative;
}

.laser247-left li::before{
    content:"🏏";
    position:absolute;
    left:0;
}

/* Right */
.laser247-right{
    background:#101010;
    padding:26px 28px;
    border-radius:20px;
}

.laser247-right p{
    color:#e0e0e0;
    font-size:15.5px;
    line-height:1.8;
}

/* Mobile */
@media(max-width:768px){
    .laser247-cricket-wrap{
        padding:34px 26px;
        text-align:center;
    }

    .laser247-content{
        grid-template-columns:1fr;
    }

    .laser247-left li{
        padding-left:0;
    }

    .laser247-left li::before{
        display:none;
    }
}
.laser247-live-section{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

.live-wrapper{
   
    margin:0 auto;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:50px 46px;
    border-radius:34px;
    position:relative;
}

/* Side pulse bar */
.live-wrapper::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:6px;
    height:100%;
    background:linear-gradient(180deg,#f7c600,#25D366);
    border-radius:0 34px 34px 0;
}

/* Title */
.live-title{
    color:#ffffff;
    font-weight:900;
    margin-bottom:18px;
}

/* Intro */
.live-intro{
    color:#d0d0d0;
    font-size:15.6px;
    line-height:1.9;
    margin-bottom:28px;
}

/* Factors */
.live-factors{
    display:flex;
    gap:18px;
    margin-bottom:28px;
}

.factor{
    flex:1;
    background:#101010;
    padding:18px 20px;
    border-radius:18px;
    color:#f7c600;
    font-weight:800;
    font-size:15.5px;
    text-align:center;
}

/* Note */
.live-note{
    background:#120c0c;
    padding:20px 22px;
    border-radius:18px;
    border-left:4px solid #dc3545;
    color:#e0e0e0;
    font-size:15.5px;
    line-height:1.8;
}

/* Mobile */
@media(max-width:768px){
    .live-wrapper{
        padding:34px 26px;
        text-align:center;
    }

    .live-factors{
        flex-direction:column;
    }
}
.laser247-mobile-id-section{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

/* Split layout */
.laser247-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:32px;
}

/* Box */
.laser247-box{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:48px 44px;
    border-radius:32px;
}

.laser247-box h2{
    color:#ffffff;
    font-weight:800;
    margin-bottom:14px;
}

.laser247-box p{
    color:#d0d0d0;
    font-size:15.6px;
    line-height:1.8;
    margin-bottom:14px;
}

/* List */
.laser247-list{
    list-style:none;
    padding-left:0;
    margin-bottom:20px;
}

.laser247-list li{
    color:#f7c600;
    font-weight:700;
    font-size:15.5px;
    margin-bottom:10px;
    padding-left:22px;
    position:relative;
}

.laser247-list li::before{
    content:"•";
    position:absolute;
    left:0;
    color:#25D366;
    font-size:22px;
}

/* Warning & Note */
.laser247-warning{
    background:#120c0c;
    padding:18px 20px;
    border-radius:16px;
    border-left:4px solid #dc3545;
    color:#e0e0e0;
    font-size:15px;
}

.laser247-note{
    background:#101010;
    padding:18px 20px;
    border-radius:16px;
    border-left:4px solid #f7c600;
    color:#e0e0e0;
    font-size:15px;
}

/* Accent second box */
.laser247-box.accent{
    border-top:4px solid #25D366;
}

/* Mobile */
@media(max-width:768px){
    .laser247-split{
        grid-template-columns:1fr;
    }

    .laser247-box{
        padding:32px 26px;
        text-align:center;
    }

    .laser247-list li{
        padding-left:0;
    }

    .laser247-list li::before{
        display:none;
    }
}
.laser247-vip-payment{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

/* Two-panel layout */
.laser247-dual{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:32px;
}

/* Panels */
.laser247-panel{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:48px 44px;
    border-radius:32px;
}

.laser247-panel h2{
    color:#ffffff;
    font-weight:800;
    margin-bottom:14px;
}

.laser247-panel p{
    color:#d0d0d0;
    font-size:15.6px;
    line-height:1.8;
    margin-bottom:14px;
}

/* Points */
.laser247-points{
    list-style:none;
    padding-left:0;
    margin-bottom:16px;
}

.laser247-points li{
    color:#f7c600;
    font-weight:700;
    font-size:15.5px;
    margin-bottom:10px;
    padding-left:22px;
    position:relative;
}

.laser247-points li::before{
    content:"•";
    position:absolute;
    left:0;
    color:#25D366;
    font-size:22px;
}

/* Variants */
.vip-panel{
    border-top:4px solid #f7c600;
}

.payment-panel{
    border-top:4px solid #25D366;
}

/* Warning */
.laser247-warning{
    background:#101010;
    padding:18px 20px;
    border-radius:16px;
    border-left:4px solid #dc3545;
    color:#e0e0e0;
    font-size:15px;
}

/* Muted text */
.laser247-muted{
    color:#bdbdbd;
    font-size:15px;
}

/* Mobile */
@media(max-width:768px){
    .laser247-dual{
        grid-template-columns:1fr;
    }

    .laser247-panel{
        padding:32px 26px;
        text-align:center;
    }

    .laser247-points li{
        padding-left:0;
    }

    .laser247-points li::before{
        display:none;
    }
}
.laser247-whatsapp-support{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

.support-wrapper{
    max-width:900px;
    margin:0 auto;
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:52px 48px;
    border-radius:34px;
    position:relative;
}

/* Accent bar */
.support-wrapper::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#25D366,#f7c600);
    border-radius:34px 34px 0 0;
}

/* Title */
.support-title{
    color:#ffffff;
    font-weight:900;
    margin-bottom:16px;
}

/* Intro */
.support-intro{
    color:#d0d0d0;
    font-size:15.6px;
    line-height:1.9;
    margin-bottom:26px;
}

/* Help Box */
.support-help{
    background:#101010;
    padding:26px 28px;
    border-radius:22px;
    margin-bottom:26px;
}

.support-help p{
    color:#ffffff;
    font-weight:700;
    margin-bottom:14px;
}

/* List */
.support-list{
    list-style:none;
    padding-left:0;
}

.support-list li{
    color:#f7c600;
    font-size:15.5px;
    font-weight:700;
    margin-bottom:10px;
    padding-left:22px;
    position:relative;
}

.support-list li::before{
    content:"•";
    position:absolute;
    left:0;
    color:#25D366;
    font-size:22px;
}

/* Warning */
.support-warning{
    background:#120c0c;
    padding:20px 22px;
    border-radius:18px;
    border-left:4px solid #dc3545;
    color:#e0e0e0;
    font-size:15.5px;
    line-height:1.8;
}

/* Mobile */
@media(max-width:768px){
    .support-wrapper{
        padding:34px 26px;
        text-align:center;
    }

    .support-list li{
        padding-left:0;
    }

    .support-list li::before{
        display:none;
    }
}
.laser247-compare-section{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

.compare-title{
    text-align:center;
    color:#ffffff;
    font-weight:900;
    margin-bottom:40px;
}

/* Table Wrapper */
.compare-table-wrap{
    max-width:1000px;
    margin:0 auto;
    overflow:hidden;
    border-radius:28px;
}

/* Table */
.compare-table{
    width:100%;
    border-collapse:collapse;
    background:linear-gradient(135deg,#141414,#1c1c1c);
}

.compare-table thead{
    background:#101010;
}

.compare-table th{
    padding:18px;
    text-align:left;
    color:#f7c600;
    font-weight:800;
    font-size:15px;
}

.compare-table td{
    padding:16px 18px;
    color:#e0e0e0;
    font-size:15.5px;
    border-top:1px solid #222;
}

/* Highlight Laser247 column */
.compare-table td:nth-child(2){
    color:#25D366;
    font-weight:700;
}

/* Mobile Responsive */
@media(max-width:768px){

    .compare-table,
    .compare-table thead,
    .compare-table tbody,
    .compare-table th,
    .compare-table td,
    .compare-table tr{
        display:block;
    }

    .compare-table thead{
        display:none;
    }

    .compare-table tr{
        background:#141414;
        margin-bottom:18px;
        border-radius:18px;
        padding:18px;
    }

    .compare-table td{
        border:none;
        padding:8px 0;
        font-size:14.5px;
    }

    .compare-table td::before{
        content:attr(data-label);
        display:block;
        font-size:12px;
        font-weight:700;
        color:#f7c600;
        margin-bottom:4px;
    }
}
.laser247-who-section{
    background:#0e0e0e;
    padding:80px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
    text-align:center;
}

.who-title{
    color:#ffffff;
    font-weight:900;
    margin-bottom:12px;
}

.who-subtitle{
    color:#bdbdbd;
    font-size:15.5px;
    margin-bottom:40px;
}

/* Grid */
.who-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

/* Item */
.who-item{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    padding:28px 22px;
    border-radius:22px;
    color:#f7c600;
    font-size:15.5px;
    font-weight:700;
    line-height:1.7;
    position:relative;
    transition:transform .3s ease, box-shadow .3s ease;
}

.who-item::before{
    content:"✓";
    display:block;
    font-size:22px;
    color:#25D366;
    margin-bottom:10px;
}

.who-item:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.6);
}

/* Tablet */
@media(max-width:992px){
    .who-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */
@media(max-width:576px){
    .who-grid{
        grid-template-columns:1fr;
    }
}
.laser247-faq-section{
    background:#0b0b0b;
    padding:90px 0;
    font-family:Arial, sans-serif;
}



.faq-title{
    text-align:center;
    color:#ffffff;
    font-weight:900;
    margin-bottom:45px;
}

/* Accordion */
.faq-accordion{
    max-width:900px;
    margin:0 auto;
}

.faq-item{
    background:linear-gradient(135deg,#141414,#1c1c1c);
    border-radius:18px;
    margin-bottom:16px;
    overflow:hidden;
    border:1px solid #222;
}

/* Question */
.faq-question{
    width:100%;
    background:none;
    border:none;
    padding:20px 24px;
    color:#f7c600;
    font-size:16px;
    font-weight:700;
    text-align:left;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.faq-question .icon{
    font-size:22px;
    color:#25D366;
    transition:transform .3s ease;
}

/* Answer */
.faq-answer{
    max-height:0;
    overflow:hidden;
    padding:0 24px;
    color:#e0e0e0;
    font-size:15.5px;
    line-height:1.8;
    transition:max-height .4s ease, padding .3s ease;
}

/* Active State */
.faq-item.active .faq-answer{
    max-height:300px;
    padding:0 24px 20px;
}

.faq-item.active .faq-question .icon{
    transform:rotate(45deg);
}

/* Mobile */
@media(max-width:576px){
    .faq-question{
        font-size:15px;
    }
}
.laser247-responsible-section{
    background:linear-gradient(180deg,#0b0b0b,#121212);
    padding:90px 0;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

/* Main Box */
.responsible-box{
    max-width:850px;
    margin:0 auto;
    text-align:center;
    padding:50px 44px;
    background:#141414;
    border-radius:30px;
    position:relative;
}

/* Soft border */
.responsible-box::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:30px;
    padding:2px;
    background:linear-gradient(90deg,#f7c600,#25D366);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
}

/* Title */
.responsible-title{
    color:#ffffff;
    font-weight:900;
    margin-bottom:18px;
}

/* Intro */
.responsible-intro{
    color:#d0d0d0;
    font-size:15.8px;
    line-height:1.9;
    margin-bottom:34px;
}

/* List */
.responsible-list{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.responsible-list li{
    background:#0f0f0f;
    padding:16px 18px;
    border-radius:16px;
    color:#f7c600;
    font-weight:700;
    font-size:15.2px;
    position:relative;
}

/* Check icon */
.responsible-list li::before{
    content:"✓";
    color:#25D366;
    font-weight:900;
    margin-right:8px;
}

/* Mobile */
@media(max-width:768px){
    .responsible-list{
        grid-template-columns:1fr;
    }

    .responsible-box{
        padding:36px 26px;
    }
}
/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer {
  background-color: #0a0a0a;
  color: #cbd5e1;
  padding-top: 80px;
  border-top: 1px solid var(--border);
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,250px), 1fr));
  gap: 40px;
  margin-bottom: 60px;
}

.footer .logo {
  margin-bottom: 20px;
}

.footer .logo span {
  color: var(--primary);
}

.footer-col h3 {
  color: var(--light);
  font-size: 20px;
  margin-bottom: 25px;
  position: relative;
}

.footer-col h3::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 3px;
  background: #f7c600;
}

.footer p {
  margin-bottom: 20px;
  font-size: 15px;
  color: var(--gray);
}

.social-links {
  display: flex;
  gap: 15px;
}

.social-links a {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  background-color: #1a1a1a;
  border-radius: 50%;
  color: var(--light);
  transition: all 0.3s ease;
  border: 1px solid var(--border);
}

.social-links a:hover {
  background-color: var(--primary);
  color: #1a1a1a;
  transform: translateY(-3px);
}

.footer-col ul {
  list-style: none;
}

.footer-col ul li {
  margin-bottom: 12px;
}

.footer-col ul a {
  color: var(--gray);
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-col ul a:hover {
  color: var(--primary);
}

.contact-info li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  color: var(--gray);
}

.contact-info i {
  color: var(--primary);
  width: 20px;
}

.footer-bottom {
  border-top: 1px solid var(--border);
  padding-block: 25px;
  text-align: center;
  font-size: 14px;
  color: var(--gray);
}

.footer-bottom p {
  margin-bottom: 10px;
}

.footer-bottom a {
  color: var(--gray);
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-bottom a:hover {
  color: var(--primary);
}
footer .logo {
    margin-bottom: 20px;
    
}
footer .logo img{
   width: 100px;
}
.logo {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 0 auto;
}

/* ---------- Footer ---------- */
.footer-col{
    text-align: start;
}
.footer {
  background-color: #0a0a0a;
  color: #cbd5e1;
  padding-top: 80px;
  border-top: 1px solid olive;
}

.footer-logo {
  margin-bottom: 30px;
}

.footer-logo img {
  height: 70px;
  width: auto;
  margin-bottom: 15px;
}

.footer-logo p {
  font-size: 15px;
  color: var(--gray);
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,250px), 1fr));
  gap: 40px;
  margin-bottom: 60px;
}

.links-column h3 {
  color: var(--light);
  font-size: 20px;
  margin-bottom: 25px;
  position: relative;
}

.links-column h3::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 3px;
  background: var(--primary);
}

.links-column ul {
  list-style: none;
}

.links-column ul li {
  margin-bottom: 12px;
}

.links-column ul a {
  color: var(--gray);
  text-decoration: none;
  transition: color 0.3s ease;
}

.links-column ul a:hover {
  color: var(--primary);
}

.social-links {
  display: flex;
  gap: 15px;
}

.social-links a {
  color: var(--gray);
  text-decoration: none;
  transition: color 0.3s ease;
}

.social-links a:hover {
  color: var(--primary);
}

.copyright {
  border-top: 1px solid var(--border);
  padding-block: 25px;
  text-align: center;
  font-size: 14px;
  color: var(--gray);
}
.dropdown-menu{
    background:#111;
    border-radius:12px;
    border:1px solid #222;
    padding:8px 0;
}

.dropdown-item{
    color:#fff;
    font-weight:500;
    padding:10px 18px;
}

.dropdown-item:hover{
    background:#f7c600;
    color:#000;
}
.btn-space {
    margin-right: 10px;
}

.mt144{
    margin-top: 144px;
}

.highlight-section {
    background: #111;
    padding: 40px 0;
}

.section-title {
    color: #f7c600;
    margin-bottom: 15px;
}

.feature-list {
    margin: 15px 0 20px;
    padding-left: 0;
    list-style: none;
}

.feature-list li {
    margin-bottom: 8px;
    font-size: 16px;
    color: #fff;
}
.platform-flow-section {
    background: #0f0f0f;
    padding: 50px 0;
}

.section-title {
    color: #f7c600;
    margin-bottom: 10px;
}

.section-desc {
    color: #ccc;
}

.flow-card {
    background: #1b1b1b;
    border: none;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.flow-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

.flow-icon {
    font-size: 36px;
    margin-bottom: 10px;
}

.card-title {
    color: #f7c600;
}

.card-text {
    color: #ddd;
    font-size: 15px;
}
.login-info-section {
    background: #0c0c0c;
    padding: 50px 0;
}

.section-title {
    color: #f7c600;
}

.section-desc {
    color: #bbb;
}

.info-card {
    background: #161616;
    padding: 25px;
    border-radius: 14px;
    border-left: 4px solid #f7c600;
}

.info-title {
    color: #f7c600;
    margin-bottom: 12px;
}

.info-card p {
    color: #ddd;
    font-size: 15px;
}

.info-list {
    list-style: none;
    padding-left: 0;
}

.info-list li {
    margin-bottom: 10px;
    color: #eee;
    font-size: 15px;
}

.security-alert {
    background: #2a1b1b;
    border-left: 5px solid #ff4d4d;
    padding: 20px;
    border-radius: 12px;
}

.security-alert h5 {
    color: #ff4d4d;
}

.security-alert p {
    color: #f1c7c7;
    margin-bottom: 0;
}
.cricket-betting-section {
    background: #0e0e0e;
    padding: 50px 0;
}

.section-title {
    color: #f7c600;
}

.section-desc {
    color: #bbb;
}

.betting-content p {
    color: #ddd;
    font-size: 15px;
}

.betting-box {
    background: #1a1a1a;
    padding: 25px;
    border-radius: 14px;
    border: 1px solid #2a2a2a;
}

.box-title {
    color: #f7c600;
    margin-bottom: 15px;
}

.betting-list {
    list-style: none;
    padding-left: 0;
}

.betting-list li {
    margin-bottom: 10px;
    color: #eee;
    font-size: 15px;
}

.market-box {
    margin-top: 15px;
    padding: 15px;
    background: #111;
    border-left: 4px solid #f7c600;
    border-radius: 8px;
}

.market-box p {
    color: #ddd;
    margin-bottom: 0;
    font-size: 14px;
}
.platform-variants-section {
    background: #0b0b0b;
    padding: 50px 0;
}

.section-title {
    color: #f7c600;
}

.section-desc {
    color: #bbb;
}

.search-terms-box {
    background: #151515;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}

.search-terms-box span {
    display: inline-block;
    background: #1f1f1f;
    color: #f7c600;
    padding: 6px 12px;
    margin: 5px;
    border-radius: 20px;
    font-size: 14px;
}

.variant-card {
    background: #161616;
    padding: 25px;
    border-radius: 14px;
    border-left: 4px solid #f7c600;
}

.variant-card h5 {
    color: #f7c600;
    margin-bottom: 10px;
}

.variant-card p {
    color: #ddd;
    font-size: 15px;
}

.apk-warning {
    background: #2a1b1b;
    border-left: 5px solid #ff4d4d;
    padding: 18px;
    border-radius: 12px;
}

.apk-warning p {
    color: #f1c7c7;
    margin-bottom: 0;
    font-size: 14px;
}
.id-payment-section {
    background: #0f0f0f;
    padding: 50px 0;
}

.section-title {
    color: #f7c600;
}

.section-desc {
    color: #bbb;
}

.info-box {
    background: #161616;
    padding: 25px;
    border-radius: 14px;
    border: 1px solid #2a2a2a;
}

.box-title {
    color: #f7c600;
    margin-bottom: 15px;
}

.info-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
}

.info-list li {
    margin-bottom: 8px;
    color: #eee;
    font-size: 15px;
}

.note-text {
    color: #ccc;
    font-size: 14px;
    border-left: 3px solid #f7c600;
    padding-left: 10px;
}
.comparison-section {
    background: #0e0e0e;
    padding: 50px 0;
}

.section-title {
    color: #f7c600;
}

.section-desc {
    color: #bbb;
}

.comparison-table {
    background: #161616;
    color: #eee;
    border-radius: 12px;
    overflow: hidden;
}

.comparison-table thead {
    background: #1f1f1f;
}

.comparison-table th {
    color: #f7c600;
    border-bottom: 1px solid #2a2a2a;
}

.comparison-table td {
    border-bottom: 1px solid #2a2a2a;
    font-size: 15px;
}

.comparison-note {
    margin-top: 15px;
    padding: 15px;
    background: #111;
    border-left: 4px solid #f7c600;
    border-radius: 8px;
}

.comparison-note p {
    color: #ccc;
    margin-bottom: 0;
    font-size: 14px;
}
.truth-usage-section {
    background: #0d0d0d;
    padding: 50px 0;
}

.section-title {
    color: #f7c600;
}

.section-desc {
    color: #bbb;
}

.not-box {
    background: #1a1212;
    padding: 25px;
    border-radius: 14px;
    border-left: 5px solid #ff4d4d;
}

.not-list {
    list-style: none;
    padding-left: 0;
}

.not-list li {
    color: #f1c7c7;
    font-size: 16px;
    margin-bottom: 10px;
}

.warning-text {
    margin-top: 15px;
    padding: 12px;
    background: #2a1b1b;
    border-radius: 8px;
    color: #ffd6d6;
    font-size: 14px;
}

.use-box {
    background: #161616;
    padding: 25px;
    border-radius: 14px;
    border-left: 5px solid #f7c600;
}

.box-title {
    color: #f7c600;
    margin-bottom: 15px;
}

.use-list {
    list-style: none;
    padding-left: 0;
}

.use-list li {
    color: #eee;
    font-size: 15px;
    margin-bottom: 10px;
}
.responsible-use-section {
    background: #101010;
    padding: 50px 0;
}

.section-title {
    color: #f7c600;
}

.section-desc {
    color: #bbb;
}

.responsible-box {
    background: #161616;
    padding: 25px;
    border-radius: 14px;
    border: 1px solid #2a2a2a;
}

.responsible-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.responsible-list li {
    color: #ddd;
    font-size: 16px;
    margin-bottom: 12px;
}
.faq-section {
    background: #0f0f0f;
    padding: 50px 0;
}

.section-title {
    color: #f7c600;
}

.section-desc {
    color: #bbb;
}

.accordion-item {
    background: #161616;
    border: none;
    margin-bottom: 10px;
    border-radius: 10px;
}

.accordion-button {
    background: #1f1f1f;
    color: #f7c600;
    font-weight: 600;
}

.accordion-button:not(.collapsed) {
    background: #1f1f1f;
    color: #f7c600;
}

.accordion-body {
    color: #ddd;
    background: #161616;
    font-size: 15px;
}