/* 
Theme Name:		 Hello Academy Child
Theme URI:		 https://niresh.com.np/
Description:	 Hello Academy Child is a child theme of Hello Academy, created by Niresh Shrestha specifically for Edunyx. It is designed to make customization and enhancement of the Hello Academy theme easy and efficient. While it retains all the features and functionalities of the parent theme, it also allows users to add their own unique styles and modifications. Tailored for Edunyx, this theme provides a flexible foundation for creating a personalized and professional look.
Author:			 Niresh shrestha
Author URI:		 https://niresh.com.np/
Template:		 hello-academy
Version:		 1.0.0
Text Domain:	 hello-academy-child
*/


/*
    Add your custom styles here
*/
.eael-pricing-icon {
    display: none !important;
}

.eael-pricing.style-2 .eael-pricing-item .header {
    padding: 25px 15px;
}

body .wpp-popup-wrapper {
    position: fixed;
    z-index: 99999;
    transition: all .5s cubic-bezier(.14, .06, .41, 1.39);
    opacity: 0;
    visibility: hidden;
}

body .wpp-popup-wrapper.popup-is-visible {
    opacity: 1;
    visibility: visible;
}

/* Prevent Body from Scrolling when Popup is visible */
body.wpp-noscroll {
    overflow: hidden;
}

/* Center Align Popup Content inside the Section */
.wpp-popup-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wpp-popup-close {
    cursor: pointer;
}

.profile-dropdown-wrapper {
    cursor: pointer;
}

.profile-menu .hfe-menu-toggle.sub-arrow {
    display: none;
}

.profile-dropdown-wrapper:hover .elementor-nav-menu--main .elementor-sub-menu {
    display: block !important;
    visibility: visible;
    opacity: 1;
}

.profile-dropdown-wrapper:hover .sub-menu,
.hfe-has-submenu-container:hover .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    transform: translateY(0) !important;
    margin-top: 0 !important;
    min-width: 200px;
    z-index: 9999;
}
.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    min-width: 200px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin: 0;
    list-style: none;
    display: none;
}

.sub-menu li {
    white-space: nowrap;
}

.sub-menu li:hover {
    background-color: #f0f0f0;
}