body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #ebecec;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header {
        background-color: #e51c23;
        color: white;
        text-align: center;
        padding: 2px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: sticky;
        top: 0;
        z-index: 9999;
    }

    .warning {
        width: 100%;

    }

    .warning_image {
        width: 100%;

    }

    .content {
        max-width: 1200px;
        margin: 0 auto;
    }

    .section-title {
        text-align: center;
        font-size: 1.2em;
        margin-bottom: 20px;
        color: #333;
    }

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

    .game-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        margin-bottom: -1px;


    }

    .game-item img {
        width: 80px;
        height: 80px;
        border-radius: 10px;
    }

    .game-info {
        flex: 1;
        margin-left: 10px;
    }

    .game-info h3 {
        font-size: 1em;
        margin: 0;
    }

    .game-info p {
        margin: 5px 0 0;
        font-size: 0.9em;
        color: #555;
    }

    .download-btn {
        background-image: linear-gradient(147deg, #ff9933 0%, #008000 100%);
        cursor: pointer;
        color: white;
        border: none;
        padding: 9px 15px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 0.9em;
    }

    .download-btn:hover {
        background-color: darkred;
        padding: 8px 13px;
    }

    .footer-warning {
        background-color: yellow;
        color: red;
        text-align: center;
        padding: 10px;
        font-size: 0.9em;
    }

    .footer {
        background-color: #800000;
        color: white;
        text-align: center;
        padding: 20px;
        margin-top: 20px;
    }

    .footer .social-icons {
        margin: 10px 0;
    }

    .footer .social-icons a {
        margin: 0 10px;
        text-decoration: none;
        color: white;
        font-size: 1.2em;
    }

    .footer .links {
        margin: 10px 0;
    }

    .footer .links a {
        margin: 5 10px;
        text-decoration: none;
        color: white;
        font-size: 0.9em;
        padding: 6px 20px;
        border-radius: 5px;
    }

    .footer p {
        margin-top: 10px;
        font-size: 1.8em;
    }

    #ontnar_div {
        width: 400px;
        background-color: white;
    }




    /* header  */
    #logo_image_div {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #logo_image {
        width: 50px;
        height: 50px;

    }

    #brand_name {
        font-size: 16px;
        font-family: Verdana, Geneva, Tahoma, sans-seriff;
        font-weight: bold;
        margin-left: 6px;
    }

    .header_social_icons {
        width: 30px;
        height: 30px;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 4px;
        margin: 10px;
        background-color: red;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
    }



    #top_3_game_div {
        display: flex;
        width: 100%;
        margin-top: 15px;
        justify-content: space-between;
    }

    .top_3_game_image {
        width: 140px;
        height: 140px;

    }

    .top_3_game_card_div {
        padding: 10px;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .SECURE_p {
        color: green;
        font-size: 12px;
        margin-top: 3px;
    }

    .top_3_title {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .top_3_details_div {

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    @media (max-width: 480px) {
        #logo_image {
            width: 40px;
            height: 40px;

        }

    

        .header_social_icons {
            width: 25px;
            height: 25px;
            margin: 5px;
            ;
        }
    }

    .floating-icon {
        position: fixed;
        right: 10px;
        /* Distance from right */
        width: 30px;
        /* Icon size */
        height: 30px;
        border-radius: 50%;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        /* Shadow effect */
        transition: transform 0.3s ease-in-out;
    }

    .floating-icon img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    /* Hover Effect */
    .floating-icon:hover {
        transform: scale(1.1);
        /* Zoom effect */
    }

    /* Positioning */
    .telegram {
        top: 45%;
        /* Adjust position */
    }

    .whatsapp {
        top: 51%;
        /* Adjust position */
    }

    
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #ebecec;
        display: flex;
        align-items: center;
        justify-content: center;
    }

  

    .warning {
        width: 100%;

    }

    .warning_image {
        width: 100%;

    }

    .content {
        max-width: 1200px;
        margin: 0 auto;
    }

    .section-title {
        text-align: center;
        font-size: 1.2em;
        margin-bottom: 20px;
        color: #333;
    }

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

    .game-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        margin-bottom: -1px;


    }

    .game-item img {
        width: 80px;
        height: 80px;
        border-radius: 10px;
    }

    .game-info {
        flex: 1;
        margin-left: 10px;
    }

    .game-info h3 {
        font-size: 1em;
        margin: 0;
    }

    .game-info p {
        margin: 5px 0 0;
        font-size: 0.9em;
        color: #555;
    }

    .download-btn {
        background-color: rgb(223, 11, 11);
        color: white;
        border: none;
        padding: 9px 15px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 0.9em;
    }

    .download-btn:hover {
        background-color: darkred;
    }

    .footer-warning {
        background-color: yellow;
        color: red;
        text-align: center;
        padding: 10px;
        font-size: 0.9em;
    }

    .footer {
        background-color: #800000;
        color: white;
        text-align: center;
        padding: 20px;
        margin-top: 20px;
    }

    .footer .social-icons {
        margin: 10px 0;
    }

    .footer .social-icons a {
        margin: 0 10px;
        text-decoration: none;
        color: white;
        font-size: 1.2em;
    }

    .footer .links {
        margin: 10px 0;
    }

    .footer .links a {
        margin: 5 10px;
        text-decoration: none;
        color: white;
        font-size: 0.9em;

        padding: 6px 20px;
        border-radius: 5px;
    }

    .footer p {
        margin-top: 10px;
        font-size: 0.8em;
    }

    #ontnar_div {
        width: 400px;
        background-color: white;
    }




    /* header  */
    #logo_image_div {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #logo_image {
        width: 50px;
        height: 50px;

    }

    #brand_name {
        font-size: 16px;
        font-family: Verdana, Geneva, Tahoma, sans-seriff;
        font-weight: bold;
        margin-left: 6px;
    }

    .header_social_icons {
        width: 30px;
        height: 30px;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 4px;
        margin: 10px;
        background-color: red;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
    }



    #top_3_game_div {
        display: flex;
        width: 100%;
        margin-top: -15px;
        justify-content: space-between;
    }

    .top_3_game_image {
        width: 140px;
        height: 140px;

    }

    .top_3_game_card_div {
        padding: 10px;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .SECURE_p {
        color: green;
        font-size: 12px;
        margin-top: 3px;
    }

    .top_3_title {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .top_3_details_div {
        margin-top: -7px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    


    .floating-icon {
        position: fixed;
        right: 10px;
        /* Distance from right */
        width: 30px;
        /* Icon size */
        height: 30px;
        border-radius: 50%;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        /* Shadow effect */
        transition: transform 0.3s ease-in-out;
    }

    .floating-icon img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    /* Hover Effect */
    .floating-icon:hover {
        transform: scale(1.1);
        /* Zoom effect */
    }

    /* Positioning */
    .telegram {
        top: 45%;
        /* Adjust position */
    }

    .whatsapp {
        top: 51%;
        /* Adjust position */
    }

    #join_span {
        padding: 3px 10px;
        background: black;
        color: white;
        border-radius: 50px;
        font-size: 12px;
        font-weight: 800;
        border: 2px solid rgb(67, 47, 160);
        z-index: 1;
        margin-top: -20px;
        padding-left: 0px;
    }

    #telegram_icon {
        font-size: 24px;
        color: #a2d4f5;
    }

    #menu_bar {
        font-size: 24px;
        margin-left: 10px;

    }

    #list_title {
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;

    }

    #list_title {
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;

    }

    .downloade_number {
        color: rgb(248, 180, 33);
    }

    .bonous_amount {
        font-weight: 600;
        color: rgb(182, 17, 17);
        font-size: 12px;
    }

    .minimum_wid_amount {
        color: rgb(13, 161, 13);
        font-size: 12px;
        font-weight: 600;
    }

    .flex {
        display: flex;
        justify-content: space-between;

        margin: 0px;
        margin-top: 10px;
    }

    .flex li {
        padding: 10px 20px;
        background: #a01b00;
        color: white !important;
        font-size: 18px;
        width: 90px;
        text-align: center;
        border-radius: 5px;

    }

    .flex li a {

        color: white !important;
    }

    .headerNav ul {
        flex-wrap: wrap;
        padding: .05rem 0 .25rem;
        z-index: 99;
        position: absolute;
        background: #f2fff7;
    }

    ol,
    ul {
        list-style: none;
    }

    .headerNav ul li a {
        display: block;
        width: 2.22rem;
        height: 1.72rem;
        line-height: 1.72rem;
        color: #fff;
        background: #a01b00;
        font-size: 1.32rem;
        border-radius: 1.1rem;
        text-align: center;
    }

    header.appallrummy a {
        color: #fff;
        font-weight: bold;
    }

    #top_nev_div {
        position: fixed;
        top: 65px;
        background-color: white;
        width: 100%;
        max-width: 500px;
        z-index: 99;
        display: none;
    }
    
    
    
    
    
    
    
    @media only screen and (max-width: 600px) {
        .contnar_div {
            width: 90vw;
        }

        .game-item img {
            width: 65px;
            height: 65px;
            border-radius: 10px;
        }

        .content {
            width: 90vw;
        }

        .top_3_game_image {
            width: 80px;
            height: 80px;
        }

        .download-btn {
            padding: 8px 13px;
        }

        .top_3_title {
            font-size: 16px;
        }

        #brand_name {
            font-size: 22px;
        }

        .game-item {
            margin: 0px;
            padding: 0px;
            padding: 10px 0px;

        }

        .game_counts {
            padding: 0px;
            margin: 0px;
            font-size: 14px;
            padding-right: 5px;
        }

        #list_title {
            font-size: 15px;
        }
    }
    
    
        @media (max-width: 480px) {



        #logo_image {
            width: 40px;
            height: 40px;

        }

     

        .header_social_icons {
            width: 25px;
            height: 25px;
            margin: 5px;
            ;
        }
        
        .content2{
            margin:5px !important;
            width:98vw !important;
        }
        
        .nav_bar{
            font-size: 12px;
        }
        
        .bonous_amount, .minimum_wid_amount{
            font-size: 10px
        }
        
        .flex li {
    padding: 6px !important;
    
    color: white !important;
    font-size: 12px !important;
    width: 90px;
    text-align: center;
    border-radius: 5px;
}
    }

    @media only screen and (max-width: 400px) {
        .contnar_div {
            width: 90vw;
        }
        
           #brand_name {
            font-size: 15px;
            margin-left: 6px;
        }
        
       
        
        #menu_bar {
  font-size: 15px; 
    margin-left: 5px;
}

        .header_social_icons {
            width: 24px;
            height: 24px;
            font-size: 16px;
        }

        .game-item img {
            width: 50px;
            height: 50px;
            border-radius: 10px;
        }

        .content {
            width: 90vw;
        }

        .top_3_game_image {
            width: 70px;
            height: 70px;
        }

        .download-btn {
            padding: 5px 10px;
            font-size: 12px;
            text-wrap: nowrap;
        }

        .top_3_title {
            font-size: 14px;
        }

     

        #list_title {
            font-size: 14px;
        }

        .size {
            width: 30px;
            height: 30px;
        }

        .footer .links a {
            font-size: 10px;
            text-wrap: nowrap;
            padding: 5px 5px;
        }
        
        .game_counts {
    font-size: 15px !important; 
   
    padding-right: 5px !important; 
     padding-left: 5px !important; 
    font-weight: 600;
}

.telegram2 {
   
    font-size: .8rem !important; 
    padding: 0;
    text-align: center;
    margin: .5rem;
    border-radius: .1rem;
    border: 1px solid #000;
}

.recomended h2 {
    background-color: #d10000;
    font-size: .8rem !important;
    text-align: center;
    margin: .5rem;
    padding: .2rem 0 !important;
    border-radius: .2rem !important;
    border: 1px solid #000;
  
}
    }

    @media only screen and (max-width: 300px) {
        .contnar_div {
            width: 90vw;
        }
        
            .bonous_amount, .minimum_wid_amount{
            font-size: 10px
        }

        .game-item img {
            width: 50px;
            height: 50px;
            border-radius: 10px;
        }

        .content {
            width: 90vw;
        }

        .top_3_game_image {
            width: 70px;
            height: 70px;
        }

        .download-btn {
            padding: 5px 7px;
            font-size: 10px;
            text-wrap: nowrap;
        }

        .top_3_title {
            font-size: 14px;
        }

        #brand_name {
            font-size: 10px;
        }

        #list_title {
            font-size: 13px;
        }
    }