.special-occasions-carousel{
	opacity: 0;
	visibility: hidden;
}

.special-occasions-carousel.slick-initialized{
	opacity: 1;
	visibility: visible;
}

.special-occasions-carousel .slick-list{
	margin: 0 -15px;
}

.special-occasions-carousel .slick-slide{
	margin: 0 15px;
}

.special-occasions-carousel .image-box{
	position: relative;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	height: 315px;
    padding: 20px;
}

.special-occasions-carousel .image-box:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(from var(--e-global-color-primary) r g b / 70%);
	backdrop-filter: blur(5px);
	width: 100%;
	height: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.special-occasions-carousel .image-box .image-content{
	position: relative;
	z-index: 1;
}


.special-occasions-carousel .image-box .image-content .title h3{
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    font-style: var(--e-global-typography-secondary-font-style);
    line-height: var(--e-global-typography-secondary-line-height);
	color: var(--white-color);
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	margin: 0;
}

.special-occasions-carousel .image-box .image-content .image-desc{
	color: var(--white-color);
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	margin-top: 20px;
}

.special-occasions-carousel .image-box:hover:before,
.special-occasions-carousel .image-box:hover .image-content .title h3,
.special-occasions-carousel .image-box:hover .image-content .image-desc,
.special-occasions-carousel .slick-current .image-box:before,
.special-occasions-carousel .slick-current .image-box .image-content .title h3,
.special-occasions-carousel .slick-current .image-box .image-content .image-desc{
	transform: scale(1);
}

.slick-slider .slick-arrow{
	position: absolute;
	top: 50%;
	left: 0;
	right: auto;
	display: flex;
    align-items: center;
    justify-content: center;
	background-color: var(--accent-bg);
	color: var(--white-color);
    border: 0;
	border-radius: 50%;
	width: 40px;
    height: 40px;
    padding: 0;
	transform: translateY(-50%);
	z-index: 10;
}

.slick-slider .slick-arrow:hover,
.slick-slider .slick-arrow:focus{
	background-color: var(--e-global-color-secondary);
}

.slick-slider .slick-arrow.next-arrow{
	left: auto;
	right: 0;
}

.special-occasions-carousel .slick-arrow.prev-arrow{
	left: -20px;
}

.special-occasions-carousel .slick-arrow.next-arrow{
	right: -20px;
}

@media only screen and (max-width: 1024px){
	
	.special-occasions-carousel-wrap{
		overflow-x: clip;
	}
	
	.slick-container.slick-initialized{
		padding-bottom: 80px;
	}
	
	.special-occasions-carousel .image-box{
		height: 350px;
	}
	
	.slick-slider .slick-arrow{
		top: auto;
		left: calc(50% - 50px);
		bottom: 0;
		transform: translateY(0);
	}
	
	.slick-slider .slick-arrow.next-arrow {		
		right: calc(50% - 50px);
	}
	
	.special-occasions-carousel .slick-arrow.prev-arrow{
		left: calc(50% - 50px);
	}
}

@media only screen and (max-width: 767px){
	
	
	
	.slick-container.slick-initialized{
		padding-bottom: 60px;
	}
	
	.special-occasions-carousel .image-box{
		height: 335px;
	}
	
	.slick-slider .slick-arrow,
	.special-occasions-carousel .slick-arrow.prev-arrow{
		left: calc(50% - 45px);
	}
	
	.slick-slider .slick-arrow.next-arrow {		
		right: calc(50% - 45px);
	}
	
}