.elementor-843 .elementor-element.elementor-element-d9a6ade{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-7px;--margin-bottom:-7px;--margin-left:0px;--margin-right:-26px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:6px;}.elementor-843 .elementor-element.elementor-element-d9a6ade.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-843 .elementor-element.elementor-element-dad5906{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-843 .elementor-element.elementor-element-d9a6ade{--width:100.654%;}.elementor-843 .elementor-element.elementor-element-dad5906{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-d9a6ade *//* 1. HEADER CONTAINER ALIGNMENT (For Desktop) */
.elementor-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* 2. LOGO HOVER EFFECT */
.elementor-widget-image img {
    max-height: 80px;
    transition: transform 0.3s ease;
}
.elementor-widget-image img:hover {
    transform: scale(1.05);
}

/* 3. PRIMARY MENU STYLING (Bold & Professional) */
.elementor-nav-menu--main .elementor-item {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #1a365d !important; /* Dark blue as seen in your image */
    font-size: 15px !important;
    text-transform: uppercase;
    padding: 10px 18px !important;
    transition: color 0.3s ease;
}
.elementor-nav-menu--main .elementor-item:hover {
    color: #2e7d32 !important; /* NGO Green */
}

/* 4. REAL 3D DONATE BUTTON */
.elementor-widget-button .elementor-button {
    background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%) !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase;
    padding: 14px 28px !important;
    border-radius: 8px !important;
    /* Yeh line button ko niche se 3D depth degi */
    box-shadow: 0px 6px 0px #0d3b10, 0px 10px 15px rgba(0,0,0,0.1) !important;
    transition: all 0.1s ease-in-out !important;
    border: none !important;
    margin-bottom: 6px; 
}

/* Button Hover State */
.elementor-widget-button .elementor-button:hover {
    transform: translateY(2px) !important;
    box-shadow: 0px 4px 0px #0d3b10, 0px 6px 10px rgba(0,0,0,0.15) !important;
    filter: brightness(1.05);
}

/* Button Click State (Push Down Effect) */
.elementor-widget-button .elementor-button:active {
    transform: translateY(6px) !important;
    box-shadow: 0px 0px 0px #0d3b10 !important; /* Button dab jayega */
}

/* =========================================
   5. TABLET RESPONSIVE DESIGN
========================================= */
@media (max-width: 1024px) {
    .elementor-widget-image img {
        max-height: 65px; /* Logo thoda chota */
    }
    .elementor-nav-menu--main .elementor-item {
        font-size: 13px !important;
        padding: 10px 10px !important; /* Menu ke beech space kam kiya */
    }
    .elementor-widget-button .elementor-button {
        padding: 10px 20px !important;
        font-size: 13px !important;
    }
}

/* =========================================
   6. MOBILE RESPONSIVE DESIGN
========================================= */
@media (max-width: 767px) {
    .elementor-container {
        flex-wrap: wrap !important; /* Mobile par items wrap ho sakein */
        padding: 10px !important;
    }
    
    .elementor-widget-image img {
        max-height: 55px; /* Mobile size logo */
    }
    
    /* Hamburger Menu Toggle Icon (Green Color) */
    .elementor-menu-toggle {
        color: #2e7d32 !important;
        background: transparent !important;
        border: none !important;
        font-size: 24px !important;
    }

    /* Mobile Button Adjustment */
    .elementor-widget-button {
        width: auto !important;
    }
    .elementor-widget-button .elementor-button {
        padding: 10px 16px !important;
        font-size: 12px !important;
        box-shadow: 0px 4px 0px #0d3b10 !important; /* Mobile par thoda kam 3D */
    }
    .elementor-widget-button .elementor-button:active {
        transform: translateY(4px) !important;
        box-shadow: 0px 0px 0px #0d3b10 !important;
    }
}/* End custom CSS */