/* 
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-sticky--effects.blurred-box {
	background-color: rgba(255, 255, 255, 0.5) !important;
}

.blurred-box {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Target the actual text span/heading inside your Elementor widget */
.typewriter .elementor-heading-title {
  /* 1. Set font and prevent text wrapping */
  white-space: nowrap;
  
  /* 2. Hide the overflow */
  overflow: hidden; 
  
  /* 3. CRITICAL FOR ELEMENTOR: Force the element to only be as wide as its text */
  display: inline-block; 
  vertical-align: bottom;
  
  /* 4. Set the final width to the exact number of characters */
  width: 22ch; 
  
  /* 5. Animate width using steps() matching the character count */
  animation: typing 2s steps(22) forwards;
}

@keyframes typing {
  from { 
    width: 0; 
  }
}