.elementor-4317 .elementor-element.elementor-element-dc87df9{--display:flex;--min-height:50vh;--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:0.3;}.elementor-4317 .elementor-element.elementor-element-dc87df9:not(.elementor-motion-effects-element-type-background), .elementor-4317 .elementor-element.elementor-element-dc87df9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chemiserv.com.my/wp-content/uploads/2026/04/27044.jpg");background-position:center center;background-size:cover;}.elementor-4317 .elementor-element.elementor-element-dc87df9::before, .elementor-4317 .elementor-element.elementor-element-dc87df9 > .elementor-background-video-container::before, .elementor-4317 .elementor-element.elementor-element-dc87df9 > .e-con-inner > .elementor-background-video-container::before, .elementor-4317 .elementor-element.elementor-element-dc87df9 > .elementor-background-slideshow::before, .elementor-4317 .elementor-element.elementor-element-dc87df9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4317 .elementor-element.elementor-element-dc87df9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--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-4317 .elementor-element.elementor-element-7555ce0{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:center;}.elementor-4317 .elementor-element.elementor-element-7555ce0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:55px;font-weight:800;color:#FFFFFF;}.elementor-4317 .elementor-element.elementor-element-35aa27e{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4317 .elementor-element.elementor-element-5eb9937{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4317 .elementor-element.elementor-element-47a0068{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4317 .elementor-element.elementor-element-cf753aa{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4317 .elementor-element.elementor-element-c91a4d2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4317 .elementor-element.elementor-element-f6b669b{--cols:3;--product-excerpt-lines:2;}.elementor-4317 .elementor-element.elementor-element-f6b669b .etheme-product-list-content .woocommerce-product-details__short-description{display:block;height:calc(var(--product-excerpt-lines) * 3ex);line-height:3ex;overflow:hidden;}.elementor-4317 .elementor-element.elementor-element-f6b669b .etheme-product-list-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;}.elementor-4317 .elementor-element.elementor-element-f6b669b .etheme-product-list-title a{color:#000000;}.elementor-4317 .elementor-element.elementor-element-f6b669b .woocommerce-product-details__short-description{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;color:var( --e-global-color-18bd6c5 );}.elementor-4317 .elementor-element.elementor-element-ff29787{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4317 .elementor-element.elementor-element-fe322b1{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4317 .elementor-element.elementor-element-b4adf2d{--cols:4;}.elementor-4317 .elementor-element.elementor-element-b4adf2d .etheme-elementor-pagination ul .page-numbers:hover, .elementor-4317 .elementor-element.elementor-element-b4adf2d .etheme-elementor-pagination ul .current, .elementor-4317 .elementor-element.elementor-element-b4adf2d .etheme-elementor-pagination ul .page-numbers:focus{background-color:var( --e-global-color-18bd6c5 );}.elementor-4317 .elementor-element.elementor-element-b4adf2d .etheme-product-grid-categories{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;color:var( --e-global-color-18bd6c5 );}.elementor-4317 .elementor-element.elementor-element-b4adf2d .etheme-product-grid-categories a{color:var( --e-global-color-18bd6c5 );}.elementor-4317 .elementor-element.elementor-element-b4adf2d .etheme-product-grid-title{font-family:"Inter", Sans-serif;font-size:18px;}.elementor-4317 .elementor-element.elementor-element-75a753a{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-color:var( --e-global-color-18bd6c5 );}.elementor-4317 .elementor-element.elementor-element-75a753a > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4317 .elementor-element.elementor-element-75a753a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#0C3156;}.elementor-4317 .elementor-element.elementor-element-75a753a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4317 .elementor-element.elementor-element-75a753a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0C3156;}.elementor-4317 .elementor-element.elementor-element-75a753a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:2px 2px 2px 2px;border-color:#0C3156;}.elementor-4317 .elementor-element.elementor-element-75a753a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Sans-serif;font-weight:600;}.elementor-4317 .elementor-element.elementor-element-75a753a [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-18bd6c5 );}.elementor-4317 .elementor-element.elementor-element-9e1c8ec{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4317 .elementor-element.elementor-element-b941f82{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4317 .elementor-element.elementor-element-3dc0e08{--cols:4;}.elementor-4317 .elementor-element.elementor-element-17f27e3{--display:flex;}@media(min-width:768px){.elementor-4317 .elementor-element.elementor-element-35aa27e{--content-width:1440px;}.elementor-4317 .elementor-element.elementor-element-cf753aa{--content-width:1440px;}.elementor-4317 .elementor-element.elementor-element-9e1c8ec{--content-width:1440px;}}@media(max-width:767px){.elementor-4317 .elementor-element.elementor-element-dc87df9{--min-height:35vh;}.elementor-4317 .elementor-element.elementor-element-7555ce0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4317 .elementor-element.elementor-element-7555ce0 .elementor-heading-title{font-size:35px;}.elementor-4317 .elementor-element.elementor-element-35aa27e{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-4317 .elementor-element.elementor-element-cf753aa{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-4317 .elementor-element.elementor-element-f6b669b{--cols:2;}.elementor-4317 .elementor-element.elementor-element-b4adf2d{--cols:2;}.elementor-4317 .elementor-element.elementor-element-75a753a{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-4317 .elementor-element.elementor-element-9e1c8ec{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-4317 .elementor-element.elementor-element-3dc0e08{--cols:2;}}/* Start custom CSS for html, class: .elementor-element-6316230 *//* ==============================
   Chem Filter Bar - Desktop
============================== */
.chem-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-bottom: 28px;
}

.chem-search-input {
  flex: 1 1 280px;
  min-width: 240px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  outline: none;
  box-shadow: none;
  width: 100%;
}

.chem-alpha-filter {
  flex: 0 0 240px;
  min-width: 220px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  outline: none;
  box-shadow: none;
}

.chem-reset-btn {
  height: 48px;
  padding: 0 22px;
  border: 1px solid #1e73be;
  border-radius: 8px;
  background: #fff;
  color: #1e73be;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.chem-reset-btn:hover {
  opacity: 0.9;
}

/* ==============================
   Tablet
============================== */
@media (max-width: 1024px) {
  .chem-filter-bar {
    gap: 12px;
  }

  .chem-search-input {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .chem-alpha-filter {
    flex: 1 1 calc(50% - 6px);
    min-width: unset;
  }

  .chem-reset-btn {
    flex: 1 1 calc(50% - 6px);
    justify-content: center;
    text-align: center;
  }
}

/* ==============================
   Mobile
============================== */
@media (max-width: 767px) {
  .chem-filter-bar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 20px;
  }

  .chem-search-input,
  .chem-alpha-filter,
  .chem-reset-btn {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    height: 44px;
    font-size: 15px;
  }

  .chem-search-input,
  .chem-alpha-filter {
    padding: 0 14px;
  }

  .chem-reset-btn {
    padding: 0 16px;
  }
}

input.dokan-form-control, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url] {
    height: 48px;
    line-height: 2rem;
    padding: 0 1.07em;
    -webkit-appearance: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6316230 *//* ==============================
   Chem Filter Bar - Desktop
============================== */
.chem-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-bottom: 28px;
}

.chem-search-input {
  flex: 1 1 280px;
  min-width: 240px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  outline: none;
  box-shadow: none;
  width: 100%;
}

.chem-alpha-filter {
  flex: 0 0 240px;
  min-width: 220px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  outline: none;
  box-shadow: none;
}

.chem-reset-btn {
  height: 48px;
  padding: 0 22px;
  border: 1px solid #1e73be;
  border-radius: 8px;
  background: #fff;
  color: #1e73be;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.chem-reset-btn:hover {
  opacity: 0.9;
}

/* ==============================
   Tablet
============================== */
@media (max-width: 1024px) {
  .chem-filter-bar {
    gap: 12px;
  }

  .chem-search-input {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .chem-alpha-filter {
    flex: 1 1 calc(50% - 6px);
    min-width: unset;
  }

  .chem-reset-btn {
    flex: 1 1 calc(50% - 6px);
    justify-content: center;
    text-align: center;
  }
}

/* ==============================
   Mobile
============================== */
@media (max-width: 767px) {
  .chem-filter-bar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 20px;
  }

  .chem-search-input,
  .chem-alpha-filter,
  .chem-reset-btn {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    height: 44px;
    font-size: 15px;
  }

  .chem-search-input,
  .chem-alpha-filter {
    padding: 0 14px;
  }

  .chem-reset-btn {
    padding: 0 16px;
  }
}

input.dokan-form-control, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url] {
    height: 48px;
    line-height: 2rem;
    padding: 0 1.07em;
    -webkit-appearance: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6316230 *//* ==============================
   Chem Filter Bar - Desktop
============================== */
.chem-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-bottom: 28px;
}

.chem-search-input {
  flex: 1 1 280px;
  min-width: 240px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  outline: none;
  box-shadow: none;
  width: 100%;
}

.chem-alpha-filter {
  flex: 0 0 240px;
  min-width: 220px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  outline: none;
  box-shadow: none;
}

.chem-reset-btn {
  height: 48px;
  padding: 0 22px;
  border: 1px solid #1e73be;
  border-radius: 8px;
  background: #fff;
  color: #1e73be;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.chem-reset-btn:hover {
  opacity: 0.9;
}

/* ==============================
   Tablet
============================== */
@media (max-width: 1024px) {
  .chem-filter-bar {
    gap: 12px;
  }

  .chem-search-input {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .chem-alpha-filter {
    flex: 1 1 calc(50% - 6px);
    min-width: unset;
  }

  .chem-reset-btn {
    flex: 1 1 calc(50% - 6px);
    justify-content: center;
    text-align: center;
  }
}

/* ==============================
   Mobile
============================== */
@media (max-width: 767px) {
  .chem-filter-bar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 20px;
  }

  .chem-search-input,
  .chem-alpha-filter,
  .chem-reset-btn {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    height: 44px;
    font-size: 15px;
  }

  .chem-search-input,
  .chem-alpha-filter {
    padding: 0 14px;
  }

  .chem-reset-btn {
    padding: 0 16px;
  }
}

input.dokan-form-control, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url] {
    height: 48px;
    line-height: 2rem;
    padding: 0 1.07em;
    -webkit-appearance: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e5aa62 *//* ==============================
   Chem Filter Bar - Desktop
============================== */
.chem-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-bottom: 28px;
}

.chem-search-input {
  flex: 1 1 280px;
  min-width: 240px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  outline: none;
  box-shadow: none;
  width: 100%;
}

.chem-alpha-filter {
  flex: 0 0 240px;
  min-width: 220px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  outline: none;
  box-shadow: none;
}

.chem-reset-btn {
  height: 48px;
  padding: 0 22px;
  border: 1px solid #1e73be;
  border-radius: 8px;
  background: #fff;
  color: #1e73be;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.chem-reset-btn:hover {
  opacity: 0.9;
}

/* ==============================
   Tablet
============================== */
@media (max-width: 1024px) {
  .chem-filter-bar {
    gap: 12px;
  }

  .chem-search-input {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .chem-alpha-filter {
    flex: 1 1 calc(50% - 6px);
    min-width: unset;
  }

  .chem-reset-btn {
    flex: 1 1 calc(50% - 6px);
    justify-content: center;
    text-align: center;
  }
}

/* ==============================
   Mobile
============================== */
@media (max-width: 767px) {
  .chem-filter-bar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 20px;
  }

  .chem-search-input,
  .chem-alpha-filter,
  .chem-reset-btn {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    height: 44px;
    font-size: 15px;
  }

  .chem-search-input,
  .chem-alpha-filter {
    padding: 0 14px;
  }

  .chem-reset-btn {
    padding: 0 16px;
  }
}

input.dokan-form-control, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url] {
    height: 48px;
    line-height: 2rem;
    padding: 0 1.07em;
    -webkit-appearance: none;
}/* End custom CSS */