.elementor-9587 .elementor-element.elementor-element-8cbab09{--display:flex;}.elementor-9587 .elementor-element.elementor-element-eb9620b .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-eb9620b *//* ==========================================================
   1. ULTRA-LUXURY NAVIGATION MENU STYLES
   ========================================================== */
/* Menu ke container ko center aur clean breathing space dena */
.elementor-nav-menu {
    display: flex !important;
    align-items: center !important;
    gap: 30px !important;
}

/* Base Link Design (Non-Active State) */
.elementor-nav-menu a.elementor-item {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #6B7280 !important; /* System Text Light (Gray default) */
    text-decoration: none !important;
    position: relative !important;
    padding: 10px 0 !important;
    transition: color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* Hover Effect - Text shifts to Text Dark cleanly */
.elementor-nav-menu a.elementor-item:hover {
    color: #222222 !important;
}

/* Premium Bottom Indicator Line Animation on Hover */
.elementor-nav-menu a.elementor-item::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 100%; !important;
    height: 2.5px !important;
    background-color: #0B6B3A !important; /* Branding Green Line */
    transform: scaleX(0) !important;
    transform-origin: right !important;
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-nav-menu a.elementor-item:hover::after {
    transform: scaleX(1) !important;
    transform-origin: left !important;
}

/* Strict Active Page State (Jis page par user maujood hai) */
.elementor-nav-menu a.elementor-item.elementor-item-active {
    color: #0B6B3A !important; /* Pure Brand Green */
    font-weight: 600 !important;
}

.elementor-nav-menu a.elementor-item.elementor-item-active::after {
    transform: scaleX(1) !important;
    background-color: #F47C20 !important; /* 20% Orange Rule for Active Anchor */
}

/* ==========================================================
   2. HERO SECTION TEXT OVERLAP FIX (image_d1edf5.jpg)
   ========================================================== */
.hero-section h1 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important; /* Fixed overlap */
    margin-bottom: 25px !important;
}

.hero-section p {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.8 !important; /* Clear breathing line spacing */
    color: #E5E7EB !important;
}

/* ==========================================================
   3. LUXURY CARDS TEXT FIX (image_d1edf5.jpg)
   ========================================================== */
.luxury-card h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important; /* Prevents title crashing with content */
    margin-bottom: 15px !important;
    color: #0B6B3A !important;
}

.luxury-card p, 
.luxury-card address {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important; /* Perfectly separating address lines */
    color: #6B7280 !important;
    margin-top: 5px !important;
}

/* ==========================================================
   4. PRIMARY CTA BUTTON DYNAMICS (image_d1e2d5.png)
   ========================================================== */
.btn-orange,
.elementor-button.elementor-size-md {
    background-color: #F47C20 !important; /* Secondary Orange Rule */
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border-radius: 6px !important;
    padding: 14px 28px !important;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 4px 15px rgba(244, 124, 32, 0.2) !important;
}

.btn-orange:hover,
.elementor-button.elementor-size-md:hover {
    background-color: #0B6B3A !important; /* Emerald Green Brand Switch */
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 22px rgba(11, 107, 58, 0.25) !important;
}/* End custom CSS */