.carousel.of_slider_block {
	--indi-color: rgba(0, 0, 0, 0.2);
	
	&.slide {
		.carousel-item {
			/*position: relative;*/
			display: block;
			opacity: 0;
			transform: none;
			pointer-events: none;
			transform: translateX(0);
			--slide-transition: transform 0.6s ease-in-out;
		}

		.carousel-item.active {
			opacity: 1;
			pointer-events: all;
			transform: translateX(0);
		}


		/** to right **/
		.carousel-item.dir-left { 
			transform: translateX(99.5%);
			transition: none;
		}
		
		.carousel-item.carousel-item-start {
			transition: var(--slide-transition);
			opacity: 1;
			transform: translateX(-99.5%);
		}		
		
		.carousel-item.carousel-item-next.carousel-item-start {			
			transform: translateX(0%);
		}

		/** to left **/
		.carousel-item.dir-right { 
			transform: translateX(-99.5%);
			transition: none;
		}
		.carousel-item.carousel-item-end {
			transition: var(--slide-transition);
			opacity: 1;
			transform: translateX(99.5%);
		}

		.carousel-item-prev.carousel-item-end {
			transform: translateX(0%);
		}
		
	}
	
	.carousel-indicators { 
		position: relative;
		margin-top: var(--m-content);
	}
		.carousel-indicators.circles {
			--indi-b: 2px;
		}
		.carousel-indicators.circles [data-bs-target] { 
			border: var(--indi-b) solid #fff;
			width: calc(var(--indi-w) * 0.8);
			height: calc(var(--indi-h) * 0.8);
		}
	
	.carousel-control-prev, .carousel-control-next {
		z-index: 5;
		top: unset;
		transform: none;
		bottom: -.7rem;
		height: var(--con-icon-bg-height);
		filter: none;
		
		width: var(--con-icon-bg-width);
		justify-content: end;
		@media(min-width: 768px) { width: 15%; }
		@media(min-width: 992px) { width: 25%; }
	}
		.carousel-control-next {
			justify-content: start;
		}
	
}