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

#preloader {
	position: fixed;
	inset: 0;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	max-width: 100vw;
	overflow-x: hidden;
}

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

#preloader img {
	max-width: 80px;
}

body {
	max-width: 100vw;
	overflow-x: hidden;
}

.anim-vertical1 {
	-webkit-animation: anim-vertical1 3s infinite alternate;
    animation: anim-vertical1 3s infinite alternate;
}

@keyframes anim-vertical1 {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}
}

.anim-horizontal1 {
	-webkit-animation: anim-horizontal1 3s infinite alternate;
    animation: anim-horizontal1 3s infinite alternate;
}

@keyframes anim-horizontal1 {
	0% {
		-webkit-transform: translateX(0);
		transform: translate(0);
	}
	100% {
		-webkit-transform: translateX(50px);
		transform: translate(50px);
	}
}

.anim-rotate {
	-webkit-animation: anim-rotate 60s linear infinite;
    animation: anim-rotate 60s linear infinite;
}

@keyframes anim-rotate {
	0% {
		-webkit-transform: rotate(0deg);
	    transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.wrap-kelebihan {
	background-color: transparent !important;
}

.wrap-kelebihan-bg {
	transition: 0.2s all;
	background-color: var(--e-global-color-primary) !important;
}

.wrap-kelebihan .number {
	color: var(--e-global-color-primary) !important;
}

.wrap-kelebihan .txt-primary {
	color: var(--e-global-color-primary) !important;
}

.wrap-kelebihan .txt-secondary {
	color: #000000 !important;
}

.wrap-kelebihan .desc {
	color: #000000 !important;
}

.wrap-kelebihan-bg .number {
	color: var(--e-global-color-secondary) !important;
}

.wrap-kelebihan-bg .txt-primary {
	color: var(--e-global-color-secondary) !important;
}

.wrap-kelebihan-bg .txt-secondary {
	color: #FFFFFF !important;
}

.wrap-kelebihan-bg .desc {
	color: #FFFFFF !important;
}

.anim-text1 { 
	visibility: hidden;
	line-height: 1.2;
}
body.elementor-editor-active .anim-text1 {
	visibility: inherit !important;
}
body.elementor-editor-preview .anim-text1 {
	visibility: inherit !important;
}
.anim-text1 .word-wrap {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}
.anim-text1 .word {
	display: inline-block;
	transform: translateY(100%);
	will-change: transform;
}

.nav-header {
	transition: all 0.5s ease-in-out;
}

.nav-header.scrolled {
	background-color: #FFFFFF;
}

/* .anim-fadeinup {
	opacity: 0;
	transform: translateY(80px);
	will-change: transform;
}
body.elementor-editor-active .anim-fadeinup {
	opacity: 1 !important;
}
body.elementor-editor-preview .anim-fadeinup {
	opacity: 1 !important;
} */