/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

html {
    font-size: 62.5%;
}

body {
overflow-x:hidden;
}

.elementor-text-editor p:last-of-type {
    margin: 0;
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

.grecaptcha-badge { 
    visibility: hidden;
}



/* Code from https://element.how/elementor-animated-line-on-scroll/
* Copyright 2024 Element.How
* Licensed for personal and client use for customers who purchased access
* No redistribution or resale permitted
*/

@supports (-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)) or (clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)) {

    .element-scroll-reveal-top>.elementor-motion-effects-element {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% * var(--scale)), 0 calc(100% * var(--scale)));
        clip-path: polygon(0 0, 100% 0, 100% calc(100% * var(--scale)), 0 calc(100% * var(--scale)));
    }

    .element-scroll-reveal-bottom>.elementor-motion-effects-element {
        -webkit-clip-path: polygon(0 calc(100% * (1 - var(--scale))), 100% calc(100% * (1 - var(--scale))), 100% 100%, 0 100%);
        clip-path: polygon(0 calc(100% * (1 - var(--scale))), 100% calc(100% * (1 - var(--scale))), 100% 100%, 0 100%);
    }

    .element-scroll-reveal-left>.elementor-motion-effects-element {
        -webkit-clip-path: polygon(0 0, calc(100% * var(--scale)) 0, calc(100% * var(--scale)) 100%, 0 100%);
        clip-path: polygon(0 0, calc(100% * var(--scale)) 0, calc(100% * var(--scale)) 100%, 0 100%);
    }

    .element-scroll-reveal-right>.elementor-motion-effects-element {
        -webkit-clip-path: polygon(calc(100% * (1 - var(--scale))) 0, 100% 0, 100% 100%, calc(100% * (1 - var(--scale))) 100%);
        clip-path: polygon(calc(100% * (1 - var(--scale))) 0, 100% 0, 100% 100%, calc(100% * (1 - var(--scale))) 100%);
    }

}

/* Disable the default Elementor animation, don't change */
:is(.element-scroll-reveal-top, .element-scroll-reveal-bottom, .element-scroll-reveal-left, .element-scroll-reveal-right) .elementor-motion-effects-element {
    transform: none !important;
}

/* Code from https://element.how/elementor-animated-line-on-scroll/
* Copyright 2024 Element.How
* Licensed for personal and client use for customers who purchased access
* No redistribution or resale allowed
*/

.inlineScrollAnimatedLine {
  --height-of-line: 1px;
  --width-of-line: 70px;
  --spacing-of-line: 4px;
  --vertical-offset: -1px;
  --color-of-line: #000;
}

.scrollRevealedLine {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  position: relative;
  top: var(--vertical-offset);
  width: var(--width-of-line);
  height: var(--height-of-line);
  margin-right: var(--spacing-of-line);
  background-color: var(--color-of-line);
  transform-origin: 0 50%;
  transform: scaleX(var(--scale));
}

.scrollRevealedLine.fromRight {
  transform-origin: 100% 50%;
}

/* Disable the default Elementor animation, don't change */
.inlineScrollAnimatedLine .elementor-motion-effects-element {
	transform: none!important; }

/* 
END UNDER
*/
	

/* Block Reveal Animation */

/* Demp 1 */
.gen_intros01.fadeIn::before {
   	position: absolute;
   	content: '';
   	width: 100%;
   	height: 100%;
   	top: 0;
   	left:0;
   	background-color: #000000;
   	z-index: 9;
   	animation: yshowText 1.38s ease 0.18s forwards;
   	transform-origin: 0% 100%;
   }
   
   .gen_intros01.fadeIn::after {
   	position: absolute;
   	content: '';
   	width: 100%;
   	height: 100%;
   	top: 0;
   	left:0;
   	background-color: #ffffff;
   	z-index: 8;
   	animation: yshowText 1.38s ease 0.66s forwards;
   	transform-origin: 0% 100%;
   }
   
   @keyframes yshowText {
   	0% {
   		transform: scaleY(1)
   	}
   	100% {
   		transform: scaleY(0)
   	}
   }


/* Demp 2 */

.gen_intros02.fadeIn::before {
   	position: absolute;
   	content: '';
   	width: 100%;
   	height: 100%;
   	top: 0;
   	left:0;
   	background-color: #ff3c3c;
   	z-index: 9;
   	animation: showText 0.9s cubic-bezier(1,0,0,1) 0.18s forwards;
   	transform-origin: -4% 0%;
   }
   
   .gen_intros02.fadeIn::after {
   	position: absolute;
   	content: '';
   	width: 100%;
   	height: 100%;
   	top: 0;
   	left:0;
   	background-color: #ff8484;
   	z-index: 8;
   	animation: showText 0.9s cubic-bezier(1,0,0,1) 0.66s forwards;
   	transform-origin: -4% 0%;
   }
   
   @keyframes showText {
   	0% {
   		transform: scaleX(1)
   	}
   	100% {
   		transform: scaleX(0)
   	}
   }

/* Demp 3 */

.gen_intros03.fadeIn::before {
   	position: absolute;
   	content: '';
   	width: 100%;
   	height: 100%;
   	top: 0;
   	left:0;
   	background-color: #e0c387;
   	z-index: 9;
   	animation: showText 0.96s cubic-bezier(1,0,0,1) 0.18s forwards;
   	transform-origin: 100% 100%;
   }
   
   .gen_intros03.fadeIn::after {
   	position: absolute;
   	content: '';
   	width: 100%;
   	height: 100%;
   	top: 0;
   	left:0;
   	background-color: #bfc9d1;
   	z-index: 8;
   	animation: showText 0.9s cubic-bezier(1,0,0,1) 0.9s forwards;
   	transform-origin: 0% 100%;
   }
   
   @keyframes showText {
   	0% {
   		transform: scaleX(1)
   	}
   	100% {
   		transform: scaleX(0)
   	}
   }

/* End Block Reveal Animation */

/* Make selected text gold on a red background */
::selection {
  color: #FFF;
  background-color: #000;
}
	

/* on-page scrollbar*/

body::-webkit-scrollbar {
	  width: 3px;
     }
  body::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.363); 
      background:#FFF; 
     }
  body::-webkit-scrollbar-thumb {
 border-radius: 3px;
      background:#000;
      box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
     }