/* Background only on small/mobile screens */
@media (max-width: 767.98px) {
    .mobile-bg {
        background-image: url('{{ asset('assets/loginPage.png') }}');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 400px; /* adjust as needed */
        padding: 20px 0;
    }
}

/* Remove background on medium+ screens */
@media (min-width: 768px) {
    .mobile-bg {
        background-image: none;
    }
    
}
.footer {
   
    left: 0;
    right: 0;
    min-height: 150px; /* allows content to expand */
    margin-top: 50px;
    padding: 30px 15px; /* responsive padding */
    background: #577bc4;
    color: #fff;
}

/* Links */
.footer a {
    color: #fff;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .footer {
        padding: 20px 10px; /* reduce padding on small screens */
        min-height: auto;   /* height adapts to content */
        text-align: center; /* center all content */
    }

    .footer .row {
        flex-direction: column; /* stack left and right sections */
        align-items: center;
    }

    .footer .col-md-6,
    .footer .col-md-4 {
        margin-bottom: 15px; /* spacing between stacked columns */
        text-align: center;   /* center text on mobile */
    }

    .footer .footer-nav a {
        display: block;       /* links stack vertically */
        margin-bottom: 8px;
    }
    .logo-container {
       position: relative;
    width: 100%;
    height: 52.17px;
    left: 0px;
    top: 0px;
    background: #ffffff;
    border-radius: 9.48611px;
}
}