.carousel-container {
            position: relative;
            width: 91%;
            overflow: hidden;
        }

.carousel-container h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 30.11px;
    text-align: left;
		color: #616161;
		text-transform: uppercase;
}

.carousel-container a {
	font-size: 12px;
	font-weight: 700;
	line-height: 19.36px;
	text-align: center;
	color:#3C3A38;
	border: 1px solid #3C3A38;
	padding: 0.8rem 1.8rem;
}

.carousel-container p {
		font-size: 18px;
		font-weight: 300;
		line-height: 22.05px;
		text-align: left;
		color:#616161;
		margin-bottom: 50px;
	  padding-right: 1rem;
}

        .carousel {
            display: flex;
            transition: transform 0.5s ease;
        }

        .card {
            flex: 0 0 25%; 
            box-sizing: border-box;
        }

        .card img {
					    width: 100%;
							max-width: 480px;
							height: 400px;
							object-fit: cover;
							display: block;
							padding: 0 5px;
        }


			.carousel-card-content {
					max-width: 380px;
			  	margin: 50px auto;
				  min-height: 280px;
					display: flex;
					flex-direction: column;
					align-items: start;
					justify-content: space-between;
				}

        .prev, .next {
            position: absolute;
            top: 0;
					  height: 100%;
					  max-height: 400px;
            background-color: #F8F1E8;
            color: white;
            width: 80px;
            cursor: pointer;
            z-index: 999;
					  display: flex;
            justify-content: center;
            align-items: center;
        }

        .prev {
            left: 0px;
        }

        .next {
            right: 0px;
        }


@media screen and (min-width: 2000px) {
	.card img {
		max-width: 680px ;
	}
}

@media screen and (max-width: 1080px) {
	        .prev, .next {
            width: 60px;
        }
}


@media screen and (max-width: 688px) {
	
	
	.carousel-container h4 {
		font-size: 24px;
	}
	
	.card img {
		max-width: unset;
	}
	
	.arrow-images {
		display: none !important;
	}
	.prev, .next {
		top: 27%;
		height: 80px;
		width: 80px;
		background: rgba(255,255,255, .2);
	}

	.next {
		right: 41%;
		transform: translateX(60%);
	}
	.prev {
		left: 41%;
		transform: translateX(-60%);
	}
	
	.prev::after {
		content: url(/wp-content/uploads/2024/09/Arrow-left-white.svg);
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
		.next::after {
			content: url(/wp-content/uploads/2024/09/Arrow-whiteright.svg);
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
	}
	
			.carousel-container {
				width: 100%;
			}
	
	.card img {
		padding: 0;
		height: unset;
		min-height: 290px;
	}
	
	.carousel-container h4 {
		text-align: center;
	}
	
	.carousel-container p {
		font-size: 18px;
		text-align: center;
 }
	
	.carousel-card-content {
		text-align: center;
	}
	
	
	.carousel-container a {
		font-size: 12px;
		font-weight: 700;
		line-height: 14.52px;
		text-align: center;
		padding: 1.2rem 3rem;
	}
	
				.carousel-card-content {
					align-items: center;
				}
}