.elementor-995 .elementor-element.elementor-element-2198484{--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;--justify-content:center;--overlay-opacity:1;--margin-top:-74.7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-995 .elementor-element.elementor-element-2198484:not(.elementor-motion-effects-element-type-background), .elementor-995 .elementor-element.elementor-element-2198484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.theidolpad.com/wp-content/uploads/2025/12/c20eb0cff8c18f067a94acbe7113e415ff403e3c.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-995 .elementor-element.elementor-element-2198484::before, .elementor-995 .elementor-element.elementor-element-2198484 > .elementor-background-video-container::before, .elementor-995 .elementor-element.elementor-element-2198484 > .e-con-inner > .elementor-background-video-container::before, .elementor-995 .elementor-element.elementor-element-2198484 > .elementor-background-slideshow::before, .elementor-995 .elementor-element.elementor-element-2198484 > .e-con-inner > .elementor-background-slideshow::before, .elementor-995 .elementor-element.elementor-element-2198484 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://staging.theidolpad.com/wp-content/uploads/2025/12/Soundwaves-scaled.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-995 .elementor-element.elementor-element-f24977c{--display:flex;--min-height:288px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:110px;--padding-bottom:53px;--padding-left:16px;--padding-right:16px;}.elementor-995 .elementor-element.elementor-element-1595898{z-index:99;font-family:"Sen", Sans-serif;font-size:14px;font-weight:400;line-height:150%;color:#FFFFFF99;}.elementor-995 .elementor-element.elementor-element-1595898 a{color:#FFFFFF99;}.elementor-widget-theme-archive-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-995 .elementor-element.elementor-element-3958a3b{z-index:99;text-align:center;}.elementor-995 .elementor-element.elementor-element-3958a3b .elementor-heading-title{font-family:"Dela Gothic One", Sans-serif;font-size:56px;font-weight:400;line-height:133%;color:#FFFFFFDE;}.elementor-995 .elementor-element.elementor-element-7f1e8be{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:16px;--padding-right:16px;}.elementor-995 .elementor-element.elementor-element-3a70577{--display:flex;--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;--align-items:center;--border-radius:16px 16px 16px 16px;--padding-top:48px;--padding-bottom:48px;--padding-left:32px;--padding-right:32px;}.elementor-995 .elementor-element.elementor-element-3a70577:not(.elementor-motion-effects-element-type-background), .elementor-995 .elementor-element.elementor-element-3a70577 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-995 .elementor-element.elementor-element-0b13b3b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-995 .elementor-element.elementor-element-93326ed{text-align:left;}.elementor-995 .elementor-element.elementor-element-93326ed .elementor-heading-title{font-family:"Dela Gothic One", Sans-serif;font-size:26px;font-weight:400;line-height:133%;color:#FFFFFFDE;}.elementor-995 .elementor-element.elementor-element-cab79e1{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-995 .elementor-element.elementor-element-f7b304d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-995 .elementor-element.elementor-element-302af35{text-align:right;}.elementor-995 .elementor-element.elementor-element-302af35 img{width:96px;max-width:96px;height:96px;object-fit:contain;object-position:center center;}.elementor-995 .elementor-element.elementor-element-8fb85c8{--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;--padding-top:48px;--padding-bottom:90px;--padding-left:16px;--padding-right:16px;}.elementor-995 .elementor-element.elementor-element-24cd4c3{--display:flex;--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 );}.elementor-995 .elementor-element.elementor-element-ee7cfe8{--grid-columns:4;--grid-row-gap:64px;--grid-column-gap:64px;}.elementor-995 .elementor-element.elementor-element-ee7cfe8 .elementor-pagination{text-align:center;margin-top:64px;}body:not(.rtl) .elementor-995 .elementor-element.elementor-element-ee7cfe8 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 12px/2 );}body:not(.rtl) .elementor-995 .elementor-element.elementor-element-ee7cfe8 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 12px/2 );}body.rtl .elementor-995 .elementor-element.elementor-element-ee7cfe8 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 12px/2 );}body.rtl .elementor-995 .elementor-element.elementor-element-ee7cfe8 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 12px/2 );}@media(min-width:768px){.elementor-995 .elementor-element.elementor-element-0b13b3b{--width:30%;}.elementor-995 .elementor-element.elementor-element-cab79e1{--width:60%;}.elementor-995 .elementor-element.elementor-element-f7b304d{--width:10%;}}@media(max-width:1024px){.elementor-995 .elementor-element.elementor-element-2198484{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-995 .elementor-element.elementor-element-ee7cfe8{--grid-columns:3;}}@media(max-width:767px){.elementor-995 .elementor-element.elementor-element-f24977c{--min-height:148px;--padding-top:71px;--padding-bottom:71px;--padding-left:16px;--padding-right:16px;}.elementor-995 .elementor-element.elementor-element-3958a3b .elementor-heading-title{font-size:40px;}.elementor-995 .elementor-element.elementor-element-3a70577{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-995 .elementor-element.elementor-element-f7b304d.e-con{--order:-99999 /* order start hack */;}.elementor-995 .elementor-element.elementor-element-302af35{text-align:left;}.elementor-995 .elementor-element.elementor-element-302af35 img{width:55px;max-width:55px;height:55px;}.elementor-995 .elementor-element.elementor-element-8fb85c8{--padding-top:32px;--padding-bottom:90px;--padding-left:16px;--padding-right:16px;}.elementor-995 .elementor-element.elementor-element-ee7cfe8{--grid-columns:1;--grid-row-gap:48px;--grid-column-gap:48px;}}/* Start custom CSS for shortcode, class: .elementor-element-368ef7f *//* Wrapper */
.subcat-tabs {
    display: flex;
    gap: 14px;
    border-radius: 999px;
    width: fit-content;
    align-items: center;
}

/* Button pill */
.subcat-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF21 !important;
    color: #FFFFFFDE !important;
    border: unset;
    padding: 10px 20px;
    border-radius: 999px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}



/* Plus icon */
.subcat-btn .plus {
    font-weight: 600;
    opacity: 0.7;
}

/* Category name */
.subcat-btn .name {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    font-family: "Sen", Sans-serif;
    color: #FFFFFFDE;
}

/* Count bubble */
.subcat-btn .count {
    background: #1e1e1e;
    border: 1px solid #333;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 12px;
    opacity: 0.8;
}

/* Active state (JS/AJAX ke liye ready) */
.subcat-btn.active {
    background: linear-gradient(180deg, #5a5a5a, #3f3f3f);
    border-color: #6a6a6a;
}

/* Mobile scroll support */
@media (max-width: 767px) {
    .subcat-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .subcat-tabs::-webkit-scrollbar {
        display: none;
    }
}
@media screen and (max-width: 1370px) {
 .subcat-tabs {
    display: flex;
    gap: 14px;
    border-radius: 999px;
    width: fit-content;
    align-items: center;
    flex-direction: column;
}
.subcat-tabs {
    overflow-x: unset;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f1e8be */.sub-catsection:not(:has(.subcat-tabs)) {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ee7cfe8 */.elementor-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.elementor-pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 0;
  color: #FFFFFF99;
  font-weight: 400;
  line-height: 150%;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.25s ease;
  cursor: pointer;
  font-family: "Sen", Sans-serif;
  font-weight: 400;
  background: none;
}
/* Current (active) page */
.elementor-pagination .page-numbers.current {
  background: #00FFCC;
  color: #121212;
  border: none;
  border-color: #4A4238;
  font-family: "Sen", Sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 133%;
border-radius: 20px;
}
/* Previous / Next buttons */
.elementor-pagination .page-numbers.next {
  background: #FFFFFF0F !important;
  color: #EDDDBB;
  font-size: 14px;
  font-family: "Sen", Sans-serif;
  font-weight: 400;
  border-radius: 20px !important;
}
.elementor-pagination .page-numbers.prev {
  background: #FFFFFF0F !important;
  color: #EDDDBB;
  font-size: 14px;
  font-family: "Sen", Sans-serif;
  font-weight: 400;
  border-radius: 20px !important;

}



/* Next button: replace text with SVG */
.elementor-pagination .page-numbers.next {
    text-indent: -40px;
  background-image: url('https://staging.theidolpad.com/wp-content/uploads/2025/12/Frame-2.png') !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 20px !important;
  padding-left: 20px;
  
}

.elementor-pagination .page-numbers.prev {
    text-indent: -40px;
  background-image: url('https://staging.theidolpad.com/wp-content/uploads/2025/12/Frame-3.png') !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 20px !important;
  padding-left: 20px;
  
}

.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
  width: 48px;
  height: 36px;
  background: #525834;
  border-radius: 20px;
}


@media (max-width: 575px) {
    .elementor-pagination .page-numbers.next{
        font-size: 0px;
        width: 41px;
    }
    .elementor-pagination .page-numbers.prev{
        font-size: 0px;
        width: 41px;
    }
    
    .elementor-pagination .page-numbers.prev {
    text-indent: -40px;
  background-position: right 5px center !important;
  background-size: 20px !important;
  padding-left: 20px;
}
.elementor-pagination .page-numbers.next {
    text-indent: -40px;
  background-position: right 5px center !important;
  background-size: 20px !important;
  padding-left: 20px;
}
}/* End custom CSS */