.elementor-673 .elementor-element.elementor-element-626498b{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-673 .elementor-element.elementor-element-75d5414{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.1;--border-radius:100px 0px 100px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:60px;}.elementor-673 .elementor-element.elementor-element-75d5414:not(.elementor-motion-effects-element-type-background), .elementor-673 .elementor-element.elementor-element-75d5414 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ED1C24;}.elementor-673 .elementor-element.elementor-element-75d5414::before, .elementor-673 .elementor-element.elementor-element-75d5414 > .elementor-background-video-container::before, .elementor-673 .elementor-element.elementor-element-75d5414 > .e-con-inner > .elementor-background-video-container::before, .elementor-673 .elementor-element.elementor-element-75d5414 > .elementor-background-slideshow::before, .elementor-673 .elementor-element.elementor-element-75d5414 > .e-con-inner > .elementor-background-slideshow::before, .elementor-673 .elementor-element.elementor-element-75d5414 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://cismanila.org/wp-content/uploads/2025/12/pattern_bg.png");--background-overlay:'';}.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-673 .elementor-element.elementor-element-b7a4b2b{width:var( --container-widget-width, 70% );max-width:70%;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-673 .elementor-element.elementor-element-b7a4b2b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:500;line-height:60px;letter-spacing:0px;}.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-673 .elementor-element.elementor-element-54c6b6d{--divider-border-style:solid;--divider-color:#FFCB1F;--divider-border-width:7px;width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-673 .elementor-element.elementor-element-54c6b6d .elementor-divider-separator{width:60%;}.elementor-673 .elementor-element.elementor-element-556b008{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--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;font-weight:var( --e-global-typography-text-font-weight );}.elementor-673 .elementor-element.elementor-element-307b395{text-align:end;}.elementor-673 .elementor-element.elementor-element-307b395 img{width:100%;max-width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-673 .elementor-element.elementor-element-4cc2f96{--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:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-673 .elementor-element.elementor-element-f6ef0f5{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--border-radius:0px 0px 0px 160px;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-673 .elementor-element.elementor-element-12ce588{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-673 .elementor-element.elementor-element-4ca3ae0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 10px;text-align:start;}.elementor-673 .elementor-element.elementor-element-4ca3ae0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;line-height:50px;color:#2A3685;}.elementor-673 .elementor-element.elementor-element-e0742b0 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-col{flex:0 0 33.33%;max-width:33.33%;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-post-grid-container{border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-post-grid-container .exad-post-grid-thumbnail{border-radius:0px 0px 0 0;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-filterable-menu{padding:0px 30px 0px 30px;margin:0px 0px 20px 0px;border-radius:0px 0px 0px 0px;text-align:center;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-filterable-menu .filter-item{padding:20px 20px 20px 20px;font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:capitalize;color:#FFFFFF;background:#2A3685;border-radius:10px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-filterable-items.exad-filterable-menu-container-align-top .filter-item:not(:last-child){margin-right:10px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-filterable-items.exad-filterable-menu-container-align-left .exad-filterable-menu-container .exad-filterable-menu .filter-item:not(:last-child){margin-bottom:10px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-filterable-items.exad-filterable-menu-container-align-right .exad-filterable-menu-container .exad-filterable-menu .filter-item:not(:last-child){margin-bottom:10px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-filterable-menu .filter-item:hover{color:#7a56ff;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-filterable-menu .filter-item.current{color:#303942;background:#FFCB1F;border-radius:10px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-post-grid-thumbnail img{border-radius:0px 0px 0px 30px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-post-grid-container.image-position-top .exad-post-grid-thumbnail > a{min-height:280px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body{margin:0px 0px 40px 0px;padding:20px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-post-grid-container .exad-post-grid-body h3{margin:0px 0px 0px 0px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-post-grid-body .exad-post-grid-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:#1B1D26;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-post-grid-body .exad-post-grid-title:hover{color:#0A1724;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-post-grid-body .exad-post-grid-description{color:#303942;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-post-grid-body .exad-post-grid-description{font-family:"Montserrat", Sans-serif;font-size:15px;line-height:25px;margin:15px 0px 20px 0px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-author-avatar img{height:40px;width:40px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-post-grid-body .exad-post-data{margin:10px 0px 10px 0px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-post-grid-body .exad-post-data li:not(:last-child){margin-right:15px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-post-grid-body .exad-post-data li span{color:#848484;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-post-grid-body .exad-post-data li span a{color:#000000;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-post-grid-body ul.exad-post-grid-time-comment{margin:10px 0px 10px 0px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-post-grid-container .exad-post-grid-body .exad-post-footer a{padding:0px 0px 3px 0px;margin:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:uppercase;color:#2A3685;background:rgba(0,0,0,0);}.elementor-673 .elementor-element.elementor-element-50ac622{--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;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-673 .elementor-element.elementor-element-4c3573d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:80px;--padding-right:80px;}.elementor-673 .elementor-element.elementor-element-4c3573d:not(.elementor-motion-effects-element-type-background), .elementor-673 .elementor-element.elementor-element-4c3573d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F1ED;}.elementor-673 .elementor-element.elementor-element-64d7654{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 10px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-673 .elementor-element.elementor-element-64d7654 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;line-height:50px;color:#2A3685;}.elementor-673 .elementor-element.elementor-element-1d3df6b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-673 .elementor-element.elementor-element-53e702c > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-col{flex:0 0 33.33%;max-width:33.33%;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-post-grid-container{border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-post-grid-container .exad-post-grid-thumbnail{border-radius:0px 0px 0 0;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-filterable-menu{padding:0px 30px 0px 30px;margin:0px 0px 20px 0px;border-radius:0px 0px 0px 0px;text-align:center;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-filterable-menu .filter-item{padding:20px 20px 20px 20px;font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:capitalize;color:#FFFFFF;background:#2A3685;border-radius:10px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-filterable-items.exad-filterable-menu-container-align-top .filter-item:not(:last-child){margin-right:10px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-filterable-items.exad-filterable-menu-container-align-left .exad-filterable-menu-container .exad-filterable-menu .filter-item:not(:last-child){margin-bottom:10px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-filterable-items.exad-filterable-menu-container-align-right .exad-filterable-menu-container .exad-filterable-menu .filter-item:not(:last-child){margin-bottom:10px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-filterable-menu .filter-item:hover{color:#7a56ff;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-filterable-menu .filter-item.current{color:#303942;background:#FFCB1F;border-radius:10px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-post-grid-thumbnail img{border-radius:0px 0px 0px 30px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-post-grid-container.image-position-top .exad-post-grid-thumbnail > a{min-height:250px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body{margin:0px 0px 20px 0px;padding:20px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-post-grid-container .exad-post-grid-body h3{margin:0px 0px 0px 0px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-post-grid-body .exad-post-grid-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:#1B1D26;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-post-grid-body .exad-post-grid-title:hover{color:#0A1724;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-post-grid-body .exad-post-grid-description{color:#303942;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-post-grid-body .exad-post-grid-description{font-family:"Montserrat", Sans-serif;font-size:15px;line-height:25px;margin:15px 0px 20px 0px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-author-avatar img{height:40px;width:40px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-post-grid-body .exad-post-data{margin:10px 0px 10px 0px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-post-grid-body .exad-post-data li:not(:last-child){margin-right:15px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-post-grid-body .exad-post-data li span{color:#848484;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-post-grid-body .exad-post-data li span a{color:#000000;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-post-grid-body ul.exad-post-grid-time-comment{margin:10px 0px 10px 0px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-post-grid-container .exad-post-grid-body .exad-post-footer a{padding:0px 0px 3px 0px;margin:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:uppercase;color:#2A3685;background:rgba(0,0,0,0);}@media(min-width:768px){.elementor-673 .elementor-element.elementor-element-f6ef0f5{--content-width:1200px;}.elementor-673 .elementor-element.elementor-element-1d3df6b{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-673 .elementor-element.elementor-element-1d3df6b{--width:100%;}}@media(min-width:2400px){.elementor-673 .elementor-element.elementor-element-75d5414{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-673 .elementor-element.elementor-element-b7a4b2b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-673 .elementor-element.elementor-element-b7a4b2b .elementor-heading-title{font-size:72px;line-height:80px;}.elementor-673 .elementor-element.elementor-element-54c6b6d{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-673 .elementor-element.elementor-element-54c6b6d .elementor-divider-separator{width:350px;}.elementor-673 .elementor-element.elementor-element-307b395 img{height:400px;}.elementor-673 .elementor-element.elementor-element-f6ef0f5{--content-width:1600px;}.elementor-673 .elementor-element.elementor-element-4c3573d{--content-width:1600px;}.elementor-673 .elementor-element.elementor-element-1d3df6b{--width:100%;}}@media(max-width:1366px){.elementor-673 .elementor-element.elementor-element-75d5414{--min-height:350px;}.elementor-673 .elementor-element.elementor-element-b7a4b2b .elementor-heading-title{font-size:36px;line-height:40px;}.elementor-673 .elementor-element.elementor-element-307b395 img{height:350px;}.elementor-673 .elementor-element.elementor-element-4ca3ae0 .elementor-heading-title{font-size:24px;line-height:30px;}.elementor-673 .elementor-element.elementor-element-64d7654 .elementor-heading-title{font-size:24px;line-height:30px;}}@media(max-width:1024px){.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-col{flex:0 0 50%;max-width:50%;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-col{flex:0 0 50%;max-width:50%;}}@media(max-width:767px){.elementor-673 .elementor-element.elementor-element-626498b{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-673 .elementor-element.elementor-element-75d5414{--min-height:200px;--border-radius:50px 0px 50px 0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-673 .elementor-element.elementor-element-b7a4b2b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-673 .elementor-element.elementor-element-b7a4b2b .elementor-heading-title{font-size:32px;}.elementor-673 .elementor-element.elementor-element-54c6b6d .elementor-divider-separator{width:100%;}.elementor-673 .elementor-element.elementor-element-307b395 img{height:auto;}.elementor-673 .elementor-element.elementor-element-4cc2f96{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-673 .elementor-element.elementor-element-f6ef0f5{--border-radius:0px 0px 0px 120px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-673 .elementor-element.elementor-element-12ce588{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-673 .elementor-element.elementor-element-4ca3ae0{width:100%;max-width:100%;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-row-wrapper .exad-col{flex:0 0 100%;max-width:100%;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-filterable-menu{padding:0px 0px 0px 0px;}.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-filterable-menu .filter-item{padding:0px 0px 0px 0px;}.elementor-673 .elementor-element.elementor-element-50ac622{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-673 .elementor-element.elementor-element-4c3573d{--border-radius:0px 0px 0px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-673 .elementor-element.elementor-element-64d7654{width:100%;max-width:100%;}.elementor-673 .elementor-element.elementor-element-64d7654 .elementor-heading-title{font-size:22px;}.elementor-673 .elementor-element.elementor-element-53e702c .exad-row-wrapper .exad-col{flex:0 0 100%;max-width:100%;}}/* Start custom CSS for exad-filterable-post, class: .elementor-element-e0742b0 */ul.exad-filterable-menu {
    text-align: left;
    justify-content: left;
    display: flex;
    margin: 0;
    padding: 0 !important;
    height: 70px !important;
}

ul.exad-filterable-menu li {
    width: 200px;
    align-items: center;
    display: flex !important;
    justify-content: center;
}

.elementor-673 .elementor-element.elementor-element-e0742b0 .exad-post-footer a:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 103px;
    height: 5px;
    background-color: #FFCB1F;
    transition: all 0.3s ease;
}

/* 1. The Container */
.exad-filterable-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center; 
    gap: 15px !important; /* Forces horizontal gap */
    padding: 0 !important;
    margin: 0 0 20px 0 !important; /* Bottom margin for the whole row */
}

/* 2. The List Items (Ordering & Bottom Margin) */
.exad-filterable-menu li.filter-item {
    margin: 0 0 10px 0 !important; /* This creates the 10px vertical gap */
    padding: 0 !important; /* Reset li padding to avoid "messy" overlaps */
    list-style: none !important;
}

/* 3. The Actual Buttons (Padding) */
/* If your buttons use <a> or <span> tags, this ensures they have internal space */
.exad-filterable-menu li.filter-item {
    padding: 10px 20px !important; /* Adjust these numbers for button thickness */
}

/* 4. The Custom Order */
.exad-filterable-menu li[data-filter="*"] { order: 1 !important; }
.exad-filterable-menu li[data-filter=".blog"] { order: 2 !important; }
.exad-filterable-menu li[data-filter=".how-to-hub"] { order: 3 !important; }
.exad-filterable-menu li[data-filter=".guide"] { order: 4 !important; }
.exad-filterable-menu li[data-filter=".glossary"] { order: 5 !important; }

/* MOBILE FIX: Horizontal Scroll */
@media (max-width: 767px) {
    /* 1. Fix the container to allow scrolling */
    .exad-filterable-menu-container {
        width: 100%;
        overflow-x: auto !important;
        overflow-y: hidden;
        display: block !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 15px; /* Space so buttons don't touch the image below */
    }

    /* 2. Override the 'wrap' and 'height' from your previous code */
    ul.exad-filterable-menu {
        display: flex !important;
        flex-wrap: nowrap !important; /* Forces them into one long line */
        height: auto !important;      /* Removes the 70px restriction */
        justify-content: flex-start !important; /* Starts scroll from the left */
        gap: 10px !important;
        padding: 5px !important;
        margin-bottom: 0 !important;
    }

    /* 3. Ensure items don't shrink or squish */
    .exad-filterable-menu li.filter-item {
        flex: 0 0 auto !important;   /* Crucial: prevents buttons from resizing */
        width: auto !important;      /* Lets the button width be defined by text */
        margin: 0 !important;
        white-space: nowrap !important; /* Keeps text on one line */
    }

    /* 4. Hide scrollbar for a cleaner "app-like" feel (Optional) */
    .exad-filterable-menu-container::-webkit-scrollbar {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for exad-filterable-post, class: .elementor-element-53e702c */.elementor-673 .elementor-element.elementor-element-53e702c .exad-post-footer a:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 103px;
    height: 5px;
    background-color: #FFCB1F;
    transition: all 0.3s ease;
}/* End custom CSS */