/* Fix for AJAX loaded project images */
.one-page-content .boxed img,
.boxed img {
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
	max-height: 150px; /* Fixed height for consistency */
	margin: 0 auto;
	transition: opacity 0.3s ease; /* Smooth transition */
}

.one-page-content .boxed .col-sm-3,
.boxed .col-sm-3 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px; /* Fixed container height */
}

/* Improved CSS for Bootstrap 5 compatibility */
.one-page-content .row,
.page-single .row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

/* Fix alignment issues */
.one-page-content .align-items-center,
.page-single .align-items-center {
	align-items: center !important;
}

/* Add proper spacing */
.one-page-content .boxed,
.page-single .boxed {
	margin-bottom: 30px;
}

/* Fix image centering */
.one-page-content .mx-auto,
.page-single .mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.one-page-content .d-block,
.page-single .d-block {
	display: block !important;
}

/* Ensure all images load properly in AJAX context */
.is-ajax-page-visible img {
	opacity: 1 !important;
}

.one-page-content .boxed .col-sm-3 a {
	display: block;
	width: 100%;
	text-align: center;
}

/* Ensure images are properly sized in AJAX loaded content */
.is-ajax-page-visible .boxed img {
	transition: all 0.3s ease;
}

.is-ajax-page-visible .boxed .row {
	align-items: center;
}

/* Bootstrap 5 compatibility fix */
.one-page-content .align-items-center {
	align-items: center !important;
}

.one-page-content .d-block {
	display: block !important;
}

.one-page-content .mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Fix for broken images in AJAX loading */
.one-page-content .boxed .row .col-sm-3 img {
	max-width: 100%;
	height: auto;
	width: auto;
	max-height: 200px;
	object-fit: contain;
}

/* Ensure proper container sizing */
.one-page-content .boxed .row {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.one-page-content .boxed .col-sm-3 {
	flex: 0 0 25%;
	max-width: 25%;
	padding: 15px;
}

.one-page-content .boxed .col-sm-9 {
	flex: 0 0 75%;
	max-width: 75%;
	padding: 15px;
}