/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	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.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/


.tabs-css .e-n-tabs-heading {
    border: 1px solid black;
    border-radius: 10px;
}

/* Ensure dropdown is visible on mobile */
.main-navigation ul {
  z-index: 9999 !important;
  position: relative;
}

/* Fix overflow hidden from glass container */
header, .sticky-header, .glass-card {
  overflow: visible !important;
}

/* WordPress mobile menu dropdown style */
.main-navigation.toggled .nav-menu {
  display: block !important;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 15px 0;
  margin-top: 10px;
}

/* Hide menu by default on mobile */
.main-navigation .nav-menu {
  display: none;
}

/* Make sure links are readable */
.main-navigation .nav-menu a {
  color: #fff !important;
}




















/* Initial transparent header */
.sticky-header {
  background: transparent;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

/* Sticky on scroll */
.elementor-sticky--effects.sticky-header {
  background: rgba(255, 255, 255, 0.8); /* Change to your desired color */
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  backdrop-filter: blur(12px);
}



/* Style only the Contact button */
.color .contact-btn a {
  background-color: #C04D00;
  color: #fff !important;
  padding: 10px 27px;
  border-radius: 30px;
  transition: all 0.3s ease;
}

/* Hover effect */
.color .contact-btn a:hover {
  background-color: black;
  color: #fff;
}
.counter-color span.elementor-counter-number-suffix {
    color: #dadada;
}

.glass-card {
  background: rgba(255, 255, 255, 0.17);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 10px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 32px 16px rgba(255, 255, 255, 1.6);
  position: relative;
  overflow: hidden;
}
}
}

@media screen and (max-width: 767px) {
	.glass-card {
		background: none;
	}
}