/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2.1.1734434354
Updated: 2024-12-17 11:19:14

*/

/*----- Common Class -----*/
.highlight {
	color: var(--e-global-color-40a16dc);
}
.timeline_item .timeline_item_year {
	z-index: 2;
}
.elementor-button-icon svg {
    margin-bottom: -3px;
}
.timeline_item .timeline_item_year:after {
    content: '';
    position: absolute;
    top: 45px;
    right: -40px;
    width: 60px;
    height: 5px;
    background: var(--e-global-color-9d8534b);
    border-radius: 10px;
}
.timeline_item:first-child .timeline_item_year:before {
    content: '';
    position: absolute;
    top: -29px;
    right: -20px;
    left: auto;
    width: 20px;
    height: 30px;
    background: var(--e-global-color-40a16dc);
    clip-path: polygon(50% 0, 0 80%, 0 100%, 100% 100%, 100% 80%);
}
.timeline_item:last-child .timeline_item_year:before {
    content: '';
    position: absolute;
    top: auto;
    bottom: -29px;
    right: -20px;
    left: auto;
    width: 20px;
    height: 30px;
    background: var(--e-global-color-40a16dc);
    clip-path: polygon(100% 0, 0 0, 0 20%, 50% 100%, 100% 20%);
}
.header_contact_button a.elementor-button:after {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    top: 0px;
    width: 50px;
    height: 100%;
    clip-path: polygon(20% 0, 100% 50%, 20% 100%, 0 100%, 0 0);
    background: var(--e-global-color-40a16dc);
}

@media(max-width: 768px) {
	.timeline_item .timeline_item_year:after {
		top: auto;
		bottom: 0;
		right: auto;
		width: 50px;
		height: 4px;
	}
	.timeline_item:first-child .timeline_item_year:before {
		top: -19px;
		right: auto;
		left: -30px;
		width: 10px;
		height: 20px;
	}
	.timeline_item:last-child .timeline_item_year:before {
		display: none;
	}
	.timeline_item_wrapper:after {
		content: '';
		position: absolute;
		bottom: -19px;
		left: -10px;
		width: 10px;
		height: 20px;
		background: var(--e-global-color-40a16dc);
    	clip-path: polygon(100% 0, 0 0, 0 20%, 50% 100%, 100% 20%);
	}
	.header_contact_button a.elementor-button:after {
		right: 2px;
		width: 18px;
	}
}