.slick-track.slider-hint {
    animation: slickTrackHint 0.9s ease;
}

@keyframes slickTrackHint {
    0%,
    100% {
        translate: 0 0;
    }

    50% {
        translate: -25px 0;
    }
}


.formatted-text .slider{
	max-height: 500px;
	overflow: hidden;
	margin: 30px 0 40px 0;
}

.formatted-text .slider.slick-initialized{
	max-height: max-content;
	overflow: initial;
}

.formatted-text ul.slick-dots{
	display: flex;
	justify-content: center;
	margin: 35px 0 0 0;
	gap: 8px;
	padding: 0;
	list-style: none;
}

.formatted-text ul.slick-dots li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.formatted-text ul.slick-dots li:before{
	content: none;
}

.formatted-text ul.slick-dots button{
	--color: #CFD0D2;
	background: var(--color);
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 50%;
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	font-size: 0;
	text-indent: -9999px;
}

.formatted-text ul.slick-dots button:hover{
	cursor: pointer;
}

.formatted-text ul.slick-dots .slick-active button{
	--color: #427E66;
}

.formatted-text img{
	width: 100%;
	max-width: 100%;
	display: block;
}

.content-box + .content-box{
	margin-top: 25px;
}

.slider .slick-arrow {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background: #427e66;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: all;
    background-color: #e3ece8;
    background-image: url("/assets/img/Icon/Chevron-Right.svg");
	position: absolute;
	bottom: -15px;
	font-size: 0;
	text-indent: -99999px;
	overflow: hidden;
}

.slider .slick-arrow.slick-prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
	left: 0;
}

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

@media(max-width: 768px){
	.formatted-text ul.slick-dots{
		margin: 30px 0 0 0;
		gap: 5px;
	}
	
	.formatted-text ul.slick-dots button{
		width: 9px;
		height: 9px;
	}
	
	.slider .slick-arrow{
        height: 40px;
        width: 40px;
		bottom: -15px;
	}
}