.carousel-inner {
	background-color: #ffffff; /* Set a background color for the carousel inner */
	border-radius: 10px; /* Add some border-radius for a rounded appearance */
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); /* Add a subtle box-shadow for depth */
}

.card {
	width: 100px;
	height: 100px;
	margin: 10px;
	padding: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); /* Add a box-shadow to the cards */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-color: #d3e8ff; /* Set a color for the carousel control icons */
	border-radius: 50%; /* Make the control icons circular */
	color: #ffffff; /* Set the color of the icons to white */
}

.scroll-container {
	
	height: 200px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	border: 1px solid #ddd;
	margin: 20px;
	animation: scroll 5s linear infinite; /* Adjust duration as needed */
}

.content {
	padding: 10px;
	display: inline-block;
}
.scroll-container {
width: 100%;
/* You can add other styles as needed */
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

.logo{
	padding-left: 10px;
}