.elementor-1945 .elementor-element.elementor-element-ea6a3ab{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1945 .elementor-element.elementor-element-9885a32{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1945 .elementor-element.elementor-element-0b58615{text-align:center;}.elementor-1945 .elementor-element.elementor-element-0b58615 .elementor-heading-title{font-family:"Hind Madurai", Sans-serif;font-size:60px;font-weight:700;color:#2F2B36;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1945 .elementor-element.elementor-element-0a7fe5c{text-align:center;font-family:"Wix Madefor Display", Sans-serif;font-size:22px;font-weight:500;color:#2F2B36;}.elementor-1945 .elementor-element.elementor-element-82950db{--display:flex;}.elementor-1945 .elementor-element.elementor-element-b733a4d{text-align:center;}.elementor-1945 .elementor-element.elementor-element-b733a4d .elementor-heading-title{font-family:"Hind Madurai", Sans-serif;font-size:70px;font-weight:700;color:var( --e-global-color-c0ee33d );}.elementor-1945 .elementor-element.elementor-element-d24c90b{--display:flex;}.elementor-1945 .elementor-element.elementor-element-a2acfb7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1945 .elementor-element.elementor-element-6977516{--grid-columns:3;--grid-row-gap:14px;--load-more-button-align:center;--grid-column-gap:14px;}.elementor-1945 .elementor-element.elementor-element-6977516 .elementor-button{background-color:#3918BA;fill:var( --e-global-color-403b886 );color:var( --e-global-color-403b886 );border-radius:24px 24px 24px 24px;}.elementor-1945 .elementor-element.elementor-element-6977516 .elementor-button:hover, .elementor-1945 .elementor-element.elementor-element-6977516 .elementor-button:focus{background-color:#F5B745;}.elementor-1945 .elementor-element.elementor-element-6977516 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1945 .elementor-element.elementor-element-6977516 .e-loop-item > .elementor-section, .elementor-1945 .elementor-element.elementor-element-6977516 .e-loop-item > .elementor-section > .elementor-container, .elementor-1945 .elementor-element.elementor-element-6977516 .e-loop-item > .e-con, .elementor-1945 .elementor-element.elementor-element-6977516 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1945 .elementor-element.elementor-element-7601ae1{--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;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-1945 .elementor-element.elementor-element-ea6a3ab{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-1945 .elementor-element.elementor-element-ea6a3ab{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1945 .elementor-element.elementor-element-a2acfb7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 46px;}.elementor-1945 .elementor-element.elementor-element-6977516{--grid-columns:2;}}@media(max-width:767px){.elementor-1945 .elementor-element.elementor-element-ea6a3ab{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1945 .elementor-element.elementor-element-0b58615 .elementor-heading-title{font-size:35px;}.elementor-1945 .elementor-element.elementor-element-b733a4d .elementor-heading-title{font-size:40px;}.elementor-1945 .elementor-element.elementor-element-a2acfb7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1945 .elementor-element.elementor-element-6977516{--grid-columns:1;}}@media(min-width:768px){.elementor-1945 .elementor-element.elementor-element-ea6a3ab{--content-width:1021px;}}/* Start custom CSS for html, class: .elementor-element-a2acfb7 *//* ====== Main Filter Container Styles ====== */
.va-filter-container {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    flex-wrap: wrap;
    position: relative;        /* original layout preserved */
    will-change: z-index;      /* optional: prevents visual jump */
    z-index: 10;               /* default z-index */
}

.filter-group {
    flex: 1;
    min-width: 200px;
}

.filter-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.va-filter,
.reset-btn {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.reset-btn {
    background: #6c757d;
    color: white;
    border: none;
    cursor: pointer;
}

.no-results {
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    display: none;
}

/* ====== Fix: Allow Primary Skill dropdown options to be clickable ====== */
.filter-container {
    position: relative;
    z-index: 10;
}

/* ====== Lightweight fix when skills dropdown is open ====== */
body.filters-open .va-filter-container {
    position: relative;        /* keep original layout */
    z-index: 9999;             /* raise filter bar above other content while open */
    -webkit-transform: none;   /* ensure no transform from parents affect stacking */
    transform: none;
}

/* Raise only the select visually (keeps appearance unchanged) */
body.filters-open #skills-filter,
body.filters-open .va-filter {
    position: relative !important;
    z-index: 10000 !important;
    background: #fff;
}

/* Temporarily disable pointer events for overlapping containers */
body.filters-open .card,
body.filters-open .va-card,
body.filters-open .profile-card,
body.filters-open .staff-card,
body.filters-open .team-card,
body.filters-open .va-list,
body.filters-open .cards-container,
body.filters-open .grid-container,
body.filters-open .elementor-widget {
    pointer-events: none !important;
}

/* Re-enable pointer events for interactive controls inside the filter bar */
body.filters-open .va-filter-container,
body.filters-open .va-filter-container * {
    pointer-events: auto !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6977516 */.elementor-loop-item,
.e-loop-item,
.elementor-grid-item {
    display: block; /* default */
}

.elementor-loop-item[style*="display: none"],
.e-loop-item[style*="display: none"],
.elementor-grid-item[style*="display: none"] {
    display: none !important; /* fully hide filtered-out items */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fed138 */.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 25px;
}

.pagination button {
    padding: 8px 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    border-radius: 3px;
    transition: all 0.3s ease;
    font-size: 14px;
    min-width: 40px;
}

.pagination button:hover {
    background-color: #007cba;
    color: white;
    border-color: #007cba;
}

.pagination button.active {
    background-color: #007cba;
    color: white;
    border-color: #007cba;
}

.pagination button:disabled {
    background-color: #f8f9fa;
    color: #6c757d;
    cursor: not-allowed;
    border-color: #ddd;
}

.pagination button:disabled:hover {
    background-color: #f8f9fa;
    color: #6c757d;
    border-color: #ddd;
}

.pagination span {
    padding: 8px 15px;
    color: #666;
    font-size: 14px;
}/* End custom CSS */