/*
    Theme Name: Hello Child
    Template: hello-elementor
    Description: A child theme for the Hello Elementor theme.
    Author: IGAM DEV
    Version: 1.0.0
    Text Domain: hello-child
*/

body.elementor-editor-active #preloader { display: none !important; }

#preloader {
	display: none;
}

.page-id-264 #preloader {
	position: fixed;
	inset: 0;
	background: #000000;
	display: grid;
	place-items: center;
	z-index: 99999;
	opacity: 1;
	visibility: visible;
}

.cursor {
	width: 100px;
	height: 100px;
	transform: scale(0);
	position: fixed;
	top: 0;
	left: 0;
	background: #FFFFFF;
	pointer-events: none;
	border-radius: 50%;
	mix-blend-mode: difference;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	will-change: transform;
}

.cursor span {
	z-index: 9999;
	color: black;
}

.cursor-grow {
	cursor: none !important;
}

#greeting {
	/*   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; */
	font-weight: 700;
	font-size: 3em;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #ffffff;
	will-change: transform, opacity, filter;
}

@media only screen and (max-width: 768px) {
	#greeting {
		font-size: 2em !important;
	}
}

#preloader.is-hidden {
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s ease, visibility .5s ease;
}

#header {
	transition: all 0.3s ease-in-out;
}

#header.scrolled {
	box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.1);
	transition: all 0.3s ease-in-out;
}

.roll-word-wrap {
	display:inline-block;
	position:relative;
	overflow:hidden;
	height: 1em;
	line-height: 1;
	vertical-align: baseline;
}
.roll-word{
	display:block;
	will-change: transform, opacity;
	white-space: nowrap;
}

.text-clip-wrapper > .text-clip > div {
	background: linear-gradient(
		to right,
		rgb(255, 255, 255) 50%,
		rgb(37, 37, 37) 50%
	);
	background-size: 200% 100%;
	background-position-x: 100%;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	line-height: 1.2; 
	font-size: 1em;
}

.text-clip-wrapper > .text-clip-2 > div {
	background: linear-gradient(
		to right,
		rgb(255, 255, 255) 50%,
		rgb(133, 133, 133) 50%
	);
	background-size: 200% 100%;
	background-position-x: 100%;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	line-height: 1.2; 
	font-size: 1em;
}

.img-skew img {
	display: block;
	transform-origin: center center;
	will-change: transform;
	backface-visibility: hidden;
}