@media only screen and (max-width: 600px) {
        b.previous-result-number {
            border: 2px solid #ffff00;
            padding: 0px 10px !important;
            border-radius: 50px;
            background-color: #105b17;
            color: white !important;
            position: relative;
            font-size: 18px !important;
            right: 53px !important;
            top: 0px !important;
            left: -30px !important;
        }

        .dropdown-content {
            position: absolute;
            right: 0 !important;
        }

        .blink-result {
            margin-left: -4px !important;
            font-size: 16px !important;
        }

        a:link,
        a:visited {
            background-color: transparent !important;
        }

        .game_time {
            margin-bottom: -5px !important;
        }

        b.todays-result-number {
            border: 2px solid #ffff00;
            padding: 0px 10px !important;
            border-radius: 50px;
            background-color: #105b17;
            color: white !important;
            position: relative;
            left: 47px !important;
            font-size: 18px !important;
            top: -42px !important;
        }

        .sattaname p {
            font-size: 32px !important;
        }

        .result-number {
            padding-top: 9px !important;
        }

        .arrow-gif {
            position: relative;
            bottom: 22px !important;
            right: 9px;
        }

        .game-time-result {
            margin-bottom: -40px;
        }

        .result-number {
            padding-top: 23px;
        }

        .Next1 {
            color: red !important;
            position: relative;
            left: 120px;
            bottom: 23px;
            /* bottom: 33px; */
            font-size: 12px;
        }

        .previous1 {
            color: red;
            font-family: auto;
            font-weight: bold;
            font-size: 12px;
            position: relative;
            left: 22px;
            top: 9px;
        }
    }

    b.previous-result-number {
        border: 2px solid #ffff00;
        padding: 5px 15px;
        border-radius: 20px;
        background-color: #105b17;
        color: white !important;
        position: relative;
        right: 35px;
        font-size: 10px;
        top: 12px;
    }

    .previous-next {
        margin-right: 234px;
    }

    b.todays-result-number {
        border: 2px solid #ffff00;
        padding: 5px 15px;
        border-radius: 50px;
        background-color: #105b17;
        color: white !important;
        position: relative;
        left: 42px;
        font-size: 10px;
        bottom: 31px !important;
    }

    .sattaname {
        color: #2196f3;
        font-weight: bold;
    }

    .blink-result {
        /* color: #000;*/
        color: #000;
        animation: blinkingText 0.8s infinite;
        font-size: 10px;
    }

    .game_result {
        text-align: center;
        margin: -17px;
        /* padding: 0px 0px 0px 0px;*/
        padding: 15px;
        font-size: 12px;
    }

    .game_time {
        font-size: 16px !important;
        font-weight: bold;
        margin-top: 8px !important;
        margin-bottom: -13px;
    }

    .game_name p {
        font-size: 12px;
    }

    .previous1 {
        color: red;
        font-family: auto;
        font-weight: bold;
        /* text-align: end; */
    }

    .Next1 {
        color: red !important;
        font-family: auto;
        font-weight: bold;
        /* text-align: initial; */
    }

    .arrow-gif {
        left: 1px !important;
    }

    .arrow-gif {
        position: relative;
        bottom: 8px;
        left: -3px;
    }

    .satta-11 {
        border: 4px #fafb12 solid !important;
    }

    .sattaname {
        font-size: 20px;
        color: #00bcd4;
    }

    .live {
        background-image: linear-gradient(#ff9717, #ff0000);
        border: 2px solid yellow;
    }

    .today {
        border: 4px solid #ff1111;
    }

    .game_name {
        background-color: #105b17;
        font-family: unset !important;
    }

    select {
        padding: 5px;
        background-color: green;
        color: white;
        font-weight: bold;
        box-shadow: 2px 2px 3px black;
        border-radius: 9px;
    }

    input[type="submit"] {
        background-color: #2a2b3c;
        color: white;
        box-shadow: 2px 2px 2px black;
        border-radius: 4px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .chart2020 {
        background-color: #2a2b3c;
    }

    .monthaly-result {
        background-color: #2a2b3c !important;
        color: white;
        padding: 14px;
        text-align: center;
    }

    th {
        text-align: center;
    }

    .monthly-table-class {
        background-color: #2a2b3c;
        ;
        width: 100%;
        padding-bottom: 23px;
    }

    td.monthaly-result-td {
        color: white;
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        border: 4px solid;
    }

    .monthaly-result-btn {
        width: 41%;
    }

    .previous-btn {
        position: relative;
        left: 52%;
    }

    .monthaly-result-btn {
        background-color: green;
        border: none;
        box-shadow: 2px 2px 5px 0px black;
        border-radius: 50px;
    }

    @media only screen and (max-width: 600px) {
        .next-btn {
            position: relative;
            bottom: 30px;
        }

        body {
            font-size: 13px;
        }
    }

    body {
        overflow-x: hidden;
    }
    }
    .previous-next {
        margin-right: 144px !important;
        font-size: 20px;
        /* border: 2px solid; */
    }

    @media only screen and (max-width: 600px) {
        .Next1 {
            color: red !important;
            position: relative;
            left: 100px;
        }
    }
    td,
    th {
        border: 1px solid red;
        height: 30px;
    }

    /* Make cells a bit taller */
    th {
        background: #2a2b3c;
        ;
        /* Light grey background */
        font-weight: bold;
        /* Make sure they're bold */
        color: white;
        width: 110px;
    }

    td {
        text-align: center;
        /* Center our text */
        color: black;
        width: 110px;
        height: 2px;
    }

    .td1 {
        background-color: #8f89e2;
        color: #FFF;
        font-weight: bold;
        font-size: 16px
    }

    .monthly-result {
        text-align: center;
        color: white;
        padding: 13px;
        font-weight: bold;
    }

    .chart2020 a:hover {
        color: green;
         !important !
    }
    h1.contain-header {
        text-align: center;
        font-weight: bold;
        font-size: 20px;
        color: black;
    }

    p.containt-paira {
        color: black;
    }

    .full-with {
        background-color: white;
        padding: 20px 0px;
    }

    .contaier-shadow {
        background-color: #cdd6d0;
        box-shadow: 1px 1px 8px 4px grey;
        margin-top: 21px;
    }

    .footer-section-btn {
        margin: 15px;
    }

    .footer-btn {
        background-color: green;
        border-radius: 20px;
    }

    .footer-btn:hover {
        background-color: #138c13;
    }

    h1.contain-header-new1 {
        text-align: center;
        font-size: 21px;
        color: #000;
        font-weight: bold;
    }

    .btn-primary {
        color: #fff;
        background-color: #008000;
        border-color: #2e6da4;
    }

    .adds-btn-center {
        text-align: center;
    }

    .containor-color {
        background-color: white;
        padding: 12px;
    }
    h1.contact-header1 {
        text-align: center;
        background-color: black;
        color: white;
        font-size: 15px;
        padding: 8px;
    }

    marquee {
        color: white;
    }

    .contact {
        background-color: white;
    }

    h3.contact-header2 {
        text-align: center;
        color: black;
        font-size: 20px;
        font-weight: bold;
    }

    .contacat-2 {
        margin: 8px;
    }

    h1.contact-header3 {
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        color: black;
    }

    p.contact-paira1 {
        color: black;
        text-align: justify;
        font-weight: bold;
        padding: 18px;
    }

    .contacat-2 {
        background-color: #cdd6cf;
        box-shadow: 0px -2px 7px 1px grey;
    }

    .chead {
        padding: 20px;
        text-align: center;
        color: white;
        font-size: 20px;
        font-weight: bold;
        text-shadow: 2px 2px 2px black;
    }

    .cht_link {
        background-color: #105b17;
        text-align: center;
        padding: 5px 0px 5px 0px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        margin-top: 10px;
    }

    .cht_link a {
        color: #fff;
        font-size: 18px;
        text-shadow: 2px 2px 2px black;
    }

    .cityhead {
        background-color: #000;
        margin-top: 10px;
        padding: 5px;
        text-align: center;
        color: red;
        font-weight: bold;
        font-size: 30px;
    }

    .col-sm-12.contaier-shadow.containor-color {
        margin-bottom: 15px;
    }

    tr .table-font {
        font-size: 10px;
    }

    .blink-result {
        /* margin-left: -9px;*/
        margin-left: auto;
    }

    .btn-primary {
        color: #000 !important;
        background-color: yellow !important;
        border-color: #2e6da4;
    }

    /*.blink-result { line-height: 32px!important; margin-left: 0px!important; font-size: 24px!important; } */
    .my-satta-result span {
        line-height: 0px !important;
        font-size: 22px !important;
        padding-left: 7px !important;
    }

    #button {
        display: inline-block;
        background-color: #FF9800;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        position: fixed;
        bottom: 0px;
        right: 43px;
        font-size: 10px !important;
        transition: background-color .3s, opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
    }

    #button::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 40px;
        color: #fff;
    }

    #button:hover {
        cursor: pointer;
        background-color: #333;
    }

    #button:active {
        background-color: #555;
    }

    #button.show {
        opacity: 1;
        visibility: visible;
    }

    .contacat-2 p {
        font-size: 18px;
        color: #000;
        text-align: justify;
        border-radius: 25px;
        padding: 5px;
    }

    #myBtn {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 99;
        font-size: 18px;
        border: none;
        outline: none;
        background-color: red;
        color: white;
        cursor: pointer;
        padding: 15px;
        border-radius: 4px;
    }

    #myBtn:hover {
        background-color: #555;
    }

    .dropbtn {
        background-color: #ff0000;
        color: white;
        padding: 8px;
        font-size: 16px;
        border-radius: 5px;
        border: none cursor: pointer;
    }

    .dropbtn:hover,
    .dropbtn:focus {
        background-color: #00b4d8;
    }

    #myInput {
        box-sizing: border-box;
        background-image: url('searchicon.png');
        background-position: 14px 12px;
        background-repeat: no-repeat;
        font-size: 16px;
        padding: 14px 20px 12px 45px;
        border: none;
        border-bottom: 1px solid white;
    }

    #myInput:focus {
        outline: 3px solid white;
    }

    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f6f6f6;
        min-width: 230px;
        border: 1px solid #ddd;
        z-index: 1;
    }

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .dropdown-content a:hover {
        background-color: #00b4d8;
    }

    .show {
        display: block;
    }

    .contacat-2 {
        background-color: #8f89e2 !important;
    }

    @media only screen and (max-width: 600px) {
        .result-number {
            margin-bottom: -34px !important;
        }

        .game_name p {
            font-size: 16px !important;
        }
    }

    @media only screen and (max-width: 480px) {
        .result-number {
            margin-bottom: -34px !important;
        }

        .game_name p {
            font-size: 16px !important;
        }
    }

    .style1 {
        background-color: black;
    }

    .today {
        background-color: #000;
        font-size: 25px;
        color: #15d9e1;
        font-family: inherit;
    }

    .sattaname {
        font-size: 20px;
        color: #15d9e1 !important;
    }

    .game_result {
        margin: 0px !important;
    }

    b.todays-result-number {
        bottom: 18px !important;
    }

    .result-number {
        margin-top: 12px;
    }

    .border {
        height: 107px;
    }

    td,
    th {
        font-size: 10.9px;
    }
    }

    @media only screen and (max-width:768px) {
        .border {
            height: auto !important;
        }

        input[type="submit"] {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        .my-table th {
            padding: 0px !important;
        }

            {}

        .result-number {
            margin-top: 0px !important;
            margin-bottom: -32px !important;
        }

        .game_name p {
            font-size: 17px !important;
        }
    }
    </style>
    <style>
    /* TR-WP.COM */
    body {
        background-color: #444;
        height: 1200px;
    }

    .trwpwhatsappballon {
        display: none;
        font-size: 14px;
        border-radius: 12px;
        border: 1px solid #fff;
        max-width: 250px;
		margin-top: 10px;
        margin-bottom: 65px;
    }

    .trwpwhatsapptitle {
        background-color: #22c15e;
        color: white;
        padding: 14px;
        border-radius: 12px 12px 0px 0px;
        text-align: center;
    }

    .trwpwhatsappmessage {
        padding: 16px 12px;
        background-color: white;
    }

    .trwpwhatsappinput {
        background-color: white;
        border-radius: 0px 0px 12px 12px;
    }

    .trwpwhatsappinput input {
        width: 206px;
        border-radius: 10px;
        margin: 1px 1px 0px 10px;
        padding: 10px;
        font-family: "Raleway", Arial, sans-serif;
        font-weight: 300;
        font-size: 13px;
        background-color: #efefef;
        border: 1px solid #d4d4d4;
    }

    .trwpwhatsappbutton {
        background-color: rgba(0,0,0,.0001);
        border-radius: 20px;
        padding: 8px 15px;
        cursor: pointer;
        color: #fff;
        max-width: 220px;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
	
	.trwpwhatsappchat {
        background-color: #f7f704;
        border-radius: 20px;
        padding: 8px 15px;
        cursor: pointer;
        color: yellow;
        max-width: 220px;
        margin-top: 10px;
        margin-bottom: 90px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .badge {
        background: red;
        padding: 10px;
        font-weight: bold;
        border-radius: 23px;
    }
	
	.trwpwhatsappbox {
        position: fixed;
        z-index: 9999999999999999999;
        bottom: 0;
        right: 10px;
        font-family: "Raleway", Arial, sans-serif;
        font-weight: 300;
        font-size: 15px;
    }

    .trwpwhatsappall {
        position: fixed;
        z-index: 9999999999999999999;
        bottom: 0;
        right: 10px;
        font-family: "Raleway", Arial, sans-serif;
        font-weight: 300;
        font-size: 15px;
    }

    .trwpwhatsappsendbutton {
        color: #22c15e;
        cursor: pointer;
    }
	
    button {
        border: none;
    }

    button i {
        float: right;
        position: absolute;
        z-index: 999999999999;
        right: 23px;
        top: 11;
        bottom: 81px;
        font-size: 18px !important;
    }

    .kapat {
        position: absolute;
        right: 6px;
        top: 36px;
        font-size: 13px;
        border: 1px solid #fff;
        border-radius: 99px;
        padding: 2px 5px 2px 5px;
        color: white;
        font-size: 10px;
        cursor: pointer;
    }

    .my-table th {
        line-break: anywhere !important;
    }
	
	/*Estilos generales del boton whatsapp*/
.whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25D366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  animation: breathe 2s ease-in-out infinite;
}

/*Estilos solo al icono whatsapp*/
.whatsapp-btn i {
  color: #fff;
  font-size: 24px;
  animation: beat 2s ease-in-out infinite;
  text-decoration: none;
}

/*Estilos con animation contorno respirando*/
@keyframes breathe {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/*Estilos de animacion del icono latiendo*/
@keyframes beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.satta-faq-container { max-width: 800px; margin: 20px auto; font-family: sans-serif; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; }
    .satta-faq-header { background: #333; color: #fff; padding: 15px; text-align: center; margin: 0; font-size: 20px; }
    .satta-faq-item { border-bottom: 1px solid #eee; }
    .satta-faq-item:last-child { border-bottom: none; }
    summary { padding: 15px; font-weight: bold; cursor: pointer; background: #fff; outline: none; list-style: none; display: flex; justify-content: space-between; }
    summary::-webkit-details-marker { display: none; }
    summary::after { content: " +"; color: #ff0000; }
    details[open] summary::after { content: " -"; }
    details[open] summary { background: #f9f9f9; border-bottom: 1px solid #eee; }
    .faq-content { padding: 15px; line-height: 1.6; color: #444; background: #fff; }
    

/* --- Desktop Default Layout (Floating Left Side) --- */
#nx-floating-sidebar {
  position: fixed; 
  left: 20px;      
  top: 50%;        
  transform: translateY(-50%); 
  width: 290px;
  z-index: 9999;   
  
  background: rgba(255, 255, 255, 0.4); 
  backdrop-filter: blur(12px); 
  -webkit-backdrop-filter: blur(12px); 
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.nx-widget-menu-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.nx-glass-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  user-select: none;
}

.nx-glass-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  color: #334155; 
  border: 1px solid rgba(255, 255, 255, 0.4);
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.nx-glass-text-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.nx-glass-title {
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.3;
  color: #0f172a;
}

.nx-glass-desc {
  font-size: 11px;
  color: #475569;
}

.nx-glass-link:hover {
  background: rgba(255, 255, 255, 0.7);
  border-color: rgba(37, 99, 235, 0.4); 
  transform: translateX(6px); 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.nx-glass-link:hover .nx-glass-icon {
  color: #2563eb; 
  background: #ffffff;
}

.nx-glass-link:active {
  transform: translateX(3px);
  background: rgba(255, 255, 255, 0.9);
}

/* --- Mobile Device Optimizations (Sticky Left Side for Mobile) --- */
@media (max-width: 767px) {
  #nx-floating-sidebar {
    left: 8px;           /* Pushed close to the left screen edge */
    top: 50%;            /* Remains perfectly centered vertically */
    transform: translateY(-50%);
    width: 85px;         /* Compact slim width so it doesn't block viewport content */
    padding: 8px 6px;
    border-radius: 12px;
  }

  .nx-widget-menu-stack {
    flex-direction: column; /* Keeps the links stacked vertically along the left wall */
    gap: 8px;
  }

  .nx-glass-link {
    flex-direction: column; /* Stack icon directly over the title text */
    justify-content: center;
    text-align: center;
    gap: 4px;
    padding: 8px 4px;
    border-radius: 8px;
  }

  .nx-glass-icon {
    width: 26px;
    height: 26px;
    border-radius: 6px;
  }
  
  .nx-glass-icon svg {
    width: 14px;
    height: 14px;
  }

  .nx-glass-title {
    font-size: 9px;       /* Micro typography for precise display on mobile screen sizes */
    font-weight: 700;
    line-height: 1.1;
    word-break: break-word; /* Gracefully wraps keywords within the small boundary */
  }

  /* Automatically hides the description lines to maximize screen real estate */
  .nx-glass-desc {
    display: none; 
  }

  /* Retains the desktop sideways animation on interactions */
  .nx-glass-link:hover {
    transform: translateX(3px); 
  }
  
  .nx-glass-link:active {
    transform: translateX(1px);
  }
}

/* Base Unique IDs */
#nx-id-chart-2025 {}
#nx-id-chart-2024 {}
#nx-id-chart-2023 {}