/* 
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 */

/* White Button Css */
#white_btn .elementor-button-content-wrapper {
overflow:hidden;
}
#white_btn .elementor-button-text {
  display: inline-block;
  position: relative;
  transition: transform .8s cubic-bezier(.16,1,.3,1);
/* 	  overflow: hidden; */

}

#white_btn .elementor-button-text:after {
  content: attr(data-text);
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transform: scale(.7);
  transition: transform .4s, top .4s;
}

#white_btn:hover .elementor-button-text:after {
  transform: scale(1);
  color: #000;
}

@media (pointer: fine) {
  #white_btn:hover .elementor-button-text {
    transform: translateY(-100%);
  }
}


.word{
	overflow: hidden;
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
}
.clip-text .word {
  overflow: hidden;
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
	opacity:1;
  transform-origin: bottom;
}

   .clip-text h1, .clip-text h2, .clip-text h3, 
        .clip-text h4, .clip-text h5, .clip-text h6, .clip-text a {
/*             font-size: 4rem; */
/*             font-weight: bold; */
/*             text-transform: uppercase; */
            clip-path: inset(0% 100% 0% 0%); 
            display: inline-block; /* Required for proper clipping */
        }




.rolling-btn .elementor-button-text {
  display: block;
  overflow: hidden;
  position: relative;
}

/* Ensure the spans behave like blocks to slide vertically */
.rolling-btn .elementor-button-text span {
  display: inline-block;
  transition: transform 0.3s ease; /* Optional fallback */
}


  .right_clip_mask img, .bottom_clip_mask img{
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            transform: scale(1.5);
        }
.right_clip_mask img,.right_clip_mask_2s img{
	      clip-path: inset(0 100% 0 0%);
}

   .bottom_clip_mask img{
	      clip-path: inset(0 0% 100% 0%);
}
 

/* Optional: Add a visual indicator for the active image */
.active_bullet {
 
    transition: all 01.3s ease;
    opacity: 1 !important;
	height:200px !important;
}

.slide_1_bullet img, .slide_2_bullet img, .slide_3_bullet img {
    opacity: 0.6;
    transition: all 0.3s ease;
}