/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.elementor-widget-image a img[src$=".svg"] {
	width: 100% !important;
}

footer.elementor.elementor-location-footer {
	background-color: var(--e-global-color-secondary) !important;
}

@media screen and (min-width: 1367px) {
	.mob {
		display: none;	
	}
	.desk {
		display: inline;	
	}
}
@media screen and (max-width: 1366px) {
	.mob {
		display: inline;	
	}
	.desk {
		display: none;	
	}
}

@media screen and (max-width: 1666px) {
	.add-padding {
		padding-left: 3%;
	}
}

/* ANIMATIONS */
@media (prefers-reduced-motion: no-preference) {
	/* Reduce FadeIn intensity */
	.elementor-element.animated.fadeInUp {
		animation-name: fadeInUpSmall;
	}
	@keyframes fadeInUpSmall {
		from {
			opacity: 0;
			transform: translate3d(0, 10px, 0);
		}
		to {
			opacity: 1;
			transform: none;
		}
	}
	.elementor-element.animated.fadeInDown {
		animation-name: fadeInDownSmall;
	}
	@keyframes fadeInDownSmall {
		from {
			opacity: 0;
			transform: translate3d(0, -10px, 0);
		}
		to {
			opacity: 1;
			transform: none;
		}
	}
	.elementor-element.animated.fadeInLeft {
		animation-name: fadeInLeftSmall;
	}
	@keyframes fadeInLeftSmall {
		from {
			opacity: 0;
			transform: translate3d(-10px, 0, 0);
		}
		to {
			opacity: 1;
			transform: none;
		}
	}
	.elementor-element.animated.fadeInRight {
		animation-name: fadeInRightSmall;
	}
	@keyframes fadeInRightSmall {
		from {
			opacity: 0;
			transform: translate3d(10px, 0, 0);
		}
		to {
			opacity: 1;
			transform: none;
		}
	}

/* Grow underline on scroll */
/*	div:has(.line) {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000;
		will-change: transform;
	}*/
	.line {
		transform-origin: left;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
		/*transform: scaleX(0) translate3d(0,0,0);
		-webkit-transform: scaleX(0) translate3d(0,0,0);
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
		backface-visibility: hidden;*/
		will-change: transform;
	}
	.line.center {
		transform-origin: center;
	}
	.line-animation {
		/*animation-name: grow;
		animation-fill-mode: forwards;
		animation-timing-function: ease-in-out;
		animation-range-start: 0%;
		animation-range-end: 100%;
		animation-timeline: scroll();*/
		animation-name: grow;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
		animation-timeline: view(block);
	  	animation-range: cover;
	}
	.line.footer.line-animation {
		animation-range: cover 0% cover 50%;
	}

	@keyframes grow {
		to { transform: scaleX(1); -webkit-transform: scaleX(1); }
	}
}
@media (prefers-reduced-motion: reduce) {
	.line,
	.line-animation { animation: none; transform: scaleX(1); -webkit-transform: scaleX(1); }
}



sub, sup {
    font-size: 50% !important;
    line-height: 0 !important;
    position: relative !important;
    vertical-align: baseline !important;
}
sup {
    top: -.5em !important;
}
sub {
    bottom: -.25em !important;
}

.process::after {
    position: relative;
	z-index: 1;
}
.process::after {
    content: '';
    position: absolute;
    display: block;
    top: 40%;
    right: -20px;
    width: 25px;
    height: 40px;
    background: url(/wp-content/uploads/2026/06/rightchevron-enterprises.svg) center center no-repeat;
    background-size: contain;
    background-position-x: -3px;
    transition: all 0.2s ease-in-out;
    z-index: 100;
}

@media screen and (max-width: 767px) {
	.process::after {
		top: auto;
        bottom: -25px !important;
        right: 46%;
        width: 25px;
        height: 40px;
		transform: rotate(90deg);
	}
}