body{background-color: #fff9f3; }
.navbar-brand-logo img {
    max-height: 100%;
    width: 100%;
}
 
.navbar-brand {
 
    padding:0;
    height:auto;
    width: 100vw; /* Viewport width ka 100% */
	/* margin-right: -15px; */
}
.page-header h1{ font-size: 24px;}
 
p {
    margin: 0 0 10px; text-align: justify;
}
 
.pkp_block {
    border-color: #ddd;
    margin-top: 40px;
}
.footer p{ text-align:center;}
 
.page-header {
   margin: 10px 0 23px;
 
}
.bg-m{background-color: #fefefe;border-radius:3px 3px 0 0;
 
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);}
.container{ padding-left:0; padding-right:0;}
.navbar{ border-radius: 0 0 3px 3px;}
 
h3, .h3 {
    font-size: 24px;
}
h2, .h2 {
    font-size: 20px;
}
h1, .h1 {
    font-size: 24px;
}
.alert-info{background-color: #b79d8f;}
.breadcrumb{ background:transparent;    padding: 8px 0;}
 
@media screen and (max-width: 991px) {
	.nav > li > a {
    padding: 10px 7px;
}
.navbar-form .form-control {
 
    width: 100px;
 
}
 
}
 
@media screen and (max-width:767px) {
 
	.banner-header{display: block;
    max-width: 100%;
    height: auto; }
}
 
.container-fluid {
    background: #0c4b8d;
}
.navbar-default .nav > li > a, .header_view .nav > li > a {
    color: #ffffff;
    font-weight: bold;
}
.header_view .nav > li > a:hover{
   color: #ffffff;
text-decoration: underline;
}
td, th {
    border: solid 1px #b1aeae;
    margin:0 2px;
}
.show {
    display: list-item;
}







































footer {    
            background-color: #2c3e50; /* Dark professional color */
            color: #0e96f0;
            padding: 40px 20px;
            font-family: Arial, sans-serif;
        }

        .footer-container { 
            padding-left:120px;
            max-width: 100%;
            margin: 0 auto;
            display: flex;
            
            gap: 80px;
        }

        .footer-column {
            flex: 1;
            min-width: 250px;
        }

        .footer-column h3 {
            
            padding-bottom: 10px;
            margin-bottom: 20px;
            font-size: 18px;
            text-transform: uppercase;
            
        }

        .footer-column ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .footer-column ul li {
            margin-bottom: 10px;
        }

        .footer-column ul li a {
            color: #000000;
            text-decoration: none;
            transition: 0.3s;
            font-size: 16px;
            
        }

        .footer-column ul li a:hover {
            color: #3498db;
            padding-left: 5px;
        }

        .contact-info p {
             text-align:start;
            font-size: 16px;
            line-height: 1.6;
            color: #000000;
            margin: 5px 0;
        }

        .contact-info strong {
            color: #000000;
font-size: 14px;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .footer-container {
                flex-direction: column;
            }
        }
        .footer-bottom {
    
    padding: 20px 10px;
    text-align: center;
    color: #242628;
    font-size: 16px;
   
    
}

.footer-bottom a {
    color: #0e96f0;
    text-decoration: none;
}

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

.footer-bottom .text {
    margin-top: 5px;
}

/* --- Final Mobile Responsive Fix --- */
@media (max-width: 768px) {
    /* 1. Footer background ko poori screen par phelao */
    .footer-main {
        padding: 40px 0 !important;
        width: 100% !important;
        display: block !important;
    }

    /* 2. Container ko center karo aur width 100% karo */
    .footer-container {
        width: 100% !important;
        max-width: 100% !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 40px !important; /* Columns ke beech gap */
    }

    /* 3. Har column ko poori width do */
    .footer-column {
        width: 100% !important;
        padding: 0 20px !important; /* Side se thodi jagah chodi */
        box-sizing: border-box !important;
    }

    /* 4. Headings ko center mein align karo */
    .footer-column h3 {
        display: inline-block !important;
        margin-bottom: 20px !important;
        font-size: 18px !important;
    }

    /* Blue line ko center mein karo */
    .footer-column h3::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 50px !important;
    }

    /* 5. Lists aur Links ko bada aur clickable banao */
    .footer-column ul li {
        margin-bottom: 15px !important;
    }

    .footer-column ul li a {
        font-size: 15px !important;
        display: block !important;
    }

    /* 6. Contact info text alignment */
    .contact-info p {
        text-align: center !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    /* 7. Copyright section ko center mein lock karo */
    .footer-bottom {
        width: 100% !important;
        margin: 20px 0 0 0 !important;
        padding: 30px 10px !important;
        background-color: #fff !important;
        display: block !important;
    }
}