/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


.what-box{
	min-height:343px !important;
}

.header-area li a::after , .sticky-header li a::after {
    background: #fff;
    background: linear-gradient(90deg, #ffffff -20%, #828282 60%, #000000 107%);
      content: "";
    position: absolute;
    left: 50% !important;
    bottom: 0;
    width: 0 !important;
    height: 2px;
    transform: translateX(-50%);
    transition: width 0.3s ease;
    border-radius:100% !important;
}



.header-area li a , .sticky-header li a{
       position: relative !important;
    display: inline-flex !important;      /* KEY FIX */
    align-items: center !important;
    white-space: nowrap;    
    padding-bottom: 6px !important;
}


.elementor-nav-menu li > a {
       background: #2DB6EA;
   background: linear-gradient(90deg, #ffffff -20%, #828282 60%, #000000 107%);
    background-repeat: no-repeat;
    background-size: 0% 2px;        /* start hidden */
    background-position: 50% 100%;  /* center bottom */
    transition: background-size 0.3s ease;
    padding-bottom: 6px !important;
}

/* Hover + active */
.elementor-nav-menu li > a:hover,
.elementor-nav-menu .current-menu-item > a {
    background-size: 45% 3px; 
  
}



.hero-area::before {
    content: '';
    position: absolute;
    background: url(https://staging.thepixelentertainment.com/wp-content/uploads/2025/12/Group-47.png);
    width: 98%;
    height: 100%;
    z-index: 1;
    background-size: 100% !important;
    background-repeat: no-repeat;
    background-position: center center !important;
    left: 13px;
}

.hero-area {
    margin-left: 15px !important;
    margin-right: 15px !important;
    border-radius: 30px !important;
}

.hero-area .elementor-background-video-container.elementor-hidden-mobile {
    border-radius: 20px;
}

.header-area {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
}

.elementor-widget-nav-menu {
    background: #212532cf !important;
    padding: 10px;
    border-radius: 50px;
}