/* Custom Icon Styles */

/* Base font-icons (Flaticons) upscale */
.tab-btn .tab-icon span[class^="flaticon-"]::before {
	font-size: 38px !important;
	color: #b8956a;
	transition: color 0.28s ease;
	line-height: 1 !important;
}

.tab-btn.active .tab-icon span[class^="flaticon-"]::before {
	color: #fff;
}

/* Saree Draping Custom SVG (Original Size) */
.tab-btn .tab-icon svg.custom-saree {
	width: 38px;
	height: 38px;
	stroke: #b8956a;
	transition: stroke 0.28s ease;
}

.tab-btn.active .tab-icon svg.custom-saree {
	stroke: #fff;
}

/* New Custom SVGs (Increased Size to match visual weight of Flaticons) */
.tab-btn .tab-icon svg.custom-hairgrowth,
.tab-btn .tab-icon svg.custom-ivfluid,
.tab-btn .tab-icon svg.custom-electrocautery {
	width: 64px;
	height: 64px;
	stroke: #b8956a;
	transition: stroke 0.28s ease;
}

.tab-btn.active .tab-icon svg.custom-hairgrowth,
.tab-btn.active .tab-icon svg.custom-ivfluid,
.tab-btn.active .tab-icon svg.custom-electrocautery {
	stroke: #fff;
}

/* Responsive Scaling */
@media (max-width: 991px) {
	.tab-btn .tab-icon span[class^="flaticon-"]::before {
		font-size: 32px !important;
	}

	.tab-btn .tab-icon svg.custom-saree {
		width: 32px;
		height: 32px;
	}

	.tab-btn .tab-icon svg.custom-hairgrowth,
	.tab-btn .tab-icon svg.custom-ivfluid,
	.tab-btn .tab-icon svg.custom-electrocautery {
		width: 56px;
		height: 56px;
	}
}

@media (max-width: 767px) {
	.tab-btn .tab-icon span[class^="flaticon-"]::before {
		font-size: 28px !important;
	}

	.tab-btn .tab-icon svg.custom-saree {
		width: 28px;
		height: 28px;
	}

	.tab-btn .tab-icon svg.custom-hairgrowth,
	.tab-btn .tab-icon svg.custom-ivfluid,
	.tab-btn .tab-icon svg.custom-electrocautery {
		width: 48px;
		height: 48px;
	}
}