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

html,
body {
    overflow-x: hidden;
}

ul#menu-menu {
    background-color: #ffffff !important;
}

.contact-link1 {
    color: #371e0a;
    text-decoration: none;
    font-weight: 700;
}

.flower {
    animation: flowerWind 5s ease-in-out infinite;
    transform-origin: 50% 90%;
    will-change: transform;
}

@keyframes flowerWind {
    0% {
        transform: rotate(0deg) translateY(0);
    }

    20% {
        transform: rotate(3deg) translateY(-5px);
    }

    40% {
        transform: rotate(-2deg) translateY(-11px);
    }

    60% {
        transform: rotate(4deg) translateY(-7px);
    }

    80% {
        transform: rotate(-1deg) translateY(-4px);
    }

    100% {
        transform: rotate(0deg) translateY(0);
    }
}

/* Main Slider */
.free-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Slider Track */
.free-slider-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px;
    transition: transform 0.5s ease;
    will-change: transform;
}

/* Individual Slides */
.free-slide {
    flex: 0 0 calc((100% - 40px) / 3);
    width: calc((100% - 40px) / 3);
    min-width: 0;
}

/* Navigation Buttons */
.slider-prev,
.slider-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    padding: 0 !important;
}

/* Previous */
.slider-prev {
    left: 10px;
}

/* Next */
.slider-next {
    right: 10px;
}

.contact-link {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.contact-link:hover {
    color: #DC050A;
}


}
@media only screen and (max-width: 1024px) {
  /* 1. Ensure relative positioning on the parent menu item so absolute positioning is anchored to it */
  li.menu-item-has-children {
    position: relative !important;
  }

  /* 2. Absolute position the indicator span so expanding submenus won't push or affect its placement */
  span.eael-simple-menu-indicator,
  span.eael-simple-menu-indicator.eael-simple-menu-indicator-open {
    position: absolute !important;
    top: 12px !important;    /* Adjust to vertically align with the top-level parent link */
    right: 15px !important;  /* Adjust horizontal spacing from the right edge */
    z-index: 10 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  /* 3. Give the SVG fixed dimensions to prevent layout jumps during state changes */
  span.eael-simple-menu-indicator svg,
  span.eael-simple-menu-indicator.eael-simple-menu-indicator-open svg {
    width: 14px !important;
    height: 14px !important;
    display: block !important;
  }
	
	.eael-simple-menu li.menu-item-has-children > .eael-simple-menu-indicator{
		position:absolute !important;
}
	
}

@media (max-width: 767px) {
    .mobile_menu .premium-dropdown-icon {
        position: absolute;
        left: auto;
        right: 15px;
    }
	
.mobile_menu .premium-nav-menu-item .premium-dropdown-icon {
    margin: 5px;
    margin-left: auto !important;
}

	 .mobile_menu .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
    padding-top: 0px;
}



}