.mobile-button {
   font-size: 24px;
   cursor: pointer;
 }

 .inner-mobile-nav {
   position: fixed;
   top: 0;
   left: -100%;
   width: 280px;
   height: 100%;
   background: var(--Bg);

   transition: 0.3s;
   z-index: 999;
   padding: 20px;
 }

 .inner-mobile-nav.active {
   left: 0;
 }

 .mobile-nav-wrap .main-logo {
   display: block;
   margin-bottom: 20px;
 }

 .mobile-nav-close {
   font-size: 22px;
   color: #fff;
   cursor: pointer;
   text-align: right;
   margin-bottom: 20px;
 }

 .mobile-main-nav .menu {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .menu-item {
   margin-bottom: 10px;
 }

 .item-menu-mobile {
   display: block;
   padding: 10px 15px;
   /* background: #333; */
   color: #fff;
   text-decoration: none;
   border-radius: 4px;
 }

 .sub-menu-mobile {
   display: none;
   padding-left: 15px;
   margin-top: 5px;
 }

 .menu-item.active .sub-menu-mobile {
   display: block;
 }

 .overlay-mobile-nav {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   display: none;
   z-index: 998;
 }

 .overlay-mobile-nav.active {
   display: block;
 }

 .swiper-container {
   width: 100%;
   max-width: 1200px;
   margin: auto;
   color: whitesmoke;
 }

 .swiper-slide {
   background: #000;
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   transition: transform 0.3s ease;
   color: #fff;
 }

 .swiper-slide:hover {
   transform: translateY(-5px);
 }

 .member-item {
   text-align: center;
   padding: 20px;
 }

 .wrap-image {
   position: relative;
 }

 /* .wrap-image img {
        width: 100%;
        max-width: 300px;
        height: auto;
        border-radius: 10px;
        display: block;
        margin: auto;
    } */

 .number {
   /*position: absolute;*/
   top: 10px;
   left: 10px;
   /* background: #ff9800; */
   color: #fff;
   padding: 5px 10px;
   font-weight: bold;
   border-radius: 5px;
   font-size: 14px;
 }

 .content .name a {
   font-size: 16px;
   /* color: #2196f3; */
   text-decoration: none;
 }

 .content .time {
   font-size: 14px;
   color: #555;
 }

 .swiper-button-next,
 .swiper-button-prev {
   color: #333;
 }

 .swiper-button-next:hover,
 .swiper-button-prev:hover {
   /* color: #ff9800; */
 }

 /* Responsive */
 @media (max-width: 1024px) {
   .swiper-container {
     padding: 0 10px;
   }
 }

 @media (max-width: 768px) {
   .content .title {
     font-size: 16px;
   }

   .content .name a {
     font-size: 14px;
   }

   .swiper-button-next,
   .swiper-button-prev {
     display: none;
   }
 }


 .arrow-icon {
   float: right;
   margin-left: 10px;
 }



 .circle-icon {
   width: 30px;
   height: 30px;
   background: transparent;
   color: white;
   border: 2px solid white;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 14px;
 }


 .tf-accordion1 ul {
   margin-top: 10px;
   margin-left: 20px;
   padding-left: 0;
   list-style: none;
 }

 .tf-accordion1 ul li {
   position: relative;
   padding-left: 25px;
   margin-bottom: 10px;
   font-size: 15px;
   /* color: #333; */
   line-height: 1.6;
 }

 .tf-accordion1 ul li::before {
   content: "✔";
   position: absolute;
   left: 0;
   top: 2px;
   color: #28a745;
   /* Green check icon */
   font-size: 14px;
 }






 .icon-home::before {
   content: "🏠";
   /* Home icon */
   margin-right: 10px;
   font-size: 2rem;

 }


 .icon-game::before {
   content: "🏆";
   /* Contest icon */
   margin-right: 7px;
   font-size: 2rem;

 }

 .icon-scratch-offs::before {
   content: "🎫";
   /* Scratch Offs */
   margin-right: 10px;
   font-size: 2rem;

 }

 .icon-wallet::before {
   content: "👛";
   /* Wallet icon */
   margin-right: 10px;
   font-size: 2rem;
 }


 .icon-affiliate::before {
   content: "🤝";
   /* Affiliate icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-my-favorite::before {
   content: "❤️";
   /* My Favorite icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-faq::before {
   content: "❓";
   /* Support icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-rev-share::before {
   content: "🔄";
   /* My Account icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-documentation::before {
   content: "📚";
   /* Documentation icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-provably-fair::before {
   content: "⚖️";
   /* Provably Fair icon */
   margin-right: 10px;

   font-size: 2rem;
 }

 .icon-payment-proof::before {
   content: "💳";
   /* Payment Proof icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-contact-us::before {
   content: "📞";
   /* Contact Us icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-live-support::before {
   content: "💬";
   /* Live Support icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-infor-1::before {
   content: "ℹ️";
   /* Information icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-collapse::before {
   content: "🔽";
   /* Collapse icon */
   margin-right: 10px;

   font-size: 2rem;
 }

 .icon-arrow-down::before {
   content: "⬇️";
   /* Arrow Down icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-send-message::before {
   content: "📤";
   /* Send Message icon */
   margin-right: 10px;

   font-size: 2rem;
 }

 .icon-send::before {
   content: "📧";
   /* Send icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-linkedin2::before {
   content: "🔗";
   /* LinkedIn icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-twitter::before {
   content: "🐦";
   /* Twitter icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-youtube::before {
   content: "▶️";
   /* YouTube icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-tiktok::before {
   content: "🎵";
   /* TikTok icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-skype::before {
   content: "📞";
   /* Skype icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-facebook::before {
   content: "📘";
   /* Facebook icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-coppy::before {
   content: "📋";
   /* Copy icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-remaining::before {
   content: "⏳";
   /* Remaining icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-ticket::before {
   content: "🎟️";
   /* Ticket icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-wallets::before {
   content: "💰";
   /* Wallets icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-arrow-down::before {
   content: "⬇️";
   /* Arrow Down icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-infor-1::before {
   content: "ℹ️";
   /* Information icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-collapse::before {
   content: "🔽";
   /* Collapse icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-game::before {
   content: "🎮";
   /* Game icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-scratch-offs::before {
   content: "🎫";
   /* Scratch Offs icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-affiliate::before {
   content: "🤝";
   /* Affiliate icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-my-favorite::before {
   content: "❤️";
   /* My Favorite icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-faq::before {
   content: "❓";
   /* Support icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-rev-share::before {

   content: "🔄";
   /* My Account icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-documentation::before {

   content: "📚";
   /* Documentation icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-provably-fair::before {
   content: "⚖️";
   /* Provably Fair icon */

   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-payment-proof::before {
   content: "💳";
   /* Payment Proof icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-contact-us::before {
   content: "📞";
   /* Contact Us icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-live-support::before {
   content: "💬";
   /* Live Support icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-infor-1::before {
   content: "ℹ️";
   /* Information icon */

   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-collapse::before {
   content: "🔽";
   /* Collapse icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-arrow-down::before {
   content: "⬇️";
   /* Arrow Down icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-send-message::before {

   content: "📤";
   /* Send Message icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-send::before {
   content: "📧";
   /* Send icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-linkedin2::before {
   content: "🔗";
   /* LinkedIn icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-twitter::before {
   content: "🐦";
   /* Twitter icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-youtube::before {
   content: "▶️";
   /* YouTube icon */

   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-tiktok::before {
   content: "🎵";
   /* TikTok icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-skype::before {
   content: "📞";
   /* Skype icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-facebook::before {
   content: "📘";
   /* Facebook icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-coppy::before {
   content: "📋";
   /* Copy icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-remaining::before {
   content: "⏳";
   /* Remaining icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-ticket::before {
   content: "🎟️";
   /* Ticket icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-wallets::before {
   content: "💰";
   /* Wallets icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-arrow-down::before {
   content: "⬇️";
   /* Arrow Down icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-infor-1::before {
   content: "ℹ️";
   /* Information icon */
   margin-right: 10px;



   font-size: 2rem;
 }

 .icon-collapse::before {
   content: "🔽";
   /* Collapse icon */
   margin-right: 10px;



   font-size: 2rem;

 }

 .icon-game::before {
   content: "🎮";
   /* Game icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-scratch-offs::before {
   content: "🎫";
   /* Scratch Offs icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-affiliate::before {
   content: "🤝";
   /* Affiliate icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-my-favorite::before {

   content: "❤️";
   /* My Favorite icon */

   margin-right: 10px;

   font-size: 2rem;
 }

 .icon-faq::before {
   content: "❓";
   /* Support icon */
   margin-right: 10px;
   font-size: 2rem;
 }

 .icon-rev-share::before {
   content: "🔄";
   /* My Account icon */
   margin-right: 10px;
   font-size: 2rem;
 }
 .lotto-card {
   background: linear-gradient(270deg, rgb(254, 140, 69), rgb(202, 40, 38));
   border-radius: 20px;
   padding: 30px 20px;
   color: white;
   text-align: center;
   width: 100%;
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
   transition: opacity 0.4s ease, transform 0.4s ease;
 }

 .numbers {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 12px;
   margin: 20px 0;
 }

 .ball {
   border-radius: 50%;
   width: 50px;
   height: 50px;
   line-height: 50px;
   color: white;
   font-size: 20px;
   cursor: pointer;
   transition: all 0.3s ease;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
   user-select: none;
   position: relative;
   flex-shrink: 0;
 }

 .ball:hover {
   transform: scale(1.1);
 }

 .ball.selected {
   border: 3px solid white;
 }

 .ball.selected::after {
   content: "✔";
   position: absolute;
   top: -5px;
   right: -5px;
   font-size: 16px;
   color: white;
   background: #00bcd4;
   border-radius: 50%;
   padding: 2px 5px;
 }

 #info {
   margin-top: 10px;
   font-size: 16px;
 }

 .buy-btn {
   display: none;
   background: linear-gradient(to right, #000d52, #013df5);
   border: none;
   padding: 14px 30px;
   font-size: 16px;
   color: white;
   border-radius: 10px;
   margin-top: 20px;
   cursor: pointer;
   transition: all 0.4s ease;
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
   animation: fadeInUp 0.5s ease forwards;
 }

 .buy-btn.show {
   display: inline-block;
   animation: bounceIn 0.5s ease forwards;
 }

 .footer-links {
   display: flex;
   justify-content: space-between;
   margin-top: 20px;
   font-size: 14px;
 }

 .footer-links a {
   color: #fff;
   text-decoration: none;
   transition: color 0.3s;
 }

 .footer-links a:hover {
   color: #ffea00;
 }

 @keyframes bounceIn {
   0% {
     transform: translateY(30px);
     opacity: 0;
   }

   100% {
     transform: translateY(0);
     opacity: 1;
   }
 }

 @media (max-width: 768px) {
   .ball {
     width: 44px;
     height: 44px;
     line-height: 44px;
     font-size: 18px;
   }

   .numbers {
     gap: 10px;
     flex-wrap: wrap;
   }

   .lotto-card {
     padding: 20px 15px;
     width: 90%;
     margin-left: 2rem;
   }
 }


 .image-size {


   display: flex !important;
   justify-content: center !important;
 }



 /*  time */

 .countdown {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: 16px;
 }

 .time-unit {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
 }

 .circle {
   width: 58px;
   height: 82px;
   border-radius: 50%;
   background: radial-gradient(circle at 30% 30%, #ffd46a, #ff6e00);
   box-shadow: 0 0 20px rgba(255, 136, 0, 0.7);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 26px;
   font-weight: bold;
   color: white;
   transition: transform 0.3s ease, background 0.5s ease;
   animation: popIn 0.5s ease-out;
 }

 .label {
   margin-top: 8px;
   font-size: 13px;
   font-weight: bold;
   letter-spacing: 1px;
 }

 .colon {
   font-size: 32px;
   font-weight: bold;
   align-self: center;
   animation: fadeIn 0.3s ease-in;
 }

 /* Animation: scale pop effect when number updates */
 .animate-change {
   animation: bounce 0.4s ease;
 }

 @keyframes bounce {
   0% {
     transform: scale(1);
   }

   40% {
     transform: scale(1.3);
   }

   100% {
     transform: scale(1);
   }
 }

 @keyframes popIn {
   0% {
     transform: scale(0);
     opacity: 0;
   }

   100% {
     transform: scale(1);
     opacity: 1;
   }
 }

 @keyframes fadeIn {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 /* Tablet and up */
 @media (min-width: 768px) {
   .circle {
     width: 110px;
     height: 110px;
     font-size: 32px;
   }

   .label {
     font-size: 15px;
   }

   .colon {
     font-size: 40px;
   }
 }

 /* Desktop and up */
 @media (min-width: 1024px) {
   .circle {
     width: 100x;
     height: 100px;
     font-size: 25px;
   }

   .label {
     font-size: 16px;
   }

   .colon {
     font-size: 25px;
   }
 }

 .deposit-sum-title {
   font-size: 1.2rem;
   font-weight: bold;
   margin-bottom: 10px;
 }

 .field {
   background-color: linear-gradient(270deg, rgb(254, 140, 69), rgb(202, 40, 38));
 }

 .currencyy-input {
   /*background: linear-gradient(270deg, rgb(254, 140, 69), rgb(202, 40, 38));*/
   width: 100%;
   padding: 12px;
   border: 1px solid #ccc;
   border-radius: 8px;
   font-size: 1rem;
   margin-top: 5px;
   color: #000;
 }


 .swap-btn {
   display: inline-block;
   margin-bottom: 20px;
   background: linear-gradient(270deg, rgb(254, 140, 69), rgb(202, 40, 38));
   color: #fff;
   padding: 10px 16px;
   border: none;
   border-radius: 6px;
   cursor: pointer;
   font-size: 1rem;
   width: 100%;
 }

 .widget-menu-tab1 {
   display: flex;
   gap: 10px;
   list-style: none;
   padding: 0;
   margin: 20px 0;
   border-bottom: 2px solid #eee;
 }

 .item-title1 {
   padding: 10px 20px;
   cursor: pointer;
   border-radius: 6px 6px 0 0;
   /* background: #f1f1f1; */
   font-weight: 600;
 }

 .item-title1.active {
   background: #007bff;
   /* color: #fff; */
 }

/* .payment-form {
   display: none;
   margin-top: 20px;
 }*/

 .payment-form.active {
   display: block;
 }

 .qr-code-section img {
   width: 200px;
   border: 1px solid #ccc;
   padding: 5px;
   /* background: #fff; */
 }

 .qr-code-section p {
   margin-top: 10px;
 }

 .after-payment {
   margin-top: 30px;
 }

 .after-payment h4 {
   margin-bottom: 15px;
 }

 .after-payment .field {
   margin-bottom: 15px;
 }



 
 

 /* Responsive layout for 768px and below */
 @media (max-width: 768px) {


   .qr-code-section img {
     width: 100%;
     max-width: 300px;
   }

   

   .deposit-sum-title {
     font-size: 1.05rem;
   }

   .currency-input,
   select {
     font-size: 0.95rem;
   }

   .after-payment h4 {
     font-size: 1rem;
   }
 }

 /*-------------- Pending KYC ---------------------------*/
.colorful-blink {
    /*margin-right: 9rem;*/
    display: inline-block;
    padding: 12px 20px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    /* background-color: #ff3d3d; */
    text-decoration: none;
    animation: blinkColor 1.5s infinite;
    transition: transform 0.2s;
}

    .colorful-blink i {
        margin-right: 10px;
    }

    .colorful-blink:hover {
        transform: scale(1.05);
    }

@keyframes blinkColor {
    0% {
        color: #fe8c45;
    }

    25% {
        color: #000;
    }

    50% {
        color: #fff;
    }

    75% {
        color: rgba(147, 172, 211, 0.071)
    }

    100% {
        color: #f75808;
    }
}

.table-lottery-results .title div:nth-child(5) {
    width: 200px;
}
.table-lottery-results .title div:nth-child(6) {
    width: 200px;
}
.table-lottery-results .title div:nth-child(7) {
    width: 200px;
}
.table-lottery-results .title div:nth-child(8) {
    width: 200px;
}
.table-lottery-results .title div:nth-child(9) {
    width: 200px;
}
.table-lottery-results .title div:nth-child(10) {
    width: 200px;
}

.table-lottery-results .item-table div:nth-child(5) {
    width: 200px;
}
.table-lottery-results .item-table div:nth-child(6) {
    width: 200px;
}
.table-lottery-results .item-table div:nth-child(7) {
    width: 200px;
}
.table-lottery-results .item-table div:nth-child(8) {
    width: 200px;
}
.table-lottery-results .item-table div:nth-child(9) {
    width: 200px;
}
.table-lottery-results .item-table div:nth-child(10) {
    width: 200px;
}