.backgroundImage {
    background-image: url('/loginpagebackground.jpg'); /* Bhai, yahan apni image ka link daalna */
    background-size: cover; /* Puri screen ko cover karega, tension nahi */
    background-position: center; /* Image ko beech me set karega */
    background-repeat: no-repeat; /* Ek hi image dikhni chahiye, repeat nahi hogi */
    height: 100vh; /* Puri screen ki height le lega */
    margin: 0; /* Extra gap hata dega */
    padding:0;
}

.bottom-right {
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 300px;
    width: 90%;
}

.loginform {
    max-width: 450px;
    width: 90%;
    position: fixed; /* Fixes the item at the specified location */
    bottom: 57px; /* Aligns the item to the bottom of the screen */
    right: 100px; /* Aligns the item to the left side */
    background-color: #f8f9fa; /* Background color */
    text-align: center; /* Center-aligns text */
    padding: 10px; /* Padding for internal space */
}
/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .loginform {
        padding: 5px; /* Adjust padding on smaller screens */
        /*max-width: 450px;*/
        width: 100%;
        right:0;
    }
}

.gap-grid {
    margin-top: 20px; /* Gap between grids */
}

@media (max-width: 768px) {
    .gap-grid {
        margin-top: 10px; /* Adjust gap for small screens */
    }
}

.bottom-fixed {
    position: fixed; /* Fixes the item at the specified location */
    bottom: 0; /* Aligns the item to the bottom of the screen */
    left: 40%; /* Aligns the item to the left side */
    width: 100%; /* Make it full width */
    background-color: #f8f9fa; /* Background color */
    text-align: center; /* Center-aligns text */
    padding: 10px; /* Padding for internal space */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .bottom-fixed {
        padding: 5px; /* Adjust padding on smaller screens */
        left:0;
    }
}

.bottom-fixedDusibLogo {
    position: fixed; /* Fixes the item at the specified location */
    bottom: 0; /* Aligns the item to the bottom of the screen */
    left: 0; /* Aligns the item to the left side */
    width: 100%; /* Make it full width */
   
    text-align: center; /* Center-aligns text */
    padding: 10px; /* Padding for internal space */
}


/*.text_field_Style input::placeholder {
    font-size: 0.55rem!important;*/ /* chhota size (12px ke approx) */
    /*color: #9e9e9e!important;*/ /* optional: halka grey color */
/*}*/

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .bottom-fixedDusibLogo {
        padding: 5px; /* Adjust padding on smaller screens */
        
    }
}