.elementor-2316 .elementor-element.elementor-element-cac491c{--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;--overflow:hidden;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{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 );color:var( --e-global-color-primary );}.elementor-2316 .elementor-element.elementor-element-802082e{text-align:center;}.elementor-2316 .elementor-element.elementor-element-802082e .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-2316 .elementor-element.elementor-element-2f79a40{--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:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2316 .elementor-element.elementor-element-2f79a40:not(.elementor-motion-effects-element-type-background), .elementor-2316 .elementor-element.elementor-element-2f79a40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://optimalsystems.my/wp-content/uploads/2025/10/00_bg_texture-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2316 .elementor-element.elementor-element-521afe5{--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;--justify-content:space-between;--align-items:center;}.elementor-widget-ucaddon_ue_buttons_post_filter .ue_taxonomy_item{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-widget-ucaddon_ue_buttons_post_filter .ue_taxonomy_item_num_posts{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-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy{display:flex;gap:10px;justify-content:center;}.elementor-2316 .elementor-element.elementor-element-50e3c7f .slick-track{gap:10px;}.elementor-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy_item{text-align:inherit;padding:10px 30px 10px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#72BE44;border-radius:50px 50px 50px 50px;margin:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;line-height:1.4em;color:#000000;background-color:var( --e-global-color-4fa5efa );}.elementor-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy_item:hover{color:var( --e-global-color-text );background-color:var( --e-global-color-accent );}.elementor-2316 .elementor-element.elementor-element-50e3c7f .uc-selected{color:var( --e-global-color-4fa5efa );background-color:var( --e-global-color-primary );}.elementor-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy_item_icon_spacer{width:0px;}.elementor-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy_item_icon{font-size:20px;}.elementor-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy_item_num_posts_spacer{width:20px;}.elementor-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy_toggle_icon{width:40px;height:40px;font-size:20px;background-color:#8f8f8f;color:#ffffff;border-radius:5px 5px 5px 5px;}.elementor-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy_toggle_icon svg{fill:#ffffff;}.elementor-widget-ucaddon_ue_sort_filter label{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-widget-ucaddon_ue_sort_filter select{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-widget-ucaddon_ue_sort_filter option{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-2316 .elementor-element.elementor-element-6cf09bd .uc-sort-filter{flex-direction:row;justify-content:flex-start;gap:15px;}.elementor-2316 .elementor-element.elementor-element-6cf09bd .uc-sort-filter-orderdir-wrapper,.elementor-2316 .elementor-element.elementor-element-6cf09bd .uc-sort-filter-orderby-wrapper{align-items:center;}.elementor-2316 .elementor-element.elementor-element-6cf09bd .uc-sort-filter-orderdir-wrapper{flex-direction:row;gap:10px;}.elementor-2316 .elementor-element.elementor-element-6cf09bd .uc-sort-filter-orderby-wrapper{flex-direction:row;gap:10px;}.elementor-2316 .elementor-element.elementor-element-6cf09bd label{color:#3d3d3d;}.elementor-2316 .elementor-element.elementor-element-6cf09bd select{padding:5px 10px 5px 10px;text-align:inherit;border-style:solid;}.elementor-2316 .elementor-element.elementor-element-6cf09bd select:hover,.elementor-2316 .elementor-element.elementor-element-6cf09bd select:focus{border-style:solid;}.elementor-2316 .elementor-element.elementor-element-6cf09bd #uc-sort-filter-orderby{width:auto;}.elementor-2316 .elementor-element.elementor-element-6cf09bd #uc-sort-filter-orderdir{width:auto;}.elementor-2316 .elementor-element.elementor-element-80015dc{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2316 .elementor-element.elementor-element-e232b0d{--display:flex;}.elementor-widget-ucaddon_ue_listing_grid .ue-no-posts-found{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-2316 .elementor-element.elementor-element-e928680 .ue-grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px;}.elementor-2316 .elementor-element.elementor-element-e928680 .ue-grid-item{border-style:none;transition:all 200ms ease-in-out;}.elementor-2316 .elementor-element.elementor-element-e928680 .ue-grid-item:hover{border-style:none;}.elementor-2316 .elementor-element.elementor-element-e928680 .ue-grid-item.ue-active-item{border-style:none;}.elementor-2316 .elementor-element.elementor-element-e928680 .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}@media(max-width:1024px){.elementor-2316 .elementor-element.elementor-element-cac491c{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.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-2316 .elementor-element.elementor-element-2f79a40{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-widget-ucaddon_ue_buttons_post_filter .ue_taxonomy_item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_ue_buttons_post_filter .ue_taxonomy_item_num_posts{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_ue_sort_filter label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_ue_sort_filter select{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_ue_sort_filter option{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_ue_listing_grid .ue-no-posts-found{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2316 .elementor-element.elementor-element-e928680 .ue-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:25px;}}@media(max-width:767px){.elementor-2316 .elementor-element.elementor-element-cac491c{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.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-2316 .elementor-element.elementor-element-2f79a40{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2316 .elementor-element.elementor-element-521afe5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-widget-ucaddon_ue_buttons_post_filter .ue_taxonomy_item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_ue_buttons_post_filter .ue_taxonomy_item_num_posts{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2316 .elementor-element.elementor-element-50e3c7f{width:100%;max-width:100%;}.elementor-2316 .elementor-element.elementor-element-50e3c7f.elementor-element{--align-self:center;}.elementor-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy{display:grid;gap:10px;grid-template-columns:repeat(1, minmax(0, 1fr));}.elementor-2316 .elementor-element.elementor-element-50e3c7f .slick-track{gap:10px;}.elementor-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy_item{text-align:center;padding:10px 30px 10px 30px;margin:0px 0px 0px 0px;}.elementor-2316 .elementor-element.elementor-element-50e3c7f .ue_taxonomy_item_num_posts_spacer{width:0px;}.elementor-widget-ucaddon_ue_sort_filter label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_ue_sort_filter select{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_ue_sort_filter option{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2316 .elementor-element.elementor-element-80015dc.elementor-element{--align-self:flex-start;}.elementor-widget-ucaddon_ue_listing_grid .ue-no-posts-found{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2316 .elementor-element.elementor-element-e928680 .ue-grid{grid-template-columns:repeat(1, minmax(0, 1fr));gap:50px;}}/* Start custom CSS for container, class: .elementor-element-cac491c */.elementor-2316 .elementor-element.elementor-element-cac491c::before {
    content: '';
    width: 380px;
    height: fit-content;
    aspect-ratio: 1/1;
    background-color: #72BE44;
    border-radius: 100%;
    opacity: 0.2;
    filter: blur(100px);
    position: absolute;
    left: 15%;
    top: 40%;
}/* End custom CSS */
/* Start custom CSS for ucaddon_ue_buttons_post_filter, class: .elementor-element-50e3c7f */@media (max-width: 767px) {
  /* make sure the outer container allows full horizontal scroll */
  .elementor-element-50e3c7f,
  .elementor-element-50e3c7f .elementor-widget-container,
  #uc_ue_buttons_post_filter_elementor_50e3c7f-container {
    overflow: visible !important;
  }

  /* enable horizontal scroll */
  #uc_ue_buttons_post_filter_elementor_50e3c7f {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;

    /* this is the key part: inner padding so first item not clipped */
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* keep each filter button inline and non-shrinking */
  #uc_ue_buttons_post_filter_elementor_50e3c7f .ue_taxonomy_item {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  /* hide scrollbar (optional) */
  #uc_ue_buttons_post_filter_elementor_50e3c7f::-webkit-scrollbar {
    display: none !important;
  }
}


@media (max-width:400px){
   /* enable horizontal scroll */
  #uc_ue_buttons_post_filter_elementor_50e3c7f {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;

    /* this is the key part: inner padding so first item not clipped */
    padding-left: 80px !important;
    padding-right: 16px !important;
  }  
}


@media (max-width:320px){
   /* enable horizontal scroll */
  #uc_ue_buttons_post_filter_elementor_50e3c7f {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;

    /* this is the key part: inner padding so first item not clipped */
    padding-left: 120px !important;
    padding-right: 16px !important;
  }  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80015dc */#uc_ue_sort_filter_elementor_6cf09bd {
  display: none !important;
}

/* 🎨 Custom sorting dropdown styling with custom arrow */
/* 🎨 Unified bordered style for whole custom sorting */
.custom-sorting {
  display: flex;
  align-items: center;
  gap: 0px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  border: 1px solid #E9E9E9;      /* border around the whole thing */
  border-radius: 50px;             /* rounded shape */
  padding: 2px 16px;               /* inner spacing */
  background-color: #fff;     
  width:100%;
}

.custom-sorting label {
  color: #2F2F2F;
  font-weight: 300;
  white-space: nowrap;
}

.custom-sorting select {
  appearance: none;               /* remove browser default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff; 
border:none;
  font-family: inherit;
  font-size: 16px;
  color: #2F2F2F;
  cursor: pointer;
  transition: all 0.2s ease;
  
  /* custom arrow icon */
  background-image: url("https://optimalsystems.my/wp-content/uploads/2025/11/Vector-47.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px;
  font-weight: 300;
}



.custom-sorting select:focus {
  outline: none;
  border-color: transparent;

}/* End custom CSS */
/* Start custom CSS for ucaddon_ue_listing_grid, class: .elementor-element-e928680 *//* Allow clicking the image link */
.ue-grid-item::after {
    pointer-events: none !important;
}/* End custom CSS */