.elementor-405 .elementor-element.elementor-element-7c44f42{--display:flex;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:0px 0px 0px 0px;--padding-top:040px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-405 .elementor-element.elementor-element-7831512{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-normal-text-color:#000000;--e-filter-active-text-color:#F55839;--e-filter-item-border-radius:20px 20px 20px 20px;}.elementor-405 .elementor-element.elementor-element-7831512 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:#EDE3F2;}.elementor-405 .elementor-element.elementor-element-7831512 .e-filter-item:hover:not( [aria-pressed=true] ){background-color:#F2E5DB;}.elementor-405 .elementor-element.elementor-element-7831512 .e-filter-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-405 .elementor-element.elementor-element-9fa81d5{--display:flex;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right: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-405 .elementor-element.elementor-element-ad7fef3{--grid-columns:3;--load-more-button-align:center;}.elementor-405 .elementor-element.elementor-element-ad7fef3 .elementor-button{background-color:#F45738;border-radius:8px 8px 8px 8px;padding:15px 30px 15px 30px;}@media(max-width:1024px){.elementor-405 .elementor-element.elementor-element-ad7fef3{--grid-columns:2;}}@media(max-width:767px){.elementor-405 .elementor-element.elementor-element-9fa81d5{--padding-top:020px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-405 .elementor-element.elementor-element-ad7fef3{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-7831512 *//* ===== FINAL VIP TAXONOMY FILTER ===== */

/* 1. Main Container Centering */
.elementor-widget-taxonomy-filter .e-filter {
    display: flex !important;
    justify-content: center !important; /* Poora bar center mein */
    gap: 12px !important;
    flex-wrap: wrap;
    margin-bottom: 35px !important;
}

/* 2. Base Pill Style & Centering */
.elementor-widget-taxonomy-filter .e-filter-item {
    display: inline-flex !important;
    align-items: center !important; /* Vertical centering */
    justify-content: center !important; /* Horizontal centering */
    gap: 10px !important;
    padding: 10px 22px !important;
    border-radius: 12px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1 !important; /* Line height 1 centering mein madad deti hai */
    border: 1px solid transparent !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer;
    text-align: center !important;
    
    /* Default Style for Future Categories */
    background-color: #F3F4F6 !important;
    color: #4B5563 !important;
    border-color: #E5E7EB !important;
}

/* 3. Icon Base Styling */
.elementor-widget-taxonomy-filter .e-filter-item::before {
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    /* Default Tag Icon for New Categories */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'></path><line x1='7' y1='7' x2='7.01' y2='7'></line></svg>") !important;
}

/* 4. Specific Category Styling (Figma Match) */

/* STREAMING */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="streaming"] {
    background-color: #F3E8FF !important;
    color: #7C3AED !important;
    border-color: #E9D5FF !important;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="streaming"]::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M8 7V17L16 12L8 7Z' fill='%237C3AED'/><rect x='3.5' y='4.5' width='17' height='15' rx='4' stroke='%237C3AED' stroke-width='1.8'/></svg>") !important;
}

/* FIRESTICK */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="firestick"],
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="fire-stick"] {
    background-color: #F0FDF4 !important;
    color: #16A34A !important;
    border-color: #BBF7D0 !important;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="firestick"]::before,
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="fire-stick"]::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M13.5 2C14.1 5.2 11 6.6 11 9.2C11 10.1 11.4 10.8 12.1 11.4C9.6 10.9 8 8.9 8 6.5C8 5.1 8.6 3.8 9.7 2.8C6.4 4 4 7.1 4 10.8C4 15.3 7.6 19 12 19C16.4 19 20 15.4 20 11C20 6.8 17.4 3.4 13.5 2Z' fill='%2316A34A'/></svg>") !important;
}

/* TECH GUIDE */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="tech-guide"],
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="tech-guides"] {
    background-color: #FFF7ED !important;
    color: #EA580C !important;
    border-color: #FED7AA !important;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="tech-guide"]::before,
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="tech-guides"]::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M12 3C8.7 3 6 5.7 6 9C6 11.1 7.1 12.9 8.8 13.9V16H15.2V13.9C16.9 12.9 18 11.1 18 9C18 5.7 15.3 3 12 3Z' fill='%23EA580C'/><rect x='9' y='17' width='6' height='2' rx='1' fill='%23EA580C'/><rect x='9.5' y='20' width='5' height='1.5' rx='0.75' fill='%23EA580C'/></svg>") !important;
}

/* 5. Hover & Active Effects */
.elementor-widget-taxonomy-filter .e-filter-item:hover,
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"] {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}/* End custom CSS */