.elementor-4518 .elementor-element.elementor-element-d8589bb{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:1.62rem 1.62rem;--row-gap:1.62rem;--column-gap:1.62rem;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-4f369ec{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1.15rem 1.15rem;--row-gap:1.15rem;--column-gap:1.15rem;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-4518 .elementor-element.elementor-element-d8589bb{--grid-auto-flow:row;}.elementor-4518 .elementor-element.elementor-element-4f369ec{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4518 .elementor-element.elementor-element-d8589bb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4518 .elementor-element.elementor-element-4f369ec{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image-carousel, class: .elementor-element-179d825 *//*.elementor-4518 .elementor-element.elementor-element-179d825 .swiper{*/
/*    overflow: visible!important;*/
/*}*/

.elementor-4518 .elementor-element.elementor-element-179d825 .swiper-wrapper{
    transition-timing-function: linear!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3882015 */*:has(> .timeline-pagination) {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	width: 100%;
	left: 0;
	z-index: 11;
}

.timeline-pagination {
	width: 100%;
	height: 2px;
	background-color: #4B406C;
	display: flex;
	justify-content: space-between;

	& button {
		width: 1.125rem;
		height: 1.125rem;
		display: block;
		border-radius: 50%;
		border: 0;
		margin-top: -0.5rem;
		cursor: pointer;
		background-color: #4B406C;
		
		&.active{
		    background-color: #fff;
		}
	}
}

.timeline-nav {
	position: absolute;
	top: -13rem;
	right: 0;

	& button {
		rotate: 90deg;
		background-color: #3d228c;
		padding: 1rem;
		border: 0;
		border-radius: 0.25rem;
		cursor: pointer;
		display: inline-block;

		& svg {
			width: 0.8rem;
			height: 0.8rem;
			color: #fff;
		}
	}
	& button.timeline-prev {
		rotate: -90deg;
		margin-right: 1rem;
	}
	
	& button.swiper-button-disabled{
	    opacity: 0.25;
	}
}

@media screen and (max-width:768px){
    
    .timeline-nav {
    position: absolute;
    top: auto;
    bottom: -9rem;
    right: auto;
    left: 50%;
    translate: -50% 0;
}
    
}/* End custom CSS */