.elementor-1979 .elementor-element.elementor-element-75d6baf{--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;--overflow:hidden;--background-transition:0.3s;--padding-top:10px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1979 .elementor-element.elementor-element-14acc55{--display:flex;--background-transition:0.3s;}.elementor-1979 .elementor-element.elementor-element-69f45c1{--display:flex;--min-height:250px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;}.elementor-1979 .elementor-element.elementor-element-69f45c1:not(.elementor-motion-effects-element-type-background), .elementor-1979 .elementor-element.elementor-element-69f45c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gracemart.benova.com.my/wp-content/uploads/2025/01/green-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1979 .elementor-element.elementor-element-69f45c1, .elementor-1979 .elementor-element.elementor-element-69f45c1::before{--border-transition:0.3s;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-1979 .elementor-element.elementor-element-df87fb4{text-align:center;}.elementor-1979 .elementor-element.elementor-element-df87fb4 .elementor-heading-title{color:var( --e-global-color-18a608c );font-family:"SF Pro Display", Sans-serif;font-size:42px;font-weight:600;line-height:50px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1979 .elementor-element.elementor-element-a02f9a2{width:var( --container-widget-width, 190px );max-width:190px;--container-widget-width:190px;--container-widget-flex-grow:0;bottom:-70px;text-align:right;}body:not(.rtl) .elementor-1979 .elementor-element.elementor-element-a02f9a2{right:120px;}body.rtl .elementor-1979 .elementor-element.elementor-element-a02f9a2{left:120px;}.elementor-1979 .elementor-element.elementor-element-a02f9a2 img{width:100%;max-width:100%;}.elementor-1979 .elementor-element.elementor-element-5332725{width:var( --container-widget-width, 260px );max-width:260px;--container-widget-width:260px;--container-widget-flex-grow:0;bottom:-50px;text-align:right;}body:not(.rtl) .elementor-1979 .elementor-element.elementor-element-5332725{left:40px;}body.rtl .elementor-1979 .elementor-element.elementor-element-5332725{right:40px;}.elementor-1979 .elementor-element.elementor-element-5332725 img{width:100%;max-width:100%;}.elementor-1979 .elementor-element.elementor-element-f876b57{--display:flex;--gap:0px 0px;--overflow:hidden;--background-transition:0.3s;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1979 .elementor-element.elementor-element-f876b57:not(.elementor-motion-effects-element-type-background), .elementor-1979 .elementor-element.elementor-element-f876b57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC954;}.elementor-1979 .elementor-element.elementor-element-f876b57, .elementor-1979 .elementor-element.elementor-element-f876b57::before{--border-transition:0.3s;}.elementor-1979 .elementor-element.elementor-element-5404c2d{--display:flex;--background-transition:0.3s;}.elementor-1979 .elementor-element.elementor-element-ea6f176{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-1979 .elementor-element.elementor-element-4911c44{--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:center;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1979 .elementor-element.elementor-element-35951de{width:100%;max-width:100%;}.elementor-1979 .elementor-element.elementor-element-455b68c{--display:flex;--gap:0px 0px;--overflow:hidden;--background-transition:0.3s;--padding-top:40px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1979 .elementor-element.elementor-element-455b68c:not(.elementor-motion-effects-element-type-background), .elementor-1979 .elementor-element.elementor-element-455b68c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-1979 .elementor-element.elementor-element-455b68c, .elementor-1979 .elementor-element.elementor-element-455b68c::before{--border-transition:0.3s;}.elementor-1979 .elementor-element.elementor-element-e732f29{--display:flex;--gap:0px 0px;--background-transition:0.3s;}.elementor-1979 .elementor-element.elementor-element-944970d{--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;--background-transition:0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1979 .elementor-element.elementor-element-885e01f .elementor-icon-wrapper{text-align:center;}.elementor-1979 .elementor-element.elementor-element-885e01f.elementor-view-stacked .elementor-icon{background-color:#141414;}.elementor-1979 .elementor-element.elementor-element-885e01f.elementor-view-framed .elementor-icon, .elementor-1979 .elementor-element.elementor-element-885e01f.elementor-view-default .elementor-icon{color:#141414;border-color:#141414;}.elementor-1979 .elementor-element.elementor-element-885e01f.elementor-view-framed .elementor-icon, .elementor-1979 .elementor-element.elementor-element-885e01f.elementor-view-default .elementor-icon svg{fill:#141414;}.elementor-1979 .elementor-element.elementor-element-885e01f.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-1979 .elementor-element.elementor-element-885e01f.elementor-view-framed .elementor-icon:hover, .elementor-1979 .elementor-element.elementor-element-885e01f.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-1979 .elementor-element.elementor-element-885e01f.elementor-view-framed .elementor-icon:hover, .elementor-1979 .elementor-element.elementor-element-885e01f.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-secondary );}.elementor-1979 .elementor-element.elementor-element-e960e9e .elementor-icon-wrapper{text-align:center;}.elementor-1979 .elementor-element.elementor-element-e960e9e.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-1979 .elementor-element.elementor-element-e960e9e.elementor-view-framed .elementor-icon:hover, .elementor-1979 .elementor-element.elementor-element-e960e9e.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-1979 .elementor-element.elementor-element-e960e9e.elementor-view-framed .elementor-icon:hover, .elementor-1979 .elementor-element.elementor-element-e960e9e.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-secondary );}.elementor-1979 .elementor-element.elementor-element-f698472{--display:flex;--background-transition:0.3s;}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1979 .elementor-element.elementor-element-dd1ba18{--grid-columns:3;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-1979 .elementor-element.elementor-element-25d43e0{--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:center;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1979 .elementor-element.elementor-element-a7fdb25{--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:flex-end;--background-transition:0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-1979 .elementor-element.elementor-element-f473c74 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-18a608c );color:var( --e-global-color-18a608c );border-style:solid;border-width:1px 1px 0px 1px;border-color:var( --e-global-color-secondary );border-radius:8px 8px 0px 0px;padding:12px 020px 12px 20px;}.elementor-1979 .elementor-element.elementor-element-f473c74 .elementor-button:hover, .elementor-1979 .elementor-element.elementor-element-f473c74 .elementor-button:focus{background-color:var( --e-global-color-18a608c );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-1979 .elementor-element.elementor-element-f473c74{z-index:99;}.elementor-1979 .elementor-element.elementor-element-f473c74 .elementor-button:hover svg, .elementor-1979 .elementor-element.elementor-element-f473c74 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-1979 .elementor-element.elementor-element-69f45c1{--min-height:150px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1979 .elementor-element.elementor-element-df87fb4 .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1979 .elementor-element.elementor-element-a02f9a2{--container-widget-width:140px;--container-widget-flex-grow:0;width:var( --container-widget-width, 140px );max-width:140px;bottom:-50px;}body:not(.rtl) .elementor-1979 .elementor-element.elementor-element-a02f9a2{right:50px;}body.rtl .elementor-1979 .elementor-element.elementor-element-a02f9a2{left:50px;}.elementor-1979 .elementor-element.elementor-element-5332725{--container-widget-width:160px;--container-widget-flex-grow:0;width:var( --container-widget-width, 160px );max-width:160px;bottom:-25px;}body:not(.rtl) .elementor-1979 .elementor-element.elementor-element-5332725{left:20px;}body.rtl .elementor-1979 .elementor-element.elementor-element-5332725{right:20px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1979 .elementor-element.elementor-element-dd1ba18{--grid-columns:2;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1979 .elementor-element.elementor-element-f473c74 .elementor-button{padding:10px 18px 10px 18px;}}@media(max-width:767px){.elementor-1979 .elementor-element.elementor-element-75d6baf{--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1979 .elementor-element.elementor-element-69f45c1{--min-height:120px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1979 .elementor-element.elementor-element-df87fb4{z-index:2;}.elementor-1979 .elementor-element.elementor-element-df87fb4 .elementor-heading-title{font-size:24px;line-height:28px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1979 .elementor-element.elementor-element-a02f9a2{--container-widget-width:70px;--container-widget-flex-grow:0;width:var( --container-widget-width, 70px );max-width:70px;bottom:-20px;}body:not(.rtl) .elementor-1979 .elementor-element.elementor-element-a02f9a2{right:10px;}body.rtl .elementor-1979 .elementor-element.elementor-element-a02f9a2{left:10px;}.elementor-1979 .elementor-element.elementor-element-5332725{--container-widget-width:80px;--container-widget-flex-grow:0;width:var( --container-widget-width, 80px );max-width:80px;bottom:-5px;}body:not(.rtl) .elementor-1979 .elementor-element.elementor-element-5332725{left:10px;}body.rtl .elementor-1979 .elementor-element.elementor-element-5332725{right:10px;}.elementor-1979 .elementor-element.elementor-element-f876b57{--gap:0px 0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1979 .elementor-element.elementor-element-455b68c{--gap:0px 0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1979 .elementor-element.elementor-element-dd1ba18{--grid-columns:1;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(min-width:768px){.elementor-1979 .elementor-element.elementor-element-4911c44{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1979 .elementor-element.elementor-element-944970d{--width:100%;}.elementor-1979 .elementor-element.elementor-element-f698472{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-a7fdb25 */.visit-sec {
    z-index: 9;
    width: fit-content;
    margin-right: 0;
    padding: 0 10px;
    position: fixed !important;
    bottom: 0 !important;
    background-color: white;
    border-radius: 10px 10px 0 0;
    right: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}/* End custom CSS */
/* Start custom CSS */.visit-sec{
    position: sticky;
    bottom: 0;
    margin-right: 0;
    width: fit-content;
}

button{
    outline: none!important;
    box-shadow: none!important;
}

#search-filter-input-button-group-0{
    gap: 15px;
}

button.search-filter-input-button {
    margin: 0;
    display: inline-block;
    padding: 8px 20px;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 500;
    color: #A3A3A3;
    border-radius: 12px;
    border: 1px solid #D6D6D6;
    background: #f8f8f8;
}

button.search-filter-input-button:hover, .search-filter-input-button:hover:not(.is-disabled):not(.search-filter-input-button--is-selected){
    background-color:#f8f8f8;
}

.post-content-col{
    height: 100%;
}

.search-filter-input-button:hover:not(.is-disabled):not(.search-filter-input-button--is-selected){
    color: #17B772;
    border-color: #17B772;
}

button.search-filter-input-button.search-filter-input-button--is-selected{
    background-color: #17B772; /* Active background color */
	color: #ffffff; /* Active text color */
	border-color: #17B772; /* Active border color */
}

.supplier-loop-grid ul {
    list-style: none;
    padding-left: 0;
}

.supplier-loop-grid ul li{
    margin-bottom: 5px;
}

.hidden{
    display: none;
}

.supplier-loop-grid .e-loop-item > div{
    height: 100%;
}

.viewMoreBtn {
    cursor: pointer;
    text-decoration: underline;
    color: var(--e-global-color-1aa0411);
}

.viewMoreBtn:hover {
    text-decoration: none;
}

.sf-col > div{
    width: 50%;
}

#search-filter-input-button-group-0{
    justify-content: center;
}

.search-filter-input-text.search-filter-input-text.search-filter-field__input{
    width: 100%;
    transition: all .3s;
    margin-bottom: 5px !important;
    border-radius: 5px;
    background: #FFF;
    border: none;
    outline: none !important;
    font-size: 14px;
    line-height: normal;
}

.search-filter-input-text input[type=text].search-filter-input-text__input::placeholder,
.search-filter-input-text input[type=text].search-filter-input-text__input::placeholder{
    font-size: 14px;
    line-height: normal;
}

.sf-col .search-filter-field--type-choice, 
.sf-col .search-filter-field--type-choice .search-filter-field__input {
    width: 100%;
    transition: all .3s;
    border-radius: 5px;
    background: #FFF;
    border: none ;
    outline: none !important;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 4px;
}

.sf-col .search-filter-component-combobox .search-filter-component-combobox__clear-selection, .sf-col .search-filter-component-combobox .search-filter-component-combobox__listbox-toggle{
    flex-basis: auto;
}

.sf-col .search-filter-component-combobox__clear-selection .search-filter-icon. .sf-col .search-filter-icon{
    padding: 0;
}

.sf-col .search-filter-component-combobox .search-filter-component-combobox__selection{
    font-size: 14px;
}

.search-filter-component-combobox__listbox-toggle::before{
    display: none!important;
}

.search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg{
    width: 20px;
    height: 20px;
}

input#search-filter-input-combobox-0::placeholder {
    font-size: 14px;
}

.sf-col ul li:nth-child(n+2) {
    display: none;
}

.sf-col ul li.show:nth-child(n+2){
    display: block;
}

.social-icons-elem .elementor-social-icons-wrapper.elementor-grid{
    display: flex!important;
    justify-content: space-evenly;
}

.social-icons-elem .elementor-social-icons-wrapper.elementor-grid .elementor-grid-item{
    flex: 1;
}

.post-info-elem .elementor-icon-list-icon,
.post-info-elem .elementor-icon-list-item{
    display: flex;
    align-items: center;
    gap: 5px;
}

.post-info-elem .elementor-icon-list-item a{
    display: flex;
    align-items: center;
    gap: 5px;
}

.post-info-elem .elementor-icon-list-icon svg{
    filter: brightness(0) saturate(100%) invert(92%) sepia(90%) saturate(838%) hue-rotate(317deg) brightness(100%) contrast(85%);
}

.post-info-elem .elementor-icon-list-icon, .post-info-elem .elementor-icon-list-icon svg {
    max-width: 15px;
    height: 15px;
}

#address-list li a:before {
    content: '';
    display: block;
    min-width: 13px;
    min-height: 18px;
    width: 13px;
    height: 18px;
    background-image: url(/wp-content/uploads/2025/02/map.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#address-list a{
    color: inherit;
    display: flex;
    gap: 6px;
}

.tile-view-icon, .content-view-icon{
    cursor: pointer;
    display: flex;
}

.tile-view-icon svg{
    display: flex;
    width: 24px;
    height: 24px;
    max-width: 24px;
} 

.content-view-icon svg{
    display: flex;
    width: 25px;
    height: 25px;
    max-width: 25px;
}

.tile-view-icon.active svg path, .content-view-icon.active svg path{
    fill: var( --e-global-color-secondary);
}

.supplier-result-col.content-view .elementor-grid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.supplier-result-col.content-view .e-loop-item {
    width: 100%;
}

.supplier-result-col.content-view .e-loop-item .e-con-inner{
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 10px;
}

.supplier-result-col.content-view .e-loop-item .post-img-col{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.supplier-result-col.content-view .e-loop-item .post-content-col{
    width: 70%;
    padding: 20px;
    position: relative;
    padding-bottom: 0px;
}

.supplier-result-col.content-view .e-loop-item .post-content-col:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    width: 1px;
    height: calc(100% - 40px);
    background-color: #e9e9e9;
}

.supplier-result-col.content-view .e-loop-item > div{
    display: flex;
    flex-direction: row;
}

.supplier-result-col.content-view .e-loop-item .post-content-col .post-link{
    border-radius: 0 0 10px 0!important;
}

.supplier-result-col.content-view .e-loop-item .post-content-col .post-link:before{
    content: '';
    display: block;
    width: calc(100% + 40px);
    height: 100%;
    background-color: #DBF3DE;
    left: -20px;
    border-radius: 0 0 10px 0!important;
}

.supplier-submit-sec{
    width: fit-content;
}

.add-new-supplier-btn{
    position: fixed;
    bottom: 360px;
    right: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10);
}

@media only screen and (max-width: 767px){
    .header-banner{
        background-color: #F8F8F8;
    }
    
    .catalogue-category-info .category-name {
        font-size: 14px;
        margin: 0;
        line-height: normal;
    }
    
    div#search-filter-input-button-group-0 {
        list-style: none;
        justify-content: flex-start;
        padding-inline-start: 0px;
        overflow-x: scroll;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        
        gap: 15px;
        width: 100%;
        margin: 0;
        padding-bottom: 8px;
        padding-right: 0px;
    }
    
    button.search-filter-input-button.search-filter-input-button--is-selected{
        /*order: -1;*/
    }
    
    button.search-filter-input-button {
        margin: 0;
        line-height: 18px;
        border-radius: 12px;
        padding: 8px 20px;
        text-decoration: none;
        font-size: 14px;
        color: #17B772;
        border: 1px solid #17B772;
        background-color:#f8f8f8;
    }
    
    button.search-filter-input-button.search-filter-input-button--is-selected {
        color: white;
    }
    
    button.search-filter-input-button:hover{
        /*color: #17B772;*/
        border-color: #17B772;
    }
    
    .sf-col{
        width: 100%;
        flex-wrap: nowrap!important;
    }
    
    .supplier-loop-grid .e-loop-item > div {
       height: auto;
    }
    
    #address-list a {
        display: flex;
        gap: 5px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 375px){
    .sf-col{
        width: 100%;
        gap: 10px;
        flex-wrap: wrap!important;
    }
    
    .sf-col > div{
        width: 100%;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('/wp-content/uploads/2025/01/SF-Pro-Display-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://gracemart.benova.com.my/wp-content/uploads/2025/01/SF-Pro-Display-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://gracemart.benova.com.my/wp-content/uploads/2025/01/SF-Pro-Display-Semibold.ttf') format('truetype');
}
/* End Custom Fonts CSS */