.elementor-808 .elementor-element.elementor-element-5fde902{--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;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:113px;--padding-bottom:75px;--padding-left:20px;--padding-right:0px;}.elementor-808 .elementor-element.elementor-element-5fde902:not(.elementor-motion-effects-element-type-background), .elementor-808 .elementor-element.elementor-element-5fde902 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nextpagesports.letsdodesigns.com/wp-content/uploads/2025/04/gray-1-scaled.png");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.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-808 .elementor-element.elementor-element-00c4f77 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-808 .elementor-element.elementor-element-00c4f77{text-align:center;}.elementor-808 .elementor-element.elementor-element-00c4f77 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-accent );}.elementor-808 .elementor-element.elementor-element-40efbaf{text-align:center;}.elementor-808 .elementor-element.elementor-element-40efbaf .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:64px;font-weight:900;color:var( --e-global-color-accent );}.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;font-weight:var( --e-global-typography-secondary-font-weight );}.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-808 .elementor-element.elementor-element-33634d5{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-808 .elementor-element.elementor-element-33634d5 .elementor-divider-separator{width:6%;margin:0 auto;margin-center:0;}.elementor-808 .elementor-element.elementor-element-33634d5 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-808 .elementor-element.elementor-element-05876e7{text-align:center;}.elementor-808 .elementor-element.elementor-element-05876e7 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-accent );}.elementor-808 .elementor-element.elementor-element-d5701fb{--display:flex;--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;--margin-top:0px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;}.elementor-808 .elementor-element.elementor-element-61a1611{--display:flex;box-shadow:0px 20px 37px -15px rgba(0, 0, 0, 0.1);--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-808 .elementor-element.elementor-element-61a1611:not(.elementor-motion-effects-element-type-background), .elementor-808 .elementor-element.elementor-element-61a1611 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-808 .elementor-element.elementor-element-cf3ef2e{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-space-between:0px;--e-filter-hover-text-color:var( --e-global-color-5d678cd );--e-filter-active-text-color:var( --e-global-color-5d678cd );}.elementor-808 .elementor-element.elementor-element-25c3793{--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;--margin-top:0px;--margin-bottom:165px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--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-808 .elementor-element.elementor-element-8fb2086{--grid-columns:3;--grid-column-gap:30px;}.elementor-808 .elementor-element.elementor-element-8fb2086 .elementor-pagination{text-align:center;font-family:"Marcellus", Sans-serif;font-size:18px;font-weight:400;margin-top:40px;}.elementor-808 .elementor-element.elementor-element-8fb2086 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-808 .elementor-element.elementor-element-8fb2086 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-5d678cd );}.elementor-808 .elementor-element.elementor-element-8fb2086 .elementor-pagination .page-numbers.current{color:var( --e-global-color-5d678cd );}body:not(.rtl) .elementor-808 .elementor-element.elementor-element-8fb2086 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-808 .elementor-element.elementor-element-8fb2086 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-808 .elementor-element.elementor-element-8fb2086 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-808 .elementor-element.elementor-element-8fb2086 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-808 .elementor-element.elementor-element-5fde902{--padding-top:110px;--padding-bottom:80px;--padding-left:20px;--padding-right:0px;}.elementor-808 .elementor-element.elementor-element-cf3ef2e{--e-filter-space-between:32px;}.elementor-808 .elementor-element.elementor-element-25c3793{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-808 .elementor-element.elementor-element-8fb2086{--grid-columns:2;}}@media(max-width:767px){.elementor-808 .elementor-element.elementor-element-5fde902:not(.elementor-motion-effects-element-type-background), .elementor-808 .elementor-element.elementor-element-5fde902 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-size:cover;}.elementor-808 .elementor-element.elementor-element-5fde902{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-808 .elementor-element.elementor-element-00c4f77 > .elementor-widget-container{margin:0px 0px 8px 0px;}.elementor-808 .elementor-element.elementor-element-00c4f77{text-align:center;}.elementor-808 .elementor-element.elementor-element-40efbaf{text-align:center;}.elementor-808 .elementor-element.elementor-element-40efbaf .elementor-heading-title{font-size:48px;}.elementor-808 .elementor-element.elementor-element-33634d5 .elementor-divider-separator{width:16%;margin:0 auto;margin-center:0;}.elementor-808 .elementor-element.elementor-element-33634d5 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-808 .elementor-element.elementor-element-05876e7{text-align:center;}.elementor-808 .elementor-element.elementor-element-d5701fb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-808 .elementor-element.elementor-element-61a1611{--padding-top:10px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-808 .elementor-element.elementor-element-cf3ef2e{--e-filter-direction:column;--e-filter-white-space:initial;}.elementor-808 .elementor-element.elementor-element-cf3ef2e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-808 .elementor-element.elementor-element-25c3793{--margin-top:40px;--margin-bottom:156px;--margin-left:0px;--margin-right:0px;}.elementor-808 .elementor-element.elementor-element-8fb2086{--grid-columns:1;}}@media(min-width:768px){.elementor-808 .elementor-element.elementor-element-d5701fb{--content-width:1271px;}.elementor-808 .elementor-element.elementor-element-61a1611{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-808 .elementor-element.elementor-element-61a1611{--width:100%;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-cf3ef2e */.filter-group {
    position: relative;
    display: inline-block;
    width: 180px; /* Set a consistent width like your image */
    margin-right: 20px;
    font-family: 'Arial', sans-serif;
}

/* Label above the dropdown */
.filter-label {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
    font-weight: 500;
     font-family: "Marcellus";
}

/* Parent filter styled like a select box */
.parent-filter {
    width: 100%;
    cursor: pointer;
    padding: 10px 40px 10px 12px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 15px;
    color: #999; /* Grey to look like 'Select' placeholder */
    border-radius: 4px;
    position: relative;
    text-align: left;
    
}

/* Arrow inside the box */

.parent-filter::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;  /* Set width of the icon */
    height: 14px; /* Set height of the icon */
    background: url('https://nextpagesports.letsdodesigns.com/wp-content/uploads/2025/05/Dropdown-icon.png') no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

/* Rotate the caret when active */
.parent-filter.active::after {
    transform: translateY(-50%) rotate(180deg);
}


/* Child dropdown styled like a dropdown menu */
.child-filters {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    box-sizing: border-box;
    margin-top: 2px;
}

/* Child items styled like select options */
.child-filters .e-filter-item {
    display: block;
    padding: 10px 12px;
    text-align: left;
    width: 100%;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}

.child-filters .e-filter-item:hover {
    background-color: #f0f0f0;
    color: #000;
}
button.e-filter-item.parent-filter {
    font-family: "Marcellus";
    padding: 12px 127px 12px 10px;
    border: 1px solid #8888;
}
.e-filter-item[data-filter="__all"] {
    margin-left: -30px; /* or margin-right, depending on your design */
    margin-right: 30px;
}

@media (max-width: 1024px){
    button.e-filter-item.parent-filter {
    padding: 12px 80px 12px 10px;
   
}
.e-filter{
  padding:0px !important;
  
}
.filter-group{
    width:100px;
}
}
@media (max-width: 767px){
    .filter-group{
    width:120px;
}
 button.e-filter-item.parent-filter {
    padding: 12px 160px 12px 10px;
   
}
.elementor-808 .elementor-element.elementor-element-cf3ef2e{
    margin-left:-40px;
}
.child-filters{
    width:210px;
}
}/* End custom CSS */