body {
   /* padding: 0;
     margin: 0; */
   /* font-family: 'Poppins', sans-serif; */
   font-family: 'Montserrat', sans-serif;
   /* user-select: none; */
   /* background-color: #b5b5b5;
     display: flex;
     justify-content: center; */
   /* overflow: hidden; */
 }

 :root {
   --move-up-duration: 0.35s;
   --move-up-distance: -6px;
 }

 body.modal-open {
   padding-right: 0 !important;
 }

 .modal {
   padding-right: 0 !important;
 }

 .modal-dialog {
   margin-left: auto !important;
   margin-right: auto !important;
 }

 .app-container {
   width: 100%;
   max-width: 420px;
   min-height: 100vh;
   margin: 0 auto;
   position: relative;
   overflow-x: hidden;
   background: #050b14;
 }

 /* ============================================ */
 .notice-board-container {
   /* min-height: 100vh; */
   position: relative;
   background-image: url('../images/bg/noticbg1.png');
   background-size: 100% 100%;
   ;
   background-position: center top;
   background-repeat: no-repeat;
   padding: 10px 13px 36px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0;
   font-family: 'Montserrat', sans-serif;
 }

 .sahyadri-card-outer-box {
   width: 100%;
   height: 100%;
   padding: 25px 10px 36px;
   display: flex;
   flex-direction: column;
   gap: 0;
 }

 /* Baaki sab same */
 .sahyadri-card-header-center {
   display: flex;
   justify-content: center;
   margin-bottom: 18px;
 }

 .sahyadri-card-header-center img {
   width: 100%;
   max-width: 340px;
   height: auto;
 }

 .sahyadri-card-promo-section {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   margin-bottom: 0px;
 }

 .sahyadri-card-promo-section img {
   width: 48px;
   height: 48px;
   min-width: 48px;
 }

 .sahyadri-card-promo-text {
   color: #ffffff;
   font-size: 16px;
   font-weight: 700;
   line-height: 1.7;
   letter-spacing: 0.1px;
   text-transform: uppercase;
   margin-bottom: 0;
 }

 .sahyadri-card-highlight-gold {
   color: #e8b03d;
 }

 .sahyadri-card-info-list {
   display: flex;
   flex-direction: column;
   gap: 12px;
   margin-bottom: 22px;
 }

 .sahyadri-card-info-row {
   /* background: linear-gradient(to right, #0a101c, #121a2b); */
   background: linear-gradient(90deg, rgba(8, 16, 23, 1) 0%, rgba(7, 14, 17, 1) 51%, rgba(10, 18, 24, 1) 100%);
   border: 0.5px solid #835518;
   border-radius: 14px;
   padding: 10px 10px;
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .sahyadri-card-info-row {
   transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);

 }

 .sahyadri-card-info-row:hover {
   transform: translateY(-3px);
 }

 .sahyadri-card-info-row:active {
   transform: translateY(-1px);
 }

 .icon-border {
   border: 1px solid #835518;
   width: 45px;
   height: 45px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   /* box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; */
   box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
 }

 .sahyadri-card-info-row img {
   width: 25px;
   height: 25px;
 }

 .sahyadri-card-row-divider {
   width: 1px;
   height: 32px;
   background: rgba(241, 190, 34, 0.35);
 }

 .sahyadri-card-row-label {
   color: #f2f1f0;
   font-size: 13.5px;
   font-weight: 600;
   text-transform: uppercase;
   flex: 1;
   text-shadow: 1px 2px 5px #000000;
 }

 .sahyadri-card-row-value {
   color: #f1be22;
   font-size: 12px;
   font-weight: 800;
   text-transform: uppercase;
 }

 .sahyadri-card-status-banner img {
   width: 100%;
   height: auto;
   display: block;
   border-radius: 12px;
 }


 /* ============================================ */

 .matka-landing-page {
   /* min-height: 100vh; */
   position: relative;
   /* background-image: url('./assets/img/matka/bg1.png'); */
   background-image: url('../images/matka/bg2.png');
   background-size: 100% 100%;
   ;
   background-position: center top;
   background-repeat: no-repeat;
   padding: 100px 18px 36px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0;
 }


 .matka-divider {
   width: 35%;
   margin-bottom: 14px;
 }

 .matka-divider img {
   width: 100%;
   display: block;
 }

 .matka-cards-margin {
   margin-top: 50px;
 }

 .matka-cards {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .matka-card {
   width: 100%;
   position: relative;
   display: flex;
   align-items: center;
   background-image: url('../images/matka/cardbg.png');
   /* background-image: url('./assets/img/matka/cardbg.png'); */
   background-size: 100% 100%;
   background-repeat: no-repeat;
   min-height: 60px;
   padding: 0;
 }

 .matka-card-icon {
   width: 64px;
   min-width: 64px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 6px;
 }

 .matka-card-icon img {
   width: 36px;
   height: 36px;
   object-fit: contain;
 }

 .matka-card-divider {
   width: 1px;
   height: 36px;
   background: linear-gradient(to bottom, transparent, #c8960c, transparent);
   margin-left: 16px;
   margin-right: 7px;
   flex-shrink: 0;
 }

 /* Jab icon ho tab left margin nahi chahiye */
 .matka-card-icon+.matka-card-divider {
   margin-left: 0;
 }

 .matka-card-name {
   flex: 1;
   font-size: 14px;
   /* font-weight: 600; */
   color: #ffffff;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   display: flex;
   align-items: center;
   gap: 3px;
 }

 .matka-card-name .star-icon {
   display: inline-block;
   width: 14px;
   height: 20px;
   flex-shrink: 0;
 }

 .matka-card-name .star-icon img {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }

 .matka-card-rate {
   min-width: 110px;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   font-weight: 800;
   color: #1a0f00;
   letter-spacing: 0.5px;
   padding: 0 12px;
   text-align: center;
 }

 .matka-footer-divider {
   width: 90%;
   margin-top: 16px;
 }

 .matka-footer-divider img {
   width: 100%;
   display: block;
 }

 /* ============================================ */

 .jockpot-result-page {
   width: 100%;
   background: #f0f4f0;
   display: flex;
   flex-direction: column;
   font-family: 'Montserrat', sans-serif;
   padding-bottom: 10px;
 }

 /* ══ HEADER ══ */
 .jockpot-result-header {
   /* background: linear-gradient(135deg, #1b5e20, #2e7d32, #388e3c); */
   background-image: url(../images/bg/starheadline.png);
   background-size: cover;
   padding: 12px 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0;
   position: relative;
   overflow: hidden;
 font-family: 'Poppins', sans-serif;
 }

 /* dots pattern left right in header */


 .jockpot-result-header-inner {
   display: flex;
   align-items: center;
   gap: 10px;
   z-index: 1;
 }

 .jockpot-result-header-inner span {
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   letter-spacing: 1.5px;
   text-transform: uppercase;
 }

 .jockpot-result-header-inner i {
   color: #FFD700;
   font-size: 14px;
 }

 /* ══ CARDS LIST ══ */
 .jockpot-result-list {
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 16px 12px;
 }

 /* ══ SINGLE CARD ══ */
 .jockpot-result-card {
   display: flex;
   align-items: center;
   background: #ffffff;
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
   min-height: 72px;
 }

 /* Left green icon box */
 .jockpot-result-card-icon {
   width: 72px;
   min-width: 72px;
   height: 72px;
   /* background: linear-gradient(160deg, #43a047, #2e7d32, #1b5e20); */
   background-image: url(../images/bg/jacport-card.png);
   background-size: cover;
   background-position: bottom;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
   border-radius: 12px 0 0 12px;
   -webkit-box-shadow: 4px 2px 15px -6px #000000;
   box-shadow: 4px 2px 15px -6px #000000;
 }

 /* dots inside green box */


 .jockpot-result-card-icon i {
   font-size: 30px;
   color: #ffffff;
   position: relative;
   z-index: 1;
 }

 /* Right content */
 .jockpot-result-card-body {
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 3px;
   padding: 10px 14px;
 }

 /* Time row — line + time + line */
 .jockpot-result-card-time {
   display: flex;
   align-items: center;
   gap: 8px;
   width: 100%;
   justify-content: center;
 }

 .jockpot-result-card-time span {
   font-size: 15px;
   font-weight: 700;
   color: #111;
   letter-spacing: 0.5px;
   white-space: nowrap;
 }

 /* fading lines left right of time */
 .jockpot-result-time-line {
   flex: 1;
   height: 1.5px;
   background: linear-gradient(to right, transparent, #2e7d32);
   max-width: 40px;
 }

 .jockpot-result-time-line.right {
   background: linear-gradient(to left, transparent, #2e7d32);
 }

 /* Result XX */
 .jockpot-result-card-result {
   font-size: 14px;
   font-weight: 700;
   color: #2e7d32;
   letter-spacing: 3px;
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .jockpot-result-card-result::before,
 .jockpot-result-card-result::after {
   content: '';
   display: inline-block;
   width: 30px;
   height: 1.5px;
   background: #2e7d32;
   opacity: 0.4;
 }

 /* ============================================ */

 .starline-result-page {
   width: 100%;
   background: #f0f4f0;
   display: flex;
   flex-direction: column;
   font-family: 'Montserrat', sans-serif;
 }

 /* ══ HEADER ══ */
 .starline-result-header {
   /* background: linear-gradient(135deg, #1b5e20, #2e7d32, #388e3c); */
   background-image: url(../images/bg/starheadline.png);
   background-size: cover;
   padding: 13px 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
 }

 /* dots left right */


 .starline-result-header-inner {
   display: flex;
   align-items: center;
   gap: 10px;
   z-index: 1;
 }

 .starline-result-header-inner span {
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
 }

 /* fading lines left right of title */
 .starline-result-header-inner::before,
 .starline-result-header-inner::after {
   content: '';
   display: block;
   width: 30px;
   height: 2px;
   background: linear-gradient(to right, transparent, #FFD700);
 }

 .starline-result-header-inner::after {
   background: linear-gradient(to left, transparent, #FFD700);
 }

 .starline-result-header-inner i {
   color: #FFD700;
   font-size: 13px;
 }

 /* ══ TABLE WRAPPER ══ */
 .starline-result-table-wrap {
   padding: 14px 12px;
 }

 /* ══ TABLE ══ */
 .starline-result-table {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.10);
   background: #fff;
   border: 1px solid #206725;
 }

 /* Header row */
 .starline-result-table thead tr {
   background: linear-gradient(180deg, #237228, #19471c);
 }

 .starline-result-table thead th {
   padding: 10px 8px;
   text-align: center;
   font-size: 12px;
   font-weight: 700;
   color: #fff;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   border-right: 1px solid rgba(255, 255, 255, 0.15);
 }

 .starline-result-table thead th:last-child {
   border-right: none;
 }

 .starline-result-table thead th i {
   display: block;
   font-size: 14px;
   margin-top: 6px;
   color: #fff;
 }

 /* Body rows */
 .starline-result-table tbody tr {
   border-bottom: 1px solid #e8f5e9;
 }

 .starline-result-table tbody tr:nth-child(even) {
   background: #f1f8f1;
 }

 .starline-result-table tbody tr:nth-child(odd) {
   background: #fff;
 }

 .starline-result-table tbody td {
   padding: 11px 8px;
   text-align: center;
   font-size: 13px;
   font-weight: 600;
   color: #222;
   border-right: 1px solid #e0ede0;
 }

 .starline-result-table tbody td:last-child {
   border-right: none;
 }

 .result-color {
   color: #1b5e20 !important;
 }

 /* Middle divider column */
 .starline-result-table tbody td.starline-result-divider {
   background: linear-gradient(135deg, #1b5e20, #2e7d32);
   width: 4px;
   padding: 0;
   border: none;
 }

 /* Result value — green */
 .starline-result-value {
   color: #2e7d32;
   font-weight: 800;
   font-size: 14px;
 }

 /* Dash */
 .starline-result-dash {
   color: #aaa;
   font-weight: 600;
 }

 /* Time text */
 .starline-result-time {
   color: #333;
   font-weight: 600;
   font-size: 13px;
 }

 /* ============================================ */


 .chart-container {
   font-family: 'Montserrat', sans-serif;
   width: 100%;
   background: #f2f2f2;
   display: flex;
   flex-direction: column;
 }

 /* Header */
 .chart-header {
   position: relative;
   overflow: hidden;
   background-image: url(../images/bg/jodiheadline.png);
   background-size: 100% 100%;
   background-position: center;
   padding: 37px 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   background-repeat: no-repeat;
   height: 90px;
 }

 .chart-header-inner {
   margin-top: 6px;
 }

 .chart-header-dots-left img,
 .chart-header-dots-right img {
   width: 60px;
 }

 .chart-header-dots-right img {
   transform: scale(-1);
   margin-bottom: -4px;
 }

 .chart-header-inner span {
   color: #ffffff;
   font-size: 17px;
   font-weight: 600;
   letter-spacing: 2.5px;
   text-transform: uppercase;
   text-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
 }

 /* List */
 .chart-list {
   display: flex;
   flex-direction: column;
   padding: 12px;
   gap: 8px;
 }

 /* Item */
 .chart-item {
   display: flex;
   align-items: center;
   background: #fff;
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
   min-height: 58px;
   cursor: pointer;
   text-decoration: none;
 }

 .chart-item-arrow {
   transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
 }

 .chart-item:hover .chart-item-arrow {
   transform: translateX(6px);
 }

 .chart-item-bar {
   width: 5px;
   height: 100%;
   min-height: 58px;
 }

 .chart-item-name {
   flex: 1;
   padding: 0 16px;
   font-size: 13px;
   font-weight: 700;
   color: #201d21;
   letter-spacing: 0.5px;
   text-transform: uppercase;
 }

 .chart-item-arrow {
   padding: 0 16px;
   color: #999;
   font-size: 15px;
 }

 /* Colors */
 .bar-green {
   background: #4CAF50;
 }

 .bar-blue {
   background: #1976D2;
 }

 .bar-purple {
   background: #7B1FA2;
 }

 .bar-orange {
   background: #F57C00;
 }

 .bar-pink {
   background: #E91E63;
 }

 .bar-teal {
   background: #00BCD4;
 }

 .bar-red {
   background: #E53935;
 }

 .bar-yellow {
   background: #FDD835;
 }

 /* ============================================ */
 .whatsapp_mid {
   text-align: center;
   background: #eff3ef;
   padding: 15px;
 }

 .whatsapp_mid img {
   width: 160px;
   cursor: pointer;
   transition:
     transform 0.2s ease,
     filter 0.2s ease;
   filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.45));
 }

 .whatsapp_mid img:hover {
   transform: scale(1.08);
   filter: drop-shadow(0 6px 20px rgba(37, 211, 102, 0.55));
 }

 /* 
.whatsapp_mid img:active {
  transform: scale(0.93);
  filter: drop-shadow(0 3px 10px rgba(37, 211, 102, 0.75));
} */
 .chart-btn {
   font-size: 15px;
   background-color: #19471c;
   padding: 5px 10px;
   border-radius: 7px;
   color: #fff !important;
   text-align: center;
   text-decoration: none;
   width: fit-content;
   margin: 0px auto 10px;
   font-weight: 700;
   letter-spacing: 0.5px;
  font-family: 'Poppins', sans-serif;
  background-image: url(../images/bg/starheadline.png);
  background-size: cover;
  text-transform: uppercase;
 }

 .bottom-info {
   background: #f2f2f2 !important;
 }

 .bottom-info .info-text {
   padding: 15px;
   font-family: 'Rubik';
   color: #000;
 }

 .copy-right {
   background: #1a1a1a;
   color: #888;
   text-align: center;
   padding: 14px 16px;
   font-size: 13px;
   font-family: 'Rubik', sans-serif;
   border-top: 1px solid #2a2a2a;
   letter-spacing: 0.3px;
 }

 /* ================================== */