/* Base Colors & Variables derived from the finance.maharashtra.gov.in screenshot */
		
        :root {
            --color-black-bg: #222222; /* Dark background for top bar and footer */
            --color-orange-active: #FFA500; /* Vibrant orange from Home button */
            --color-orange-hover: #e09500; /* Slightly darker orange */
            --color-white-text: #FFFFFF;
            --color-light-grey: #f7f7f7; /* Very light background for main content area */
            --color-text-dark: #333333;
            --color-text-muted: #666666; /* For government small text / footer links */

            --shadow-light: 0 2px 5px rgba(0, 0, 0, 0.1);
            --shadow-medium: 0 5px 15px rgba(0, 0, 0, 0.15);
            --border-radius-sm: 4px;
            --border-radius-md: 8px;
            --input-height: 48px; /* Standard input height */
			--bs-body-font-family: 'Poppins', sans-serif;
        }
		

        body {
            /*font-family: 'Lato', sans-serif;*/
			/*font-family: 'Inter', sans-serif !important;*/
            background-color: #fff !important;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            margin: 0;
            padding: 0;
            color: var(--color-text-dark);
            overflow-x: hidden;

        }
		
		

		body {
			font-family: var(--bs-body-font-family) !important;
		}
		
		/** {
			font-family: 'Poppins', sans-serif !important;
		}
		*/
		main{
			flex-grow: 1;
			background-color: #f1fbff;
		}
		
		
		:root {
		    --base-font-size: 16px;
		}

		html {
		    font-size: var(--base-font-size);
		    transition: font-size 0.2s ease-in-out;
		}

		/* Font size steps */
		html.font-step-1 {
		    --base-font-size: 17px;
		}

		html.font-step-2 {
		    --base-font-size: 18px;
		}

		html.font-step-3 {
		    --base-font-size: 19px;
		}

        /* Top Bar - "SKIP TO MAIN CONTENT" */
        .top-bar {
            /*background-color: #1c54b8;*/
			background-color: #054290;
            color: var(--color-white-text);
            font-size: 0.8rem;
            text-align: right;
            padding: 5px 20px;
            font-weight: 300;
            letter-spacing: 0.5px;
            box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); /* Subtle top bar separation */
        }
        .top-bar a {
            color: var(--color-white-text);
            text-decoration: none;
            transition: color 0.2s ease;
			border-left: 1px solid #fff;
			padding-left: 10px;
        }
        .top-bar a:hover {
            color: var(--color-orange-active);
        }

        /* Header Section - Government & System Title, Right-side Logos */
        .header-section {
            background-color: var(--color-white-text);
            padding: 10px 35px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #e0e0e0;
            box-shadow: var(--shadow-light);
        }
        .header-left {
            display: flex;
            align-items: center;
            flex-grow: 1; /* Allows it to take available space */
        }
        .header-logo-ashoka {
            height: 110px;
            width: auto;
            margin-right: 20px;
            filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1));
        }
        .header-text small {
            display: block;
            color: #000;
            font-size: 20px;
			font-weight: 700;
			padding-top: 3px;
            /*margin-bottom: 3px;
            text-transform: uppercase;
            letter-spacing: 0.5px;*/
        }
        .header-text h1 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.7rem; /* Matches "Finance Department" size */
            font-weight: 700;
            color: var(--color-text-dark);
            margin: 0;
            line-height: 1.2;
            text-shadow: 1px 1px 1px rgba(0,0,0,0.02);
        }
        .header-right-logos {
            display: flex;
            align-items: center;
            gap: 15px; /* Space between logos */
        }
        .header-right-logos img {
            height: 120px;
            width: auto;
            padding-inline: 15px;
        }
		
		.table-bordered>:not(caption)>*>* {
		    border-width: thin !important;
		}
		
		.table-striped tbody tr:nth-of-type(odd) {
		    background-color: rgb(207 239 241) ; 
			color: #000 !important;
		}
		
		.table-hover tbody tr:hover {
		    background-color: rgb(168 228 232);
		}

		.table-striped>tbody>tr:nth-of-type(odd)>* {
		    --bs-table-color-type: auto;
		    --bs-table-bg-type: auto;
			--bs-table-color-state: auto;
			--bs-table-bg-state: auto;
		    background-color: rgb(207 239 241) ;
		}
		
		.table-hover>tbody>tr:hover>* {
			--bs-table-color-state: auto;
			--bs-table-bg-state: auto;
			--bs-table-color-type: auto;
			--bs-table-bg-type: auto;
			background-color: rgb(168 228 232);
		}
		
        /* Navbar */
        .main-navbar {
/*            background-color: #116a8c;*/
			/*background-color: #1c54b8;*/
			background-color: #054290;
            box-shadow: var(--shadow-medium);
            padding: 0 20px;
        }
		
        .main-navbar .navbar-nav .nav-link {
            color: var(--color-white-text);
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            padding: 12px 18px !important; /* Matches reference padding */
            transition: background-color 0.3s ease, color 0.3s ease;
            font-size: 0.95rem;
        }
		
        .nav-item.active .nav-link, .main-navbar .navbar-nav .nav-link:hover {
			background-color: #aedeeb;
			    color: #2d2d2d;
			    font-weight: bold;
				border-radius: 0;
				text-decoration: none;
        }
		
        /* Active "LOGIN" link style, inspired by "Home" in reference */
        .main-navbar .navbar-nav .nav-link.active {
          /*  background-color: var(--color-orange-active);*/
			background-color: #0891b2;
            color: var(--color-white-text);
            font-weight: 700; /* Bold for active state */
			border-radius: 0;
        }
        /*.main-navbar .navbar-nav .nav-link.active:hover {
            background-color: var(--color-orange-hover);  Darker orange on hover for active 
        }*/
        .main-navbar .navbar-toggler {
            border-color: rgba(255, 255, 255, 0.2);
        }
        .main-navbar .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

		
		.footer-section {
		  /*  background-color: #194f63 !important;*/
			background-color: #333 !important;
		}

			
			thead, .table thead th, .modal-header, .card-header {
			    background: #206c9b !important;
				/*background: #17489c !important;*/
			    color: #fff !important;
				border-color: #ffffff36 !important;
			}
			
			
			.page-title-header {
	            /* Using a pleasant blue gradient */
	            background-color: #e0f7fa; 
	            background-image: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);
	            padding: 1rem 1rem; /* Added 1rem side padding for mobile */
	            border-bottom: 1px solid #b2ebf2; 
	        }

	        .page-title-text {
	            /* A darker, more professional text color */
	            color: #004d40; 
	            font-weight: 700; /* Lighter font weight */
	            font-size: 2rem; /* Large font */
	        }
			
			
			div.dataTables_wrapper div.dataTables_length label {
			    display: flex;
			    align-items: center;
			    gap: 5px;
			}
			
	 
			.btn-close {
			  display: inline-block;
			  font-size: 20px;
			  color: #000;
			  width: 1em;
			  height: 1em;
			  padding: 0.25em 0.25em;
			  background: transparent url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
			  border: 0;
			  appearance: none;
			  cursor: pointer;
			  position: relative;
			  opacity: 1 !important;
			  filter: invert(1);
			  transition: opacity 0.15s ease-in-out;
			}

			/*.btn-close::before,
			.btn-close::after {
			  content: "";
			  position: absolute;
			  top: 0.5em;
			  left: 0;
			  width: 1em;
			  height: 0.125em;
			  background-color: currentColor;
			  border-radius: 0.125em;
			  transform-origin: center;
			  transition: background-color 0.15s ease-in-out;
			}
*/
			.btn-close::before {
			  transform: rotate(45deg);
			}

			.btn-close::after {
			  transform: rotate(-45deg);
			}

			.btn-close:hover,
			.btn-close:focus {
			  opacity: 0.75;
			  outline: none;
			}

			.btn-close-white {
			  filter: invert(1) grayscale(100%) brightness(200%);
			  opacity: 0.75;
			}

			.btn-close-white:hover,
			.btn-close-white:focus {
			  opacity: 1;
			}
			
			.table thead th {
			    position: sticky;
			    top: 0;
			    z-index: 1;
			}
			
			.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
			    border-top-right-radius: .2rem !important;
			    border-bottom-right-radius: .2rem !important;
			}

			
			.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
			    border-top-left-radius: .2rem !important;
			    border-bottom-left-radius: .2rem !important;
			}
			
			.section-title:after{
					content: " ";
				    display: block;
					width: 14%;
					height: 4px;
					/*background-image: linear-gradient(to right, #fba21b, #ffc978, #ffffff00);*/
					background-image: linear-gradient(to right, #0891b2, #95dbec, #ffffff00);
					margin-top: 3px;
			}
			
			
        /* Main Content Area */
        .content-area {
            flex-grow: 1;
            /* padding: 40px 20px; */
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f1fbff; /* Consistent light background */
        }
        .content-wrapper {
            display: flex;
            width: 100%;
/*             max-width: 900px; Slightly narrower to fit content */
/*             background-color: var(--color-white-text);
            border-radius: var(--border-radius-md);
            box-shadow: var(--shadow-medium); */
            overflow: hidden;
            min-height: 500px;
/*             border: 1px solid #eeeeee; Subtle border for the card */
        }
		
		
        /* Left Content - IAS Image */
        .ias-image-section {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 30px;
            /* background-color: #fcfcfc;  Very light subtle background */
            border-right: 1px solid #e0e0e0; /* Divider like finance.maharashtra */
        }
        .ias-image-section img {
            max-width: 80%;
            height: 20rem;
            margin-bottom: 10px;
            filter: drop-shadow(0 3px 6px rgba(0,0,0,0.1));
        }
        .ias-image-section .slogan {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.1rem;
            font-weight: 500;
            color: var(--color-text-dark);
            text-align: center;
            line-height: 1.5;
            opacity: 0.9;
        }
		
		.transfer-desc {
            text-align: justify;
            font-size: 19px !important;
            font-weight: 600;
            padding-inline: 5rem;
            padding-block: 1rem;
        }
		
		#alltiles .col-lg-3.col-md-4.col-sm-6 {
			margin-bottom: 30px
		}
		
		.breadcrumb .breadcrumb-item{
			font-size: 16px;
		}
				
				
		
		.view-more-btn svg{
			width: 1.5rem;
		    height: 1.5rem;
		    color: #fba21b;
			color: #0891b2;
		}
		
		.view-more-btn .btn.focus, .btn:focus {
		    box-shadow: none !important;
		}

		#noticeSearchBtn, #fuzzySearchBtn{
			/*background: #FFA500;
			border-color: #FFA500;*/
			background: #0891b2;
			border-color: #0891b2;
		}
		
        /* Right Content - Login Form */
        .login-form-section {
            flex: 1;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
           /* background: #fff;*/
        }
        .login-form-section h2 {
            font-family: 'Montserrat', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            color: #08438e;
            margin-bottom: 30px;
            text-align: center;
        }
		
		.section-header1{
			font-weight: 600;
			background: #cdeef1;
		}
		
		.bg-color-tile1 {
			background: radial-gradient(41.08% 105.82% at 84.62% 0%, rgb(170, 240, 170) 0%, rgb(90, 210, 100) 100%);
		}

		.bg-color-tile2 {
			background: radial-gradient(41.08% 105.82% at 84.62% 0%, rgb(180, 235, 255) 0%, rgb(100, 200, 250) 100%);
		}

		.bg-color-tile3 {
			background: radial-gradient(41.08% 105.82% at 84.62% 0%, rgb(255, 220, 180) 0%, rgb(255, 190, 100) 100%);
		}

		.bg-color-tile4 {
			background: radial-gradient(41.08% 105.82% at 84.62% 0%, rgb(190, 220, 255) 0%, rgb(90, 150, 230) 100%);
		}

		.bg-color-tile5 {
			background: radial-gradient(41.08% 105.82% at 84.62% 0%, rgb(255, 190, 180) 0%, rgb(255, 120, 100) 100%);
		}

		.bg-color-tile6 {
		    background: radial-gradient(41.08% 105.82% at 84.62% 0%,
		        rgb(190, 240, 235) 0%,
		        rgb(60, 175, 170) 100%);
		}


		.bg-color-tile7 {
			background: radial-gradient(41.08% 105.82% at 84.62% 0%, rgb(230, 210, 255) 0%, rgb(180, 150, 255) 100%);
		}

		.bg-color-tile8 {
			background: radial-gradient(41.08% 105.82% at 84.62% 0%, rgb(230, 210, 255) 0%, rgb(180, 150, 255) 100%);
		}

        /* Input Fields with Icons */
        .input-group {
            margin-bottom: 18px;
        }
        .input-group-text {
            background-color: #e9ecef; /* Light grey background for icon */
            border: 1px solid #ced4da !important;
            border-right: none !important;
            color: var(--color-text-muted);
            border-radius: var(--border-radius-md) 0 0 var(--border-radius-md) !important;
            padding: 0.65rem 0.9rem !important; /* Smaller padding to match height */
            font-size: 1.1rem;
            height: var(--input-height); /* Match input height */
            align-items: center;
        }
        .form-control {
            border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
            border: 1px solid #ced4da;
            padding: 0.65rem 0.9rem;
            height: var(--input-height);
            transition: all 0.3s ease;
            font-size: 1rem;
        }
        .form-control:focus {
            border-color: var(--color-orange-active);
            box-shadow: 0 0 0 0.25rem rgba(255, 165, 0, 0.25);
        }
        .form-control::placeholder {
            color: var(--color-text-muted);
            opacity: 0.7;
        }

        .captcha-container {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 25px;
        }
        .captcha-image-display {
            background-color: #f0f0f0;
            border: 1px solid #ced4da;
            border-radius: var(--border-radius-md);
            padding: 8px 15px;
            font-family: 'Montserrat', sans-serif;
            font-size: 1.6rem;
            font-weight: 700;
            color: var(--color-text-dark);
            letter-spacing: 3px;
            min-width: 140px; /* Consistent width */
            height: var(--input-height);
            text-align: center;
            user-select: none;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .btn-refresh-captcha {
            background-color: #6c757d !important; /* Standard Bootstrap grey */
            border-color: #6c757d !important;
            color: var(--color-white-text) !important;
            border-radius: var(--border-radius-md) !important;
            padding: 0.65rem 0.9rem !important;
            height: var(--input-height) !important;
            font-size: 1.1rem !important;
            transition: all 0.2s ease !important;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .btn-refresh-captcha:hover {
            background-color: #5a6268 !important;
            color: #000 !important;
            text-decoration: none !important;
        } 

        /* Login Button - inspired by the orange from the reference site's "Home" button */
        .btn-login {
            /*background-color: var(--color-orange-active) !important;
            border-color: var(--color-orange-active) !important;*/
			background-color: #0891b2 !important;
			border-color: #0891b2 !important;
            color: var(--color-white-text) !important;
            padding: 12px 25px !important;
            font-size: 1.1rem !important;
            font-weight: 600 !important;
            border-radius: var(--border-radius-md) !important;
            transition: all 0.3s ease !important;
            /*box-shadow: 0 4px 8px rgba(255, 165, 0, 0.3);*/
			box-shadow: 0 4px 8px #0891b24d;
			
        }
        .btn-login:hover {
            background-color: var(--color-orange-hover);
            border-color: var(--color-orange-hover);
            transform: translateY(-2px); /* Subtle lift */
            /*box-shadow: 0 6px 12px rgba(255, 165, 0, 0.4);*/
			box-shadow: 0 4px 8px #0891b2;
        }
		
		.category-table{
			height: 460px;
		    margin-bottom: 2rem;
		    overflow-y: auto;
		}

        /* Footer */
        .footer-section {
            background-color: var(--color-black-bg);
            padding: 20px;
            text-align: center;
            font-size: 0.9rem;
            color: var(--color-white-text);
            border-top: 1px solid rgba(255,255,255,0.1);
			
        }
        .footer-section a {
            color: #C0C0C0; /* Lighter grey for links */
            text-decoration: none;
            font-weight: 400;
            transition: color 0.2s ease;
        }
        .footer-section a:hover {
            color: var(--color-orange-active);
            text-decoration: underline;
        }
        .footer-section p {
            margin-bottom: 10px; /* Space above logo line */
            line-height: 1.5;
        }
        .footer-logos {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 25px; /* Space between footer logos */
            /* margin-top: 15px; */
        }
        .footer-logos img {
            height: 40px; /* Size for footer logos */
            width: auto;
            filter: grayscale(10%) brightness(1.2); /* Make them slightly more uniform in dark footer */
        }


        /* Responsive Adjustments */
        @media (max-width: 992px) {
            .content-wrapper {
                flex-direction: column;
                max-width: 700px;
                min-height: auto;
            }
            .ias-image-section {
                padding: 30px;
                border-right: none;
                border-bottom: 1px solid #e0e0e0;
            }
            .login-form-section {
                padding: 35px;
            }
            .header-text h1 {
                font-size: 1.5rem;
            }
            .header-logo-ashoka {
                height: 60px;
            }
            .header-right-logos img {
                height: 40px;
            }
            .main-navbar .navbar-nav .nav-link {
                padding: 10px 15px;
            }
        }

        @media (max-width: 768px) {
            .top-bar, .header-section, .main-navbar, .footer-section {
                padding-left: 15px;
                padding-right: 15px;
            }
            .header-section {
                flex-direction: column;
                text-align: center;
            }
            .header-left {
                flex-direction: column;
                margin-bottom: 15px;
            }
            .header-logo-ashoka {
                margin-right: 0;
                margin-bottom: 10px;
            }
            .main-navbar .navbar-nav {
                text-align: center;
            }
            .main-navbar .navbar-nav .nav-item {
                width: 100%;
            }
            .content-area {
                padding: 30px 15px;
            }
            .login-form-section h2 {
                font-size: 1.8rem;
                margin-bottom: 25px;
            }
            .captcha-container {
                flex-direction: column;
                align-items: stretch;
                gap: 10px;
            }
            .captcha-image-display, .btn-refresh-captcha, .captcha-input-group .form-control {
                width: 100%;
                min-width: unset;
                flex-grow: 1;
            }
            .input-group-text, .form-control {
                border-radius: var(--border-radius-md); /* Full rounded corners when stacked */
            }
            .input-group-text {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }
            .form-control {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }
            .footer-logos {
                gap: 15px;
            }
            .footer-logos img {
                height: 30px;
            }
			
		    .head-sticky {
	            position: relative !important;
	        }
			
			.ias-image-section{
			      padding: 0px;
			}
			
			.login-form-section {
			    padding: 0px !important;
			}
			
			.transfer-desc{
			    padding-inline: 1rem !important;
				font-size: 15px !important;
				font-weight: 600 !important;
			}
			
			.section-header1 {
				font-size: 1.8rem;
			}
			    
        }


        .page-title-section {
            padding: 1rem 1rem;
            text-align: center;
        }
        .page-title-section h1 {
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            color: var(--text-dark);
        }
        .page-title-section p {
            font-size: 1.1rem;
            color: var(--text-light);
        }

        .filter-section {
            background: linear-gradient(90deg, rgba(190, 228, 239, 1) 0%, rgb(143 225 218) 62%);
            border-radius: 12px;
            padding: 1.2rem;
            margin-bottom: 1rem;
            border: 1px solid #e3e8f0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
        }
        
        .filter-section .form-label {
            font-weight: 600;
            color: var(--text-dark);
            font-size: 1rem;
        }

        .form-control, .form-select {
            border-radius: 8px;
            border: 1px solid #d1d9e6;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            height: auto !important;
            line-height: 2 !important;
        }
        .form-control:focus, .form-select:focus {
            border-color: var(--color-orange-active);
            box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
        }
        .form-check-input:checked {
            background-color: var(--color-orange-active);
            border-color: var(--color-orange-active);
        }




		.post-history-btn{
			/*	background-color: var(--color-orange-active) !important;*/
				background-color: #0891b2 !important;
            color: #fff !important;
            font-weight: 600 !important;
            line-height: 2 !important;
            padding: 0.75rem ;
            border: none !important;
            /* height: 100% !important; */
            transition: background-color 0.2s !important;
		}
		
		.past-posting-btn{
		background-color: var(--color-orange-active) !important;
            color: #fff !important;
            font-weight: 600 !important;
            line-height: 2 !important;
            padding: 0.75rem ;
            border: none !important;
            /* height: 100% !important; */
            transition: background-color 0.2s !important;
		}
		
		.post-history-btn:hover {
			/*            background-color: #e68a00 !important;*/
						background-color: #0891b2 !important;
        }
	
        .btn-search-main {
           /* background-color: var(--color-orange-active) !important;*/
			background-color: #0891b2 !important;
            color: #fff !important;
            /*border-radius: 8px !important;*/
            font-weight: 600 !important;
            line-height: 2 !important;
            padding: 0.75rem ;
            border: none !important;
            height: 100% !important;
            transition: background-color 0.2s !important;
        }
        .btn-search-main:hover {
/*            background-color: #e68a00 !important;*/
			background-color: #0891b2 !important;
        }
        
        
        .table th img, .table td img {
		    width: 140px !important;
		    height: 171px !important;
		    border: 1px solid #c5c5c5;
		}
        
        
        /* Table Styles */
        .results-container {
            background-color: #fff;
            border-radius: 12px;
            padding: 0.6rem;
            border: 1px solid #e3e8f0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
        }

        .table {
            border-collapse: separate;
            border-spacing: 0;
            font-size: 0.9rem;
        }
        
        #civillistAjax td img{
        	border-radius: 15px;
        }
        
        .table thead th {
            color: var(--text-dark);
            font-weight: 600;
            border-bottom: 2px solid #dee2e6;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .table-hover tbody tr:hover {
            background-color: var(--light-orange-hover);
        }

        .table td, .table th {
            vertical-align: middle;
            padding: 12px;
            border-bottom: 1px solid #e3e8f0;
            font-size: 16px;
        }
        .table tbody tr:last-child td,
        .table tbody tr:last-child th {
            border-bottom: none;
        }

        .officer-photo-sm {
            width: 100px;
            height: 100px;
            border-radius: 15%;
            object-fit: cover;
        }

        .officer-name-in-table {
            font-weight: 600;
            color: var(--text-dark);
        }

        .officer-details-in-table {
            font-size: 0.85rem;
            color: var(--text-light);
        }
		
		@media (min-width: 1400px) {
		    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		        max-width: 1540px !important;
		    }
		}
		
        @media (max-width: 480px) {
            .header-text h1 {
                font-size: 1.3rem;
            }
            .header-right-logos img {
                height: 35px;
            }
            .login-form-section h2 {
                font-size: 1.6rem;
            }
            .ias-image-section img {
                max-width: 100%;
            }
            .ias-image-section .slogan {
                font-size: 0.9rem;
            }
            .login-form-section {
                padding: 25px;
            }
        }


        @media (max-width: 1500px) {
        
            #searchdiv{
                margin-left: 60% !important;
                max-width: none !important;
            }
        
        }

        @media (max-width: 768px) {
        
            #searchdiv{
                margin-left: 30% !important;
            }
        
        }

        
        @media (max-width: 450px) {
        
            #searchdiv{
                margin-left: 10% !important;
            }
        
        }