/* Homepage-specific CSS */
/* Read more cards styling - home page specific */
@media screen and (min-width: 1200px) {
.read-more-cards {
	margin-top: -5.2rem !important;
	position: relative;
	z-index: 10;
}
}

/* Banner section styling - Bootstrap grid layout */
.banner-section {
	max-width: 100%;
	overflow: visible;
}

.banner-section .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: 0;
	margin-right: 0;
	gap: 0.5rem;
}

.banner-section .col-6,
.banner-section .col-md-4,
.banner-section .col-lg-auto {
	flex: 0 0 auto;
	width: auto;
	padding: 5px;
}

.banner-section img {

	height: 80px !important;
	object-fit: contain;
	display: block;
}

/* Responsive adjustments for banner section */
@media (max-width: 991px) {
	.banner-section img {
		width: 115px !important;
		max-width: 115px !important;
	}
}

/* Header Grayscale Mode - Apply to specific elements, exclude HB logos 
.site-header .site-navigation,
.site-header .site-languages,
.site-header .site-utilities,
.site-header .site-search,
.site-header .site-panel,
.site-header .bhu-logo,
.site-header .bhu-logo *,
.site-header .skip-link,
.site-header button:not(.hb-logo button):not(.hb-logo-desktop button):not(.hb-logo-mobile button),
.site-header a:not(.hb-logo):not(.hb-logo a):not([class*="hb-logo"]),
.site-header span:not(.hb-logo span):not(.hb-logo-desktop):not(.hb-logo-mobile):not([class*="hb-logo"]),
.site-header svg:not(.hb-logo svg):not(.hb-logo-desktop svg):not(.hb-logo-mobile svg):not([class*="hb-logo"] svg),
.site-header img:not(.hb-logo img):not(.hb-logo-desktop img):not(.hb-logo-mobile img):not([class*="hb-logo"] img),
.site-header ul,
.site-header li,
.site-header form,
.site-header input,
.site-header label {
  filter: grayscale(100%) !important;
  -webkit-filter: grayscale(100%) !important;
}


.site-main,
.page-controls,
.chatbot-container,
.site-footer {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
 */