CSS not reflecting on landing page

I used custom CSS to center the search bar in the middle and remove label. It work when table used in all pages, but it doesn’t work when used in landing page. The theme used is twenty twenty-four.

The link for the page where it works:

https://www.arabiturki.com/?page_id=50

The link for landing page where it doesn’t reflect:

https://www.arabiturki.com/

The CSS code:

supsystic-table-2_filter {

visibility: hidden;

} supsystic-table-2_filter input {

visibility: visible;
width: 300px;

} supsystic-table-2_filter {

float: none;
text-align: center;

}

The page I need help with: [log in to see the link]