.image-container {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	margin-right: 15px;
}

.username {
	font-size: 40px;
	position: relative;
	top: 10px;
}

.status-name {
	color: #0000ff;
	text-transform: lowercase;
}

.s-card-title {
	font-size: 40px;
	text-align: center;
	margin-bottom: 30px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

.s-card-list, li {
	list-style: none;
}

.icon-btn {
	text-align: center;
}

.icon-btn a {
	font-size: 32px;
	color: #000;
	margin-right: 10px;
	transition: 0.3s ease-in-out;
}

.carousel-inner img {
    height: 175px; /* Set fixed height */
    object-fit: contain; /* Ensure the entire image fits inside the container */
	background-color: #0002;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: black;
    border-radius: 50%;
}

@media screen and (max-width: 413px){
	.username {
		font-size: 30px;
	}
}/* Existing styles... */

@media screen and (max-width: 768px) {
    #projects .d-flex {
        flex-direction: column; /* Stack cards vertically */
        align-items: center; /* Center align cards */
    }

    #projects .card {
        width: 100%; /* Make cards take full width */
        margin-bottom: 20px; /* Add spacing between cards */
    }
}