@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
}
.manimgcol{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.logicon{
       position: fixed;
    bottom: 83%;
    right: 28%;
    width: 44% !important;
    top: 6px;

}

.bgimg{
    
    background-size: 59% auto;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 1774px;
    background-attachment: scroll;
  
}
.imgd{
    position: fixed;
    bottom: 0%;
    
    right: 31%;
    width: 37vw;
}

.imgbtn{
        position: absolute;
    bottom: 31%;
    width: 32%;
    left: 33%;

}






.chtbtn{
        position: fixed;
    width: 4%;
    right: 29%;
top: 380px;

}

.chtbtn{
     animation: zoomInOut 1s infinite; /* Apply zoom animation infinitely */
    transition: transform 0.2s ease-in-out; /* Smooth transition for the animation */
}


@keyframes zoomInOut {
    0%, 100% {
        transform: scale(1); /* Initial size */
    }
    50% {
        transform: scale(1.1); /* Zoom in to 110% size */
    }
}

/* Style for the image inside the button */
.imgbtn {

    animation: zoomInOut 1s infinite; /* Apply zoom animation infinitely */
    transition: transform 0.2s ease-in-out; /* Smooth transition for the animation */
}


.profile-icon img {
    
    border-radius: 50%;
}

.container{

	max-width: 1330px!important;
    
}

.entergame{
position: fixed;
    top: 45px;
 
    right: 46%;
  
    

    color: #fff;
    font-family: system-ui;
}



@media (max-width: 768px) {
    
        .imgbtn {
        width: 50%;
         bottom: 0%; 
            top: 533px;
        left: 23%;
    }
    .logicon {
    position: fixed;
    bottom: 83%;
    right: 0%;
    width: 100% !important;
    top: 0px;
}
    .bgimg {
         height: 1733px; /* Adjust height to viewport height on smaller screens */
        background-size: cover; /* Ensure the image covers the whole area */
    }

    .imgd {
        width: 50%; /* Adjust width for mobile screens */
        bottom: 5%; /* Adjust bottom position */
    }

    .imgbtn {
        width: 50%; /* Adjust width for mobile screens */
        bottom: 25%; /* Adjust bottom position */
        left: 25%; /* Center the button horizontally */
    }

    .chtbtn {
                width: 10%;
        right: 3%;
        top: 290px;
    }
}

/* Extra-small devices (phones, 600px and down) */
@media (max-width: 600px) {
    .entergame {
    position: fixed;
    top: 36px;
    right: 17%;
    color: #fff;
    font-family: system-ui;
    font-size: 24px;
}
    
   .logicon{ 
       
             position: fixed;
        top: 0px;
        width: 100% !important;
        right: 0%;
    
   }
    .bgimg {
         width: 100%; 
        height: 826px; /* Adjust height for very small screens */
    }

    .imgd {
        left: 20px;
        width:86%; /* Adjust width for very small screens */
        bottom: 0; /* Adjust bottom position */
    }

    .imgbtn {
              width: 59%;
        bottom: 31%;
        left: 20%; /* Center the button horizontally */
    }

    .chtbtn {
                            width: 17%;
        right: 3%;
        top: 27%;
    }
}
 

/* Media query for screens up to 420px */
@media (max-width: 420px) {
    .imgdf {
        width: 50vw; /* Adjust width for screens smaller than or equal to 420px */
        /* Other styles can be adjusted to suit smaller screens */
    }
}

/*@media (max-width: 375px) {*/
/*     .imgbtn {*/
/*        width: 59%;*/
/*        bottom: 30%;*/
        
/*    }*/
/*}*/