.elementor-33672 .elementor-element.elementor-element-4122cbb0{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.16;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-33672 .elementor-element.elementor-element-4122cbb0:not(.elementor-motion-effects-element-type-background), .elementor-33672 .elementor-element.elementor-element-4122cbb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(110deg, var( --e-global-color-primary ) 42%, var( --e-global-color-43a663d ) 90%);}.elementor-33672 .elementor-element.elementor-element-4122cbb0::before, .elementor-33672 .elementor-element.elementor-element-4122cbb0 > .elementor-background-video-container::before, .elementor-33672 .elementor-element.elementor-element-4122cbb0 > .e-con-inner > .elementor-background-video-container::before, .elementor-33672 .elementor-element.elementor-element-4122cbb0 > .elementor-background-slideshow::before, .elementor-33672 .elementor-element.elementor-element-4122cbb0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33672 .elementor-element.elementor-element-4122cbb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );background-image:url("https://technoglobalteam.com/wp-content/uploads/2025/03/abstract-dark-blue-futuristic-digital-grid-background.png");--background-overlay:'';background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-33672 .elementor-element.elementor-element-67335203 > .elementor-widget-container{padding:1rem 0rem 0rem 0rem;}.elementor-33672 .elementor-element.elementor-element-67335203{text-align:center;}.elementor-33672 .elementor-element.elementor-element-67335203 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;color:#FFFFFF;}.elementor-33672 .elementor-element.elementor-element-4b888f06 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1rem 0rem 1rem 0rem;}.elementor-33672 .elementor-element.elementor-element-4b888f06 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-3fa77bf );}.elementor-33672 .elementor-element.elementor-element-378fdd52{--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;--justify-content:space-between;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:05%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-33672 .elementor-element.elementor-element-41d9c486{--display:flex;--padding-top:0%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;--z-index:1;}.elementor-33672 .elementor-element.elementor-element-41d9c486.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-33672 .elementor-element.elementor-element-7d6c248 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0rem 0rem 0rem 0rem;}.elementor-33672 .elementor-element.elementor-element-7d6c248 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-33672 .elementor-element.elementor-element-a54b854{--divider-border-style:solid;--divider-color:#008AFF;--divider-border-width:2px;}.elementor-33672 .elementor-element.elementor-element-a54b854 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-33672 .elementor-element.elementor-element-a54b854 .elementor-divider-separator{width:100%;}.elementor-33672 .elementor-element.elementor-element-a54b854 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-33672 .elementor-element.elementor-element-8dc00b3{--e-filter-direction:column;--e-filter-white-space:initial;width:var( --container-widget-width, 428px );max-width:428px;--container-widget-width:428px;--container-widget-flex-grow:0;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:0px;}.elementor-33672 .elementor-element.elementor-element-8dc00b3 > .elementor-widget-container{margin:0px 0px 0px -0px;padding:0px 0px 0px 0px;}.elementor-33672 .elementor-element.elementor-element-8dc00b3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-33672 .elementor-element.elementor-element-f2fae83{--display:flex;}.elementor-33672 .elementor-element.elementor-element-c5c776b{--e-filter-direction:column;--e-filter-white-space:initial;width:var( --container-widget-width, 428px );max-width:428px;--container-widget-width:428px;--container-widget-flex-grow:0;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:0px;}.elementor-33672 .elementor-element.elementor-element-c5c776b > .elementor-widget-container{margin:0px 0px 0px -0px;padding:0px 0px 0px 0px;}.elementor-33672 .elementor-element.elementor-element-c5c776b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-33672 .elementor-element.elementor-element-c5c776b .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:none;}.elementor-33672 .elementor-element.elementor-element-15085d8{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-33672 .elementor-element.elementor-element-15085d8 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-9f7048e );border-style:none;}.elementor-33672 .elementor-element.elementor-element-15085d8 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#EEEEEE;}.elementor-33672 .elementor-element.elementor-element-15085d8 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#E6E6E6;}:where( .elementor-33672 .elementor-element.elementor-element-15085d8 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.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;}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-33672 .elementor-element.elementor-element-bced149{--grid-columns:2;--grid-row-gap:2rem;width:var( --container-widget-width, 67% );max-width:67%;--container-widget-width:67%;--container-widget-flex-grow:0;--grid-column-gap:2rem;--e-loop-nothing-found-message-space-from-top:50px;}.elementor-33672 .elementor-element.elementor-element-bced149 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-33672 .elementor-element.elementor-element-bced149 .e-loop-item > .elementor-section, .elementor-33672 .elementor-element.elementor-element-bced149 .e-loop-item > .elementor-section > .elementor-container, .elementor-33672 .elementor-element.elementor-element-bced149 .e-loop-item > .e-con, .elementor-33672 .elementor-element.elementor-element-bced149 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-33672 .elementor-element.elementor-element-bced149 .elementor-pagination{text-align:center;font-family:"Poppins", Sans-serif;font-weight:500;margin-top:25px;}.elementor-33672 .elementor-element.elementor-element-bced149 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}.elementor-33672 .elementor-element.elementor-element-bced149 .elementor-pagination a.page-numbers:hover{color:#005DAC;}.elementor-33672 .elementor-element.elementor-element-bced149 .elementor-pagination .page-numbers.current{color:var( --e-global-color-ae7ca49 );}body:not(.rtl) .elementor-33672 .elementor-element.elementor-element-bced149 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 20px/2 );}body:not(.rtl) .elementor-33672 .elementor-element.elementor-element-bced149 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 20px/2 );}body.rtl .elementor-33672 .elementor-element.elementor-element-bced149 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 20px/2 );}body.rtl .elementor-33672 .elementor-element.elementor-element-bced149 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 20px/2 );}.elementor-33672 .elementor-element.elementor-element-bced149 .e-loop-nothing-found-message__text{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;}.elementor-33672 .elementor-element.elementor-element-b59cbec{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-33672 .elementor-element.elementor-element-b59cbec:not(.elementor-motion-effects-element-type-background), .elementor-33672 .elementor-element.elementor-element-b59cbec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(110deg, var( --e-global-color-primary ) 42%, var( --e-global-color-43a663d ) 90%);}.elementor-33672 .elementor-element.elementor-element-2590bb5{--display:flex;}.elementor-33672 .elementor-element.elementor-element-4177d1b{text-align:left;}.elementor-33672 .elementor-element.elementor-element-4177d1b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;color:var( --e-global-color-3fa77bf );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-33672 .elementor-element.elementor-element-879fbb8 > .elementor-widget-container{padding:2% 0% 0% 0%;}.elementor-33672 .elementor-element.elementor-element-879fbb8{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:300;color:var( --e-global-color-3fa77bf );}.elementor-widget-button .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-33672 .elementor-element.elementor-element-7b460f6 .elementor-button{background-color:var( --e-global-color-ae7ca49 );font-family:"Poppins", Sans-serif;font-weight:400;text-transform:uppercase;border-radius:30px 30px 30px 30px;padding:3% 5% 3% 5%;}.elementor-33672 .elementor-element.elementor-element-f9ad350{--display:flex;--justify-content:flex-end;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-33672 .elementor-element.elementor-element-9fda628 > .elementor-widget-container{margin:-15% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-33672 .elementor-element.elementor-element-9fda628 img{width:80%;}@media(min-width:768px){.elementor-33672 .elementor-element.elementor-element-378fdd52{--content-width:1400px;}.elementor-33672 .elementor-element.elementor-element-41d9c486{--width:415px;}.elementor-33672 .elementor-element.elementor-element-b59cbec{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-33672 .elementor-element.elementor-element-41d9c486{--width:100%;}}@media(max-width:1024px){.elementor-33672 .elementor-element.elementor-element-378fdd52{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33672 .elementor-element.elementor-element-8dc00b3{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-filter-space-between:0px;}.elementor-33672 .elementor-element.elementor-element-c5c776b{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-filter-space-between:5px;}.elementor-33672 .elementor-element.elementor-element-15085d8 > .elementor-widget-container{padding:25px 25px 25px 25px;}.elementor-33672 .elementor-element.elementor-element-15085d8{--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-border-radius:10px 10px 10px 10px;}.elementor-33672 .elementor-element.elementor-element-bced149{--grid-columns:2;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-33672 .elementor-element.elementor-element-bced149 > .elementor-widget-container{padding:25px 25px 25px 25px;}}@media(max-width:767px){.elementor-33672 .elementor-element.elementor-element-4122cbb0{--min-height:135px;}.elementor-33672 .elementor-element.elementor-element-67335203 .elementor-heading-title{font-size:30px;}.elementor-33672 .elementor-element.elementor-element-4b888f06 .elementor-heading-title{font-size:16px;}.elementor-33672 .elementor-element.elementor-element-378fdd52{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33672 .elementor-element.elementor-element-f2fae83{--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33672 .elementor-element.elementor-element-15085d8 > .elementor-widget-container{padding:00px 15px 0px 15px;}.elementor-33672 .elementor-element.elementor-element-bced149{--grid-columns:1;}.elementor-33672 .elementor-element.elementor-element-bced149 > .elementor-widget-container{padding:0px 25px 25px 25px;}.elementor-33672 .elementor-element.elementor-element-b59cbec{--min-height:135px;}.elementor-33672 .elementor-element.elementor-element-2590bb5{--padding-top:10%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-33672 .elementor-element.elementor-element-4177d1b{text-align:center;}.elementor-33672 .elementor-element.elementor-element-4177d1b .elementor-heading-title{font-size:30px;}.elementor-33672 .elementor-element.elementor-element-879fbb8{text-align:center;font-size:16px;}.elementor-33672 .elementor-element.elementor-element-9fda628 > .elementor-widget-container{margin:0% 0% 0% 0%;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-8dc00b3 */.active-filters-container {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 15px;
}
.active-filter-tag {
background-color: #CC017E;
color: #fff;
padding: 4px 10px !important;
border-radius: 15px;
font-size: 14px;
display: inline-flex;
align-items: center;
gap: 6px;
}
.active-filter-tag .remove-tag {
background: none;
border: none;
color: #fff;
font-size: 14px;
cursor: pointer;
line-height: 1;
padding: 2px;
}
/* Styling for 'All' button */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"] {
font-weight: 600;
text-decoration: none !important;
background-color: #CC017E;
font-size: 18px !important;
color: #fff;
border-radius: 30px !important;
display: flex;
align-items: center;
padding: 5px 15px !important;
}
/* Radio circle for all filter items */
.elementor-widget-taxonomy-filter .e-filter-item::before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
border: 2px solid #888;
border-radius: 50%;
margin-right: 8px;
background-color: transparent;
transition: background-color 0.3s ease, border-color 0.3s ease;
border-color: #8A8A8A;
}
/* Filled radio circle when selected */
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"]::before {
background-color: #CC017E;
border-color: #8A8A8A;
box-shadow: inset 0 0 0 2px #fff;
}
/* Remove radio circle for the 'All' button */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"]::before {
display: none !important;
content: none !important;
}
/* Styling for Parent items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent"] {
font-weight: 600;
color: #4a4a4a;
margin-top: 8px;
background-color: transparent;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
}
/* Add icon to Parent items with children */
.elementor-widget-taxonomy-filter .e-filter-item.has-children::after {
content: '';
display: inline-block;
margin-left: 10px;
width: 1em;
height: 1em;
background-color: currentColor;
}
/* Styling for Child items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"] {
font-weight: 600;
color: #4a4a4a;
font-size: 18px !important;
margin-top: 5px;
margin-left: 20px;
background-color: #fff;
border-radius: 10px;
display: flex;
align-items: center;
}
/* Active state for Child items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"][aria-pressed="true"] {
background-color: transparent !important;
}
/* Active state for Parent items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent"][aria-pressed="true"] {
background-color: transparent !important;
}
/* Active state for 'All' button */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"][aria-pressed="true"] {
color: #000;
background-color: #fff;
}
/* Hover styles for 'All' */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"][aria-pressed="false"]:hover {
background-color: #A90068;
color: #fff;
}
/* Hover + transition */
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="false"] {
transition: transform 0.25s ease, background-color 0.25s ease;
}
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="false"]:hover {
transform: scale(1.05);
}
/* Hide specific category items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="channel-insights"],
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="why-offshoring"],
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="newsroom"],
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="uncategorized"],
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="parent-customer-success"]{
display: none !important;
}
@media (max-width: 1024px) {
/* Hide radio circle on tablet/mobile */
.elementor-widget-taxonomy-filter .e-filter-item::before {
display: none !important;
content: none !important;
}
/* Pink background + white text for active filters */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent"][aria-pressed="true"],
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"][aria-pressed="true"] {
background-color: #CC017E !important;
color: #fff !important;
}
}
@media (max-width: 767px) {
.elementor-widget-taxonomy-filter .e-filter-item
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"] {
font-size: 14px !important;
padding: 4px 12px !important;
}
}
/* Override default padding for all filter items */
.elementor-widget-taxonomy-filter .e-filter-item {
padding: 4px 10px !important;
border-radius: 8px !important;
}
/* Mobile-specific padding fix with proper .elementor-33672 .elementor-element.elementor-element-8dc00b3 */
@media (max-width: 767px) {
.elementor-widget-taxonomy-filter .e-filter-item,
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"] {
padding: 3px 8px !important;
}
}
.filter-divider {
width: 100%;
height: 2px;
background-color: #008AFF;
margin: 20px 0 10px;
}
/* Hide radio button only for parent-industry filters */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent-industry"]::before {
display: none !important;
content: none !important;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent-industry"] {
pointer-events: none;
cursor: default;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent-industry"] {
color: #000 !important; /* Sets text color to black */
}
#industry-filter {
pointer-events: none;
color: #333;
background: transparent;
border: none;
cursor: default;
}
#industry-filter option { /* if visible */
display: none;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-c5c776b *//* Styling for 'All' button */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"] {
font-weight: 600;
text-decoration: none !important;
background-color: #CC017E;
font-size: 18px !important;
color: #fff;
padding: 6px 20px 6px 20px;
border-radius: 10px;
}
/* Add X icon to 'All' filter when inactive */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"][aria-pressed="false"]::before {
content: '✖';
color: #fff;
font-size: 16px;
margin-right: 8px;
display: inline-block;
}
/* Styling for Parent items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent"] {
font-weight: 600;
color: #4a4a4a;
margin-top: 8px;
background-color: #ffffff00;
border-radius: 10px;
padding: 6px 20px 6px 20px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
}
/* Add icon to Parent items with children */
.elementor-widget-taxonomy-filter .e-filter-item.has-children::after {
content: '';
display: inline-block;
margin-left: 10px;
width: 1em;
height: 1em;
background-color: currentColor;
mask: url('data:image/svg+xml;utf8,') no-repeat center;
mask-size: contain;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
-webkit-mask-size: contain;
}
/* Styling for Child items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"] {
font-weight: 600;
color: #4a4a4a;
font-size: 16px;
margin-top: 5px;
margin-left: 10px;
background-color: #fff;
padding: 3px 10px 3px 10px;
border-radius: 10px;
}
/* Active state styling for Child items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"][aria-pressed="true"] {
background-color: #f2f2f2;
color: #000000;
}
/* Active state styling for Parent items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent"][aria-pressed="true"] {
background-color: #008AFF;
color: #000000;
}
/* Active state styling for 'All' button */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"][aria-pressed="true"] {
color: #000;
background-color: #fff
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"][aria-pressed="false"]:hover {
background-color: #A90068; /* Replace with your desired hover color */
color: #fff; /* Optional: set text color on hover */
}
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="false"] {
transition: transform 0.25s ease, background-color 0.25s ease;
}
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="false"]:hover {
transform: scale(1.05);
}
/* Hide a specific category item */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="channel-insights"] {
display: none !important;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="why-offshoring"] {
display: none !important;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="newsroom"] {
display: none !important;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="uncategorized"] {
display: none !important;
}
@media (max-width: 767px) {
/* Normalize all filter buttons */
.elementor-widget-taxonomy-filter .e-filter-item {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
font-size: 14px !important;
padding: 6px 16px !important;
margin: 5px 0 !important;
border-radius: 10px;
box-sizing: border-box;
}
/* Remove child left indent */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"] {
margin-left: 0 !important;
}
}
/* =========================================
Tablet & Mobile: Normalize Filter Styles
========================================= */
@media (max-width: 1024px) {
/* Base styles for all filter items */
.elementor-widget-taxonomy-filter .e-filter-item {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
font-size: 16px;
padding: 6px 16px !important;
margin: 5px 0 !important;
border-radius: 10px;
box-sizing: border-box;
}
/* Remove child indent */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"] {
margin-left: 0 !important;
font-size: 16px !important;
}
/* Optionally: shrink chevron size */
.elementor-widget-taxonomy-filter .e-filter-item.has-children::after {
width: 0.9em;
height: 0.9em;
}
/* Optionally: make filters stack vertically */
.elementor-widget-taxonomy-filter {
display: flex;
flex-direction: column;
gap: 10px;
}
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-c5c776b *//* Styling for 'All' button */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"] {
font-weight: 600;
text-decoration: none !important;
background-color: #CC017E;
font-size: 18px !important;
color: #fff;
padding: 6px 20px 6px 20px;
border-radius: 10px;
}
/* Add X icon to 'All' filter when inactive */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"][aria-pressed="false"]::before {
content: '✖';
color: #fff;
font-size: 16px;
margin-right: 8px;
display: inline-block;
}
/* Styling for Parent items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent"] {
font-weight: 600;
color: #4a4a4a;
margin-top: 8px;
background-color: #ffffff00;
border-radius: 10px;
padding: 6px 20px 6px 20px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
}
/* Add icon to Parent items with children */
.elementor-widget-taxonomy-filter .e-filter-item.has-children::after {
content: '';
display: inline-block;
margin-left: 10px;
width: 1em;
height: 1em;
background-color: currentColor;
mask: url('data:image/svg+xml;utf8,') no-repeat center;
mask-size: contain;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
-webkit-mask-size: contain;
}
/* Styling for Child items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"] {
font-weight: 600;
color: #4a4a4a;
font-size: 16px;
margin-top: 5px;
margin-left: 10px;
background-color: #fff;
padding: 3px 10px 3px 10px;
border-radius: 10px;
}
/* Active state styling for Child items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"][aria-pressed="true"] {
background-color: #f2f2f2;
color: #000000;
}
/* Active state styling for Parent items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent"][aria-pressed="true"] {
background-color: #008AFF;
color: #000000;
}
/* Active state styling for 'All' button */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"][aria-pressed="true"] {
color: #000;
background-color: #fff
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"][aria-pressed="false"]:hover {
background-color: #A90068; /* Replace with your desired hover color */
color: #fff; /* Optional: set text color on hover */
}
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="false"] {
transition: transform 0.25s ease, background-color 0.25s ease;
}
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="false"]:hover {
transform: scale(1.05);
}
/* Hide a specific category item */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="channel-insights"] {
display: none !important;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="why-offshoring"] {
display: none !important;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="newsroom"] {
display: none !important;
}
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="uncategorized"] {
display: none !important;
}
@media (max-width: 767px) {
/* Normalize all filter buttons */
.elementor-widget-taxonomy-filter .e-filter-item {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
font-size: 14px !important;
padding: 6px 16px !important;
margin: 5px 0 !important;
border-radius: 10px;
box-sizing: border-box;
}
/* Remove child left indent */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"] {
margin-left: 0 !important;
}
}
/* =========================================
Tablet & Mobile: Normalize Filter Styles
========================================= */
@media (max-width: 1024px) {
/* Base styles for all filter items */
.elementor-widget-taxonomy-filter .e-filter-item {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
font-size: 16px;
padding: 6px 16px !important;
margin: 5px 0 !important;
border-radius: 10px;
box-sizing: border-box;
}
/* Remove child indent */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child"] {
margin-left: 0 !important;
font-size: 16px !important;
}
/* Optionally: shrink chevron size */
.elementor-widget-taxonomy-filter .e-filter-item.has-children::after {
width: 0.9em;
height: 0.9em;
}
/* Optionally: make filters stack vertically */
.elementor-widget-taxonomy-filter {
display: flex;
flex-direction: column;
gap: 10px;
}
}/* End custom CSS */