﻿.vertical-menu {
    display: none;
}

.navbar-header {
    display: none !important;
}

.footerr {
    display: none;
}

.main-content {
    margin: 0px;
}

#fottr {
    margin-top: 0px !important;
}

.footer {
    display: none;
}
.auth-body-bg{
    margin-top:-70px;
}


.authentication-bg {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .authentication-bg .bg-overlay {
        background-color: transparent;
        opacity: 1;
    }

/* Laptop / Desktop */
@media (min-width: 992px) {
    .authentication-bg {
        background-image: url('/site_media/login-bg-laptop.png');
        background-size : 100% 100%
    }

    body.auth-body-bg {
        background-image: none;
    }
}

/* ============================================
   MOBILE + TABLET
   ============================================ */
@media (max-width: 991.98px) {

    body.auth-body-bg {
        background-color: #0a1a44;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed; 
        min-height: 100vh;
    }

      
        body.auth-body-bg::before {
            content: "";
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.45);
            z-index: 0;
            pointer-events: none;
        }

    .authentication-page-content {
        position: relative;
        z-index: 1;
        min-height: 100vh;
    }

        .authentication-page-content.min-vh-100 {
            min-height: 100vh !important;
        }

    body.auth-body-bg,
    body.auth-body-bg h1,
    body.auth-body-bg h2,
    body.auth-body-bg h3,
    body.auth-body-bg h4,
    body.auth-body-bg h5,
    body.auth-body-bg h6,
    body.auth-body-bg p,
    body.auth-body-bg span,
    body.auth-body-bg label,
    body.auth-body-bg small,
    body.auth-body-bg div {
        color: #ffffff !important;
    }

        body.auth-body-bg .text-muted {
            color: rgba(255, 255, 255, 0.85) !important;
        }

        body.auth-body-bg label,
        body.auth-body-bg .form-label {
            color: #000 !important;
            font-weight: 600;
        }

        /* Inputs ke andar ka text (typing area) dark rakho — white bg par */
/*        body.auth-body-bg input.form-control,
        body.auth-body-bg .form-control {
            color: #1a1a1a !important;
            background-color: #ffffff !important;
        }*/

            /* Input placeholder bhi visible rahe */
/*            body.auth-body-bg .form-control::placeholder {
                color: #8a8a8a !important;
            }*/

        /* Input icon color (user / lock icons) */
/*        body.auth-body-bg .auti-custom-input-icon {
            color: #2a4bb5 !important;
        }*/

/*         Footer copyright white */
        body.auth-body-bg .text-center p,
        body.auth-body-bg .text-center {
            color: #ffffff !important;
        }
}


@media (max-width: 575.98px) {
    body.auth-body-bg {
        background-image: url('/site_media/login-bg-mobile.png') !important;
        background-position: top right !important;
        background-size: cover;
        background-repeat: no-repeat;
    }
}


@media (min-width: 576px) and (max-width: 991.98px) {
    body.auth-body-bg {
        background-image: url('/site_media/login-bg-tablet.png') !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

}