/* RESET & BASE STYLES */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            background-color: #f5fffa;
            border: 3px solid #fc9;
            text-align: center;
            padding: 3px 10px;
            margin: 0;
            scroll-behavior: smooth;
            font-style: italic;
            font-family: Helvetica, sans-serif;
            font-weight: 700;
        }
        
        a, a:hover {
            text-decoration: none;
        }
        
        .section{
          border: 2px solid #503bff;
          background-color: #ffffff;
          margin-bottom: 10px;
          margin-top: 10px;
          padding: 10px;
          border-radius: 10px 10px 10px 10px !important;
        }
        
        .refresh-btn{
                background: navy;
    background: linear-gradient(45deg, navy, #005780);
    border: 1px solid #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 6px 11px 5px;
    transition: all .3s ease-in;
    color:#fff;
        }
        /* MAIN LAYOUT STYLES */
        .main_logo {
            background: #fff;
            /*padding: 0 10px;*/
            display: block;
            color: #fff8f8 !important;
            /*margin-bottom: 3px;*/
            /*letter-spacing: 1px;*/
            font-weight: 700;
            /*border: 3px solid #5c3411;*/
            border-radius: .75em;
            transform-style: preserve-3d;
            transition: transform 150ms cubic-bezier(0,0,.58,1), background 150ms cubic-bezier(0,0,.58,1);
        }
        
        .main_logo h1 {
            color: #000;
            font-size: 28px;
            margin: 10px 0;
        }
        
        .para_1, .para_2, .para_3, .cm_patti_l, .matka-result, .satta-main-result,
        .paid-gm, .blue-container, .red_list>div, .purpel_header,  .ftr_sm,
        .pby_us, .satta-text, .slash-text, .conta {
            color: #000;
            text-align: center;
            margin-bottom: 4px;
            margin-top: -2px;
            font-size: 20px;
            outline: 4px #fff;
            outline-offset: -9px;
            /*border: 2px solid #5c3411 !important;*/
            border-style: outset;
            border-radius: 10px;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
        }
        
        /* PARA CONTAINERS */
        .para_1 {
            margin-bottom: 3px;
            display: flex;
            padding: 5px;
            align-items: center;
            justify-content: space-between;
            flex-direction: column;
            border-radius: 10px;
            border: 2px solid #5c3411;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
        }
        
        .para_2 {
            border-width: 3px;
            border: 2px solid #0014e2;
            margin-bottom: 3px;
            border-style: outset;
            border-radius: 10px;
            border: 2px solid #5c3411;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
        }
        
        .para_2 h1 {
            color: #000;
            font-size: 15px;
            padding-bottom: 3px;
        }
        
        .para_2 p {
            font-size: 13px;
            color: #000;
            text-shadow: 1px 1px 2px #fff;
        }
        
        .para_3 {
            background: #5c3411;
            border: 2px solid white;
            border-style: outset;
            border-radius: 10px;
            margin-bottom: 3px;
            line-height: 1.4;
            font-size: 14px;
            padding: 4px 10px;
            color: #fff;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
        }
       
        
        .mo-no {
            padding: 0.25rem 0.75rem;
            color: black;
            border-radius: 1rem;
            margin-top: 0.25rem;
            cursor: pointer;
            display: inline-block;
            font-size: 1rem;
            background: linear-gradient(to left, #e70042, #f8c27e);
            border: 1px solid #fff;
            box-shadow: #000000 1px 1px 1px;
        }
        
        /* LUCKY NUMBER SECTION */
        .cm_patti_l h3 {
            background: #5c3411;
            padding: 5px 10px;
            text-shadow: 1px 1px 2px #000;
            display: block;
            color: #fff !important;
            margin-bottom: 3px;
            letter-spacing: 1px;
            font-weight: 700;
            border: 2px solid white;
            border-radius: .75em;
            transform-style: preserve-3d;
            transition: transform 150ms cubic-bezier(0,0,.58,1), background 150ms cubic-bezier(0,0,.58,1);
            border: 2px solid white !important;
        }
        
        .cm_patti_l .row {
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
        }
        
        .cm_patti_l .row>div {
            width: 50%;
        }
        
        .cm_patti_l h4 {
            font-size: 24px;
            color: #001699;
            text-shadow: 1px 1px 2px #fff;
        }
        
        .cm_patti_l p {
            font-size: 22px;
            text-shadow: none;
        }
        
        .aa_55 {
            border-right: 1px solid #006400;
            width: 40%;
        }
        
        /* MARQUEE STYLES */
        .marquee {
            color: #fff;
            white-space: nowrap;
            overflow: hidden;
            box-sizing: border-box;
            margin: 0 5px;
            height: 40px;
        }
        
        .marquee p {
            animation: marquee 10s linear infinite;
            font-size: 16px;
            margin-top: 20px;
        }
        
        .marquee p:hover {
            animation-play-state: paused;
        }
        
        @keyframes marquee {
            0% {
                transform: translate(0, 0);
            }
            100% {
                transform: translate(0, -100%);
            }
        }
        
        /* LIVE RESULT SECTION */
        .matka-result{
            background-color:#ff4076;
        }
        .matka-result h3 {
            background: #ffeb3b;
            padding: 5px 10px;
            text-shadow: 1px 1px 2px #000;
            display: block;
            color: #e70042 !important;
            margin-bottom: 3px;
            letter-spacing: 1px;
            font-weight: 700;
            border: 2px solid white;
            border-radius: 0.75em;
            transform-style: preserve-3d;
            transition: transform 150ms cubic-bezier(0,0,.58,1), background 150ms cubic-bezier(0,0,.58,1);
            border: 2px solid white !important;
        }
        
        .matka-card .gn {
            display: block;
            font-size: 22px;
            color: #00094d;
            text-shadow: 1px 1px 2px #fff;
        }
        
        .matka-card .gr {
            display: block;
            color: #880e4f;
            text-shadow: 1px 1px 2px #ffe2c6;
            font-size: 21px;
            line-height: 1;
            margin: 3px 0;
        }
        
        .matka-card button, .refresh_btn {
            border: 1px solid #e6e6e6;
            background: #fff;
            color: #fff;
            padding: 5px 7px;
            border-radius: 8px;
            font-size: 12px;
            margin: 2px 0 -1px;
            display: inline-block;
            transition: all .3s;
        }
        
        /* MAIN RESULTS */
        .banner {
            background: #5c3411;
            padding: 5px 10px;
            text-shadow: 1px 1px 2px #000;
            display: block;
            color: #fff !important;
            margin-bottom: 3px;
            letter-spacing: 1px;
            font-weight: 700;
            border: 2px solid white;
            border-radius: .75em;
            transform-style: preserve-3d;
            transition: transform 150ms cubic-bezier(0,0,.58,1), background 150ms cubic-bezier(0,0,.58,1);
            border: 2px solid white !important;
        }
        
        .satta-main-result h4 {
            font-size: 22px;
            color: #00094d;
            text-shadow: 1px 1px 2px #fff;
        }
        
        .satta-main-result span {
            margin: 0;
            font-size: 22px;
            line-height: 1;
            background: -webkit-linear-gradient(#4500bf, #670009);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            padding: 5px 5px;
        }
        
        .satta-main-result div {
            padding: 3px;
            border-bottom: 1px solid #5c3411;
        }
        
        .satta-main-result div:last-child {
            border-bottom-width: 0;
        }
        
        .yellowbg {
            background-color: #ff0;
            border-bottom: 1px solid #5c3411 !important;
        }
        
        /* BUTTONS & LINKS */
        .result_timing_b, .result_timing_b_right {
            position: absolute;
            color: #7a028d;
            font-size: 15px;
            padding: 2px 0;
            transform: translateY(-158%);
            border-bottom: none !important;
        }
        
        .result_timing_b {
            left: 18px;
            right: auto;
        }
        
        .result_timing_b_right {
            right: 18px;
            left: auto;
        }
        /*  .supermarket-chart-section {*/
        /*    background: #ffeb3b;*/
        /*    padding: 10px 20px;*/
        /*    margin-top: 10px;*/
        /*    margin-bottom: 20px;*/
        /*}*/
        .supermarket-chart-section {
    background: #ffeb3b;
    padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 350px;
    max-width: 100%;
    margin: auto;
    border-radius:10px;
}
        .result_btn_chart {
            color: #fff;
            padding: 5px 7px;
            border-radius: 8px;
            font-size: 12px;
            margin: 0px 0px 0px;
            display: block;
            transition: all .3s;
            text-shadow: 1px 1px 2px #222;
            margin-top: -6px;
            border: 1px solid #e6e6e6;
            background: #522f92;
        }
        
        /* TABLES */
        .my-table {
            margin-bottom: 2px;
        }
        
        .my-table h4 {
            border: solid 2px #5c3411 !important;
            border-bottom-width: 0;
            padding: 3px 5px 2px;
            font-size: 24px;
            background: #5c3411 !important;
            color: #fff;
            margin-bottom: 0px !important;
        }
        
        .my-table table {
            border-collapse: collapse;
            width: 100%;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
            margin: 5px 0;
        }
        
        .my-table thead {
            background-color: #fff;
            font-size: 16px;
        }
        
        .my-table tbody {
            font-size: 16px;
        }
        
        .my-table td, .my-table th {
            border: 1px solid #5c3411;
            padding: 2px 0;
            font-size: 15px;
            text-shadow: 1px 1px 2px #fff;
        }
        
        .my-table th {
            color: #000;
        }
        
        .my-table tr td:nth-child(2), .my-table tr td:nth-child(4) {
            color: #0808b2;
        }
        
        /* SPECIAL SECTIONS */
        .blue-container h4 {
            background: #5c3411;
            color: #fff;
            border-radius: 10px;
            font-size: 30px;
            padding: 3px 5px;
            text-shadow: 1px 1px 2px #000;
        }
        
        .blue-container a {
            background-size: 200% auto;
            color: #000;
            -webkit-background-clip: text;
            animation: textclip 2s linear infinite;
            font-size: 22px;
            display: block;
            border-bottom: 2px solid #5c3411;
            padding: 5px;
        }
        
        @keyframes textclip {
            to {
                background-position: 200% center;
            }
        }
        
        .red_list h4 {
            animation: changeBackgroundColor 5s infinite;
            border-radius: 10px;
            color: #fff;
            line-height: 1.1;
            padding: 4px 10px 3px;
            text-shadow: 1px 1px 2px #000;
            font-size: 24px;
        }
        
        @keyframes changeBackgroundColor {
            0% { background-color: #ff019e; }
            25% { background-color: #FFFF00; }
            50% { background-color: #009a07; }
            75% { background-color: #001fad; }
            100% { background-color: #ff019e; }
        }
        
        .purpel_header h4, .purpel_header h6 {
            color: #fff;
            padding: 5px 10px 3px;
            font-size: 24px;
            background: #5c3411;
        }
        
        .purpel_header a {
            display: block;
            font-size: 22px;
            padding: 5px 7px 4px;
            color: #1a237e;
            text-shadow: 1px 1px #d9d9d9;
            border-bottom: 2px solid #5c3411;
        }
        
        .purpel_header a:last-child {
            border-bottom-width: 0;
        }
        
        /* FOOTER & DISCLAIMER */
        .pby_us {
            text-shadow: 0px 0px #f4e1e1;
            color: #fff;
            background-color: #5c3411;
            padding-top: 4px;
            padding-bottom: 4px;
            font-style: normal;
        }
        
        .ftr_sm {
            padding: 5px;
        }
        
        .ftr_sm h2 {
            color: #bb2833;
            text-shadow: 1px 1px 2px #fff;
        }
        
        .ftr_sm p {
            color: #a50031;
            font-size: 10px;
            line-height: 1.4;
        }
        
        /* RESPONSIVE STYLES */
        @media only screen and (max-width: 768px) {
            .faq h4 {
                font-size: 15px;
            }
        }
        
        @media only screen and (max-width: 500px) {
            body {
                padding: 2px 5px;
            }
            
            .faq h4 {
                font-size: 15px;
            }
            
            .satta-text {
                height: 150px;
            }
            
            .main_logo img {
                height: 60px;
                width: auto;
                max-width: 100%;
            }
        }
        
        @media only screen and (max-width: 300px) {
            .main_logo img {
                height: 80px;
                width: auto;
                max-width: 100%;
            }
        }
        
        
        .today_matka_satka_class {
            /*border-left: lime solid 3px;*/
            font-weight: bold;
            /*border-right: lime solid 3px;*/
            /*border-top: lime solid 3px;*/
            /*border-bottom: lime solid 3px;*/
            background-color: mintcream;
            color: black;
            border-radius: 8px;
            font-style: italic;
            font-size: 18px;
            text-align: center;
            text-shadow: 1px 1px pink;
            /*margin-top: 9px;*/
            /*margin-bottom: 9px;*/
            /*border: solid 3px #956f13;*/
            text-shadow: 1px 1px 0 pink, 1px 5px 5px #aba8a8;
            font-style: italic;
            text-align: center;
        }
        .live-result1 {
            background-color: #ff019e;
            color: #ffffff;
            font-weight: bold;
            font-size: 20px;
            font-family: 'Open Sans', sans-serif;
            /*border: orange solid 3px;*/
            margin-bottom: 5px;
            text-shadow: 1px 1px rgb(216, 185, 71);
            border-radius: 13px;
            text-align: center;
            font-style: italic;
            padding: 10px;
        }
        .today_matka_satka_class.section span {
            font-size: 26px;
        }
/*.live-result1 {*/
/*    background-color: #FAE6E9;*/
/*    color: black;*/
/*    font-weight: bold;*/
/*    font-size: 21px;*/
/*    font-family: 'Open Sans', sans-serif;*/
/*    border: orange solid 3px;*/
/*    margin-bottom: 5px;*/
/*    text-shadow: 1px 1px rgb(216, 185, 71);*/
/*    border-radius: 4px;*/
/*    text-align: center;*/
/*    font-style: italic;*/
/*    padding: 1px;*/
/*}*/
.table {
    width: 100%;
}


.B {
    background-color: #ffffff;
}

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .main_logo {
            flex-direction: column;
            text-align: center;
        }
        .main_logo > div {
            margin-right: 0 !important;
            margin-bottom: 10px;
            text-align: center !important;
        }
        .main_logo img {
            height: 50px !important;
        }
        .main_logo h1 {
            font-size: 24px !important;
        }
    }
    
    @media (max-width: 480px) {
        .main_logo {
            padding: 8px 10px !important;
        }
        .main_logo img {
            height: 80px !important;
        }
        .main_logo h1 {
            font-size: 20px !important;
        }
    }
    
    
    
    
    /* START JODI KARE */

.fg-c1 {
    width: 100%;
    max-width: 500px;
    display: block;
    padding: 10px;
    border-color: #009206;
    border-style: solid;
    margin: 0 auto;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .fg-c1 {
        width: 80%;
    }
}

@media (min-width: 992px) {
    .fg-c1 {
        width: 70%;
        max-width: 600px;
    }
}

.fg-c1:nth-child(even) {
    border-width: 0 2px 2px 1px !important;
    margin: 0;
    border-radius: 0;
}

.fg-main.para-1.bdr.mb-1.p-1 * {
    font-style: normal !important;
}

.card-1212 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px auto;
    border-radius: 10px;
    overflow: hidden;
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.fg-div .fg-c1>div {
    border: 2px solid #e70042;
    border-radius: 10px;
    margin: 0;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.fg-div .fg-c1 .fg-p4 {
    font-size: clamp(14px, 3.5vw, 20px) !important;
    line-height: 1.5;
    padding: 10px 5px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.fg-div .fg-c1 .fg-p2 {
    background: linear-gradient(#e70042, #ff019e);
    font-size: clamp(18px, 4.5vw, 24px) !important;
    margin-bottom: 8px;
    padding: 10px 5px;
    border-radius: 10px;
    clip-path: polygon(0 0, 97% 0, 100% 48%, 100% 80%, 100% 100%, 3% 100%, 0 46%, 0 20%);
    color: #fff;
    text-shadow: 1px 1px 2px red;
    text-align: center;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fg-div h6 {
    font-size: clamp(16px, 4vw, 22px);
    background-color: transparent;
    color: #1a237e;
    text-shadow: 1px 1px 2px #fff;
    text-align: center;
    margin: 5px 0;
}

.fg-div h5 {
    font-size: clamp(16px, 4vw, 22px);
    color: #000;
    text-shadow: 1px 1px 2px #fff;
    text-align: center;
    margin: 8px 0;
}

.fg-div .fg-p1 {
    font-size: clamp(16px, 4vw, 22px);
    text-align: center;
    margin: 5px 0;
    padding: 0 5px;
}

/* Mobile-specific adjustments */
@media (max-width: 480px) {
    .fg-c1 {
        padding: 5px;
        width: 95%;
    }
    
    .fg-div .fg-c1 .fg-p4 {
        font-size: 25px !important;
        padding: 8px 4px;
        line-height: 1.4;
    }
    
    .fg-div .fg-c1 .fg-p2 {
        font-size: 16px !important;
        padding: 8px 4px;
        min-height: 40px;
        clip-path: polygon(0 0, 97% 0, 100% 48%, 100% 80%, 100% 100%, 3% 100%, 0 46%, 0 20%);
    }
    
    .fg-div h5,
    .fg-div h6,
    .fg-div .fg-p1 {
        font-size: 16px !important;
    }
}

/* Tablet adjustments */
@media (min-width: 481px) and (max-width: 767px) {
    .fg-c1 {
        width: 90%;
        padding: 8px;
    }
    
    .fg-div .fg-c1 .fg-p4 {
        font-size: 25px !important;
    }
    
    .fg-div .fg-c1 .fg-p2 {
        font-size: 18px !important;
    }
}

/* Fix for very long content */
.fg-div .fg-c1 .fg-p4 br {
    display: block;
    content: "";
    margin: 5px 0;
}

/* Improve touch targets on mobile */
@media (max-width: 768px) {
    .fg-div h4 {
        padding: 12px 8px !important;
        margin: 15px 0 10px 0 !important;
        font-size: clamp(18px, 4vw, 22px) !important;
        line-height: 1.4;
    }
}

/* END OF JODI KARE */


/*.fg-c1 {*/
/*    width: 50%;*/
/*    display: inline-block;*/
/*    padding: 5px;*/
/*    border-color: #009206;*/
/*    border-style: solid;*/
/*}*/
/*.fg-c1:nth-child(even) {*/
/*    border-width: 0 2px 2px 1px !important;*/
/*    margin: 0;*/
/*    border-radius: 0;*/
/*}*/
/*.fg-main.para-1.bdr.mb-1.p-1 * {*/
/*    font-style: normal !important;*/
/*}*/

/*.card-1212 {*/
/*    display: flow;*/
/*    flex-wrap: wrap;*/
/*    margin: 5px;*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*}*/
/*.fg-div .fg-c1>div {*/
/*    border: 2px solid #e70042;*/
/*    border-radius: 10px;*/
/*    margin: -3px 0;*/
/*    padding: 2px;*/
/*}*/
/*.fg-div .fg-c1 .fg-p4 {*/
/*    font-size: 20px !important;*/
/*    line-height: 24px;*/
/*}*/
/*.fg-div .fg-c1 .fg-p2 {*/
/*    background: linear-gradient(#e70042, #ff019e);*/
/*    font-size: 22px !important;*/
/*    margin-bottom: 5px;*/
/*    padding: 7px 0 7px;*/
/*    border-radius: 10px;*/
/*    clip-path: polygon(0 0, 97% 0, 100% 48%, 100% 80%, 100% 100%, 3% 100%, 0 46%, 0 20%);*/
/*    color: #fff;*/
/*    text-shadow: 1px 1px 2px red;*/
/*}*/
/*.fg-div h6 {*/
/*    font-size: 22px;*/
/*    background-color: transparent;*/
/*    color: #1a237e;*/
/*    text-shadow: 1px 1px 2px #fff;*/
/*}*/
/*.fg-div h5 {*/
/*    font-size: 22px;*/
/*    color: #000;*/
/*    text-shadow: 1px 1px 2px #fff;*/
/*}*/
/*.fg-div .fg-p1 {*/
/*    font-size: 22px;*/
/*}*/
/*.fg-div .fg-p1 {*/
/*    font-size: 22px;*/
/*}*/

    /* END OF JODI KARE */
    
    
/* FAQ SECTION */
.faq-section{
      border: 2px solid #eb008b;
    border-radius: 10px 0 10px 10px;
}
.faq {
  
    margin-bottom: 2px;
    overflow: hidden;
    text-align: center;
}

.faq h4 {
    text-transform: uppercase;
    color: #d70544;
    font-weight: 800;
    font-size: 18px;
    padding: 8px 0;
    margin: 0;
}

.faq p {
    color: #1a1a1a;
    font-weight: 700;
    margin: 0;
    font-size: 12px;
    font-style: normal !important;
    padding: 0 5px 12px;
    line-height: 1.4;
}

.my-arrow {
    transform: rotate(90deg);
    display: block;
    font-style: normal !important;
    float: right;
    margin-right: 10px;
    transition: transform .3s;
}
.faq .faq-card {
    border-radius: unset !important;
    border-top: 1px solid #dc1f44;
}    
    
    
.weekly_patti_or_panel_chart  p{
color: #000b65;
text-shadow: 1px 1px 2px #fff;
line-height: 29px;
}