/* Add to your existing CSS */
.swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.swiper-slide {
	width: 300px !important; /* Fixed width for slides */
	height: auto !important;
	margin-right: 15px !important;
}

.skill-card {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

/* Prevent text overflow in skill items */
.d-flex.align-items-center.bg-light.rounded-4.p-3.h-100 {
	word-wrap: break-word;
	white-space: normal;
}

/* Add smooth transitions */
.swiper-slide {
	transition: transform 0.3s ease-in-out;
}

/* Better mobile experience */
@media (max-width: 640px) {
	.swiper-slide {
		width: 280px !important;
		margin-right: 10px !important;
	}
	
	.card-body {
		padding: 1.5rem !important;
	}
}

.skill-icon {
	min-width: 3rem;
	min-height: 3rem;
	/* padding: 2rem; */
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.whole-card{
	
}