.section-carousel {
			margin-top: 100px;
		}

        .custom-carousel {
			position: relative;
			overflow: hidden;
			max-width: 1200px;
			margin: 0 auto;
		}

		.carousel-wrapper {
			display: flex;
			transition: transform 0.5s ease-in-out;
			width: 100%;
		}

		.carousel-slide {
			flex: 0 0 33%;
			padding: 5px;
			box-sizing: border-box;
		}

		.thumbnail-wrapper {
			width: 345px;
			height: 500px;
			margin: 0 auto;
			overflow: hidden;
		}

		.thumbnail {
			width: 100%;
			height: 500px;
			object-fit: cover;
			object-position: center;
			transition: transform 0.3s;
		}

		.thumbnail:hover {
			transform: scale(1.02);
		}

		.carousel-control {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background-color: rgba(0, 0, 0, 0.7);
			color: white;
			border: none;
			padding: 15px 10px;
			cursor: pointer;
			z-index: 10;
			font-size: 20px;
			border-radius: 50%;
			width: 50px;
			height: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: background-color 0.3s;
		}

		.carousel-control:hover {
			background-color: rgba(0, 0, 0, 0.9);
		}

		.carousel-control.prev {
			left: 10px;
		}

		.carousel-control.next {
			right: 10px;
		}

		.carousel-control:disabled {
			opacity: 0.3;
			cursor: not-allowed;
		}

		@media (max-width: 992px) {
			.carousel-slide {
				flex: 0 0 50%;
			}
		}

		@media (max-width: 768px) {
			.carousel-slide {
				flex: 0 0 100%;
			}

			.carousel-control {
				padding: 10px 5px;
				width: 40px;
				height: 40px;
				font-size: 16px;
			}
		}

		@media (max-width: 480px) {
			.carousel-slide {
				flex: 0 0 100%;
			}
		}