@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.elementor.elementor-4524 {
    z-index: 9;
    position: relative;
}
/* ... (Keep all your non-menu related CSS here, like .team-digital, .about-ad, etc.) ... */
.team-digital .swiper-slide { background: #E9EEF2; overflow: hidden; }
.team-digital .swiper-slide .team-digital__item-thumb { margin-bottom: 0; }
span.green{color: #9EC15A!important}
.team-digital .swiper-slide .team-digital__item-content { padding: 20px; }
.team-digital .swiper-slide .team-digital__item-content p { font-size: 16px; line-height: 125%; }
* { font-family: 'Prompt' !important; }
.font-mono, .font-mono * { font-family: 'Prompt' !important; text-transform: uppercase !important; }
.no-border, .no-border * { border-width: 0 !important }
.about-ad__funfacts { grid-template-columns: repeat(3, 1fr); }
.about-ad__funfacts .funfact__wrapper p { font-family: 'Prompt' !important; text-transform: uppercase; font-size: 14px !important; }
.margin-bottom-auto { margin-bottom: auto !important; }
.full-height { height: 100vh; }
h2.h2.wpr-el-counter-title { font-size: 3vw; }
.map-geo { overflow: hidden !important; }
div#contact { padding: 0; }
div#contact .elementor-element.elementor-element-bbc9521 { padding-left: 20px; }
.techicon img{min-width: 80px!important}
.mapsgoogle{filter: invert(1)!important; pointer-events: none;}

/* This targets and hides the entire filter box on your map. */
.wpgmza-marker-listing-category-filter {
    display: none !important;
}

/* Style to make the active button stand out */
.filter-category-1.is-active, 
.filter-category-2.is-active,
.filter-reset-all.is-active {
    /* You can choose any styling here: */
    background-color: #022C19 !important; /* Blue background */
    color: #ffffff !important;         /* White text */
    border: 2px solid #FFFFFF !important;
}

/* Optional: Default state style */
.filter-category-1, 
.filter-category-2,
.filter-reset-all {
    background-color: #9EC15A;
    color: #FFFFFF;
    transition: all 0.3s; /* Smooth visual transition */
}

/* --- EXISTING HEADER LOGIC --- */
.header_white { display: block; }
.header_black .menu-area { display: none; }
.header_white .menu-area { display: block; }
.header_black .menu-area.sticky { display: block; }
.header_white .menu-area.sticky { display: none; }
.header_white li a { color: #fff }
.header_white .common-btn { color: #fff; border-color: #fff; background: transparent; }
.header_white .common-btn:hover { background: #fff; color: #000 }
header .justify-content-between { justify-content: flex-start; }
header .menu-btn-wrap__desktop { min-width: 200px; display: flex; justify-content: flex-end; }
/* header .menu-logo-wrap {} */
.preloader svg{fill: #022C19!important}

/* --- YOUR ORIGINAL 768px BREAKPOINT (MODIFIED TO FIX CONFLICT) --- */
@media only screen and (max-width: 768px) {
    #portfolio image.imapsImage {
        width: 30px;
        height: 30px;
        transform: translate(-15px, -30px);
    }
    /* 💥 CRITICAL OVERRIDE: Prevent hiding the mobile button wrapper */
    header .menu-btn-wrap__desktop {
        display: block !important; /* Changed from 'none' to 'block !important' */
    }
    g.imapsLegend-group {
        transform: translate(10px, 55%) !important
    }
    h2.h2.wpr-el-counter-title {
        font-size: 6vw;
        margin-top: 1rem;
    }
}

.menu-logo-wrap img{max-width: 200px !important;}

/* ... (Keep other typography/global styles) ... */
.title, h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Prompt' !important;
    font-weight: 800 !important;
}
.mainmenu li > a { text-transform: uppercase; font-weight: bold; }
h1, h2, h3, h4, h5, h6 { line-height: 100% !important;}

/* --- HIDE ORIGINAL WPRealizer HEADER ON MOBILE/TABLET --- */
@media (max-width: 1024px) {
    /* Hide the entire header area that contains the old logo and unfixable icon */
    .menu-area, 
    .menu-area.sticky, 
    header.site-header {
        display: none !important;
        visibility: hidden !important;
    }
}

/* AWSM Team: Force 2-column view for Modal Style 1 on mobile */
@media screen and (max-width: 768px) {
    
    /* Target the individual team member card */
    .awsm-modal .awsm-grid-card.awsm-team-item {
        width: 50% !important; /* Forces each card to take up 50% of the row */
        /*
         * The plugin likely uses float or flex/grid, 
         * but we add float: left as a safe measure for older setups.
         */
        float: left !important; 
    }

    /* * Optional: The 5-column layout likely has a max-width or margin/padding
     * that might need adjusting to prevent wrapping issues on 2 columns.
     * We target the main grid wrapper as a precaution.
     */
    .awsm-modal .awsm-grid-modal.grid-5-col {
        margin: 0 -5px !important; /* Adjust if cards have left/right padding */
    }

}