.img-size {
	width: 100%;
	height: auto !important; /* Fix image distortion on all devices */
	aspect-ratio: 4 / 3; /* Maintain consistent card size */
	object-fit: cover;
}

.img-table {
	width: 100%;
	height: auto !important;
	border-radius: 12px;
	margin-bottom: 25px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

@media (max-width: 767px) {
	.banner-area {
		background-position: center center !important;
		background-size: cover !important;
		min-height: 250px;
	}
	.banner-heading h1 {
		font-size: 28px !important;
		line-height: 1.2 !important;
	}
	.ts-team-content {
		padding: 10px !important;
	}
	.ts-designation {
		font-size: 16px !important;
	}
	#main-container .item {
		margin-bottom: 20px !important;
	}
	.call-to-action.classic {
		padding: 30px 15px !important;
		text-align: center !important;
		border-radius: 10px !important;
	}
	.call-to-action.classic .action-title {
		font-size: 18px !important;
		margin: 0 !important;
		line-height: 1.5 !important;
	}
	.call-to-action.classic .action-title a {
		display: block;
		margin-top: 10px;
		font-size: 22px;
		color: #ffc009 !important; /* Stand out color for phone */
	}
	.main-container {
		padding: 20px 0 !important;
	}
	.border-title {
		font-size: 24px !important;
		line-height: 1.3 !important;
	}

	/* Responsive Tables */
	.tableStyle {
		width: 100% !important;
		display: table !important; /* Changed from block to table to allow proper sizing if possible */
		margin-bottom: 20px;
		border-collapse: separate;
		border-spacing: 0 5px;
	}

	.tableStyle td, .tableStyle th {
		padding: 12px 10px !important;
		font-size: 14px !important;
		line-height: 1.4 !important;
	}

	.tableStyle th {
		background: #4f0469 !important;
		color: #fff !important;
		width: 40%;
		font-size: 17px !important;
	}

	.imageMargin {
		margin-top: 15px !important;
	}

	[class*="col-"] {
		margin-bottom: 15px; /* Add spacing between stacked columns */
	}
}

/* Smooth Image Transitions */
.team-img-wrapper img {
	transition: transform 0.3s ease;
}
.ts-team-wrapper:hover .team-img-wrapper img {
	transform: scale(1.05);
}
