.elementor-1073 .elementor-element.elementor-element-22d3246{--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;}.elementor-1073 .elementor-element.elementor-element-22d3246:not(.elementor-motion-effects-element-type-background), .elementor-1073 .elementor-element.elementor-element-22d3246 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://htms.com.ph/wp-content/uploads/2025/10/About-Banner.png");background-repeat:no-repeat;background-size:cover;}.elementor-1073 .elementor-element.elementor-element-7e3bb80{--display:flex;--min-height:265px;--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.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-1073 .elementor-element.elementor-element-0f284b6{text-align:center;}.elementor-1073 .elementor-element.elementor-element-0f284b6 .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:54px;font-weight:400;color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1073 .elementor-element.elementor-element-69e6663{text-align:center;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;color:#FFFFFF;}.elementor-1073 .elementor-element.elementor-element-2014163{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1073 .elementor-element.elementor-element-2014163.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1073 .elementor-element.elementor-element-15ef9cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1073 .elementor-element.elementor-element-e96b3db{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;padding:0px 0px 0px 0px;--e-filter-space-between:7px;--e-filter-normal-text-color:#FFFFFF00;--e-filter-hover-text-color:#FFFFFF00;--e-filter-active-text-color:#01287600;--e-filter-item-border-radius:16px 16px 16px 16px;}.elementor-1073 .elementor-element.elementor-element-e96b3db .e-filter-item:hover:not( [aria-pressed=true] ){background-color:#01287600;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1073 .elementor-element.elementor-element-e96b3db .e-filter-item[aria-pressed="true"]{background-color:#FFFFFF00;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1073 .elementor-element.elementor-element-e96b3db .e-filter-item{font-family:"Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;padding:16px 32px 16px 32px;}.elementor-1073 .elementor-element.elementor-element-e96b3db .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#01287633;}.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-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1073 .elementor-element.elementor-element-ab8dcf9{--grid-columns:4;--load-more-button-align:center;}.elementor-1073 .elementor-element.elementor-element-ab8dcf9 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Jakarta Sans", Sans-serif;font-size:14px;font-weight:600;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:24px 24px 24px 24px;padding:15px 36px 15px 36px;}.elementor-1073 .elementor-element.elementor-element-ab8dcf9 .elementor-button:hover, .elementor-1073 .elementor-element.elementor-element-ab8dcf9 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );}.elementor-1073 .elementor-element.elementor-element-ab8dcf9.elementor-element{--align-self:flex-start;}.elementor-1073 .elementor-element.elementor-element-ab8dcf9 .elementor-button:hover svg, .elementor-1073 .elementor-element.elementor-element-ab8dcf9 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-1073 .elementor-element.elementor-element-806f7bc{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:426px){.elementor-1073 .elementor-element.elementor-element-15ef9cc{--content-width:1440px;}}@media(max-width:1439px){.elementor-1073 .elementor-element.elementor-element-7e3bb80{--min-height:180px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1073 .elementor-element.elementor-element-0f284b6 .elementor-heading-title{font-size:44px;}.elementor-1073 .elementor-element.elementor-element-69e6663{text-align:center;font-size:15px;}.elementor-1073 .elementor-element.elementor-element-2014163{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1073 .elementor-element.elementor-element-ab8dcf9{--grid-columns:3;}.elementor-1073 .elementor-element.elementor-element-806f7bc{--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1023px){.elementor-1073 .elementor-element.elementor-element-7e3bb80{--min-height:180px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1073 .elementor-element.elementor-element-0f284b6 .elementor-heading-title{font-size:32px;}.elementor-1073 .elementor-element.elementor-element-69e6663{font-size:14px;}.elementor-1073 .elementor-element.elementor-element-2014163{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1073 .elementor-element.elementor-element-15ef9cc{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1073 .elementor-element.elementor-element-ab8dcf9{--grid-columns:2;}.elementor-1073 .elementor-element.elementor-element-806f7bc{--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:768px){.elementor-1073 .elementor-element.elementor-element-7e3bb80{--min-height:200px;}.elementor-1073 .elementor-element.elementor-element-0f284b6{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1073 .elementor-element.elementor-element-0f284b6 .elementor-heading-title{font-size:30px;}.elementor-1073 .elementor-element.elementor-element-2014163{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1073 .elementor-element.elementor-element-ab8dcf9{--grid-columns:1;}.elementor-1073 .elementor-element.elementor-element-806f7bc{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:425px){.elementor-1073 .elementor-element.elementor-element-22d3246:not(.elementor-motion-effects-element-type-background), .elementor-1073 .elementor-element.elementor-element-22d3246 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-1073 .elementor-element.elementor-element-7e3bb80{--min-height:200px;}.elementor-1073 .elementor-element.elementor-element-0f284b6 .elementor-heading-title{font-size:24px;}.elementor-1073 .elementor-element.elementor-element-2014163{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1073 .elementor-element.elementor-element-ab8dcf9{--grid-columns:1;}.elementor-1073 .elementor-element.elementor-element-806f7bc{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1439px) and (min-width:426px){.elementor-1073 .elementor-element.elementor-element-2014163{--width:1272px;}}/* Start custom CSS for text-editor, class: .elementor-element-69e6663 */.elementor-1073 .elementor-element.elementor-element-69e6663 {
    width: 900px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36ee6c1 *//* ALL BUTTON */
button[data-filter='__all'] {
  color: #012876 !important;
  background-color: #fff !important;
  border-radius: 16px !important;
}

button[data-filter='cliptechnik'],
button[data-filter='foodlogistik'],
button[data-filter='kerres'],
button[data-filter='frey'],
button[data-filter='hitec'],
button[data-filter='niro-tech'],
button[data-filter='wb-busser'],
button[data-filter='cti'] {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  min-width: 100px !important;
  max-width: 200px !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Cliptechnik BUTTON */
button[data-filter='cliptechnik'] {
  background: url(https://htms.com.ph/wp-content/uploads/2025/10/cliptechnk-pro-logo.svg);
}
/* Foodlogistik BUTTON */
button[data-filter='foodlogistik'] {
  background: url(https://htms.com.ph/wp-content/uploads/2025/10/foodlogistik-pro-logo.svg);
}
/* Kerres BUTTON */
button[data-filter='kerres'] {
  background: url(https://htms.com.ph/wp-content/uploads/2025/10/kerres-pro-logo.svg);
}
/* Frey BUTTON */
button[data-filter='frey'] {
  background: url(https://htms.com.ph/wp-content/uploads/2025/10/fre-pro-logo.svg);
}
/* Hitec BUTTON */
button[data-filter='hitec'] {
  background: url(https://htms.com.ph/wp-content/uploads/2025/10/hitec-pro-logo-v2.svg);
}
/* Niro-Tech BUTTON */
button[data-filter='niro-tech'] {
  background: url(https://htms.com.ph/wp-content/uploads/2025/10/nt-pro-logo.svg);
}
/* WB-Busser BUTTON */
button[data-filter='wb-busser'] {
  background: url(https://htms.com.ph/wp-content/uploads/2025/10/wb-pro-logo.svg);
}
/* CTI BUTTON */
button[data-filter='cti'] {
  background: url(https://htms.com.ph/wp-content/uploads/2025/10/cti-pro-logo-2.svg);
}
/* ALL Button PRESSED STATE */
button[data-filter='__all'][aria-pressed='true'] {
  color: #012876 !important;
  box-shadow: #01287624 0px 30px 60px -12px inset, #01287608 0px 18px 36px -18px inset;
  border: 1px solid #25262600 !important;
  border-radius: 16px !important;
}
/* Buttons PRESSED STATE - 3D Effect */
button[data-filter='cliptechnik'][aria-pressed='true'],
button[data-filter='foodlogistik'][aria-pressed='true'],
button[data-filter='kerres'][aria-pressed='true'],
button[data-filter='frey'][aria-pressed='true'],
button[data-filter='hitec'][aria-pressed='true'],
button[data-filter='niro-tech'][aria-pressed='true'],
button[data-filter='wb-busser'][aria-pressed='true'],
button[data-filter='cti'][aria-pressed='true'] {
  box-shadow: #01287624 0px 30px 60px -12px inset, #01287608 0px 18px 36px -18px inset;
  border: 1px solid #25262600 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ab8dcf9 */.elementor-widget-loop-grid .elementor-grid {
    grid-row-gap: 80px !important;
    grid-column-gap: 30px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8ca5a7 *//* Arrow Navigation Styles */
.arrow-navigation-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
}

.arrow-nav-button {
  position: absolute;
  top: 0%;
  transform: translateY(40%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  background: #01287600 !important;
  width: 20px;
  height: 0px !important;
}

.arrow-nav-button:hover {
  background: #01287600 !important;
}

.arrow-nav-button:active {
  background: #01287600 !important;
}

.arrow-nav-button:disabled {
  opacity: 0.7;
}

.arrow-nav-button:disabled:hover {
  background: #01287600 !important;
}

.arrow-nav-left {
  left: -20px;
}

.arrow-nav-right {
  right: -20px;
}

.arrow-nav-icon {
  background: #808080;
  width: 40px;
  height: 40px;
  fill: #fff;
  overflow: clip !important;
  border-radius: 36px;
  padding: 5px;
}

.arrow-nav-button:hover .arrow-nav-icon {
  background: #012876;
}

.arrow-nav-button:disabled .arrow-nav-icon {
  opacity: 0.7;
}

.arrow-nav-button:disabled .arrow-nav-icon:hover {
  background: #808080;
}

/* Filter container adjustments */
.e-filter {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 40px; /* Make room for arrows */
  scroll-behavior: smooth;
  white-space: nowrap;
}

.e-filter-items-container {
  display: flex;
  gap: 10px;
  padding: 10px 0;
}

/* Smooth scrolling animation */
.e-filter.smooth-scroll {
  scroll-behavior: smooth;
}

/* Hide scrollbar but keep functionality */
.e-filter {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.e-filter::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* Sliding animation enhancement */
.e-filter.sliding {
  transition: scroll-left 0.5s ease-in-out;
}

/* Responsive adjustments */
@media (max-width: 900px) {
  .arrow-nav-button {
    display: none;
  }
  .e-filter {
    padding: 0;
  }
}

/* Animation for smooth scrolling */
.e-filter-items-container.smooth-scroll {
  scroll-behavior: smooth;
}

/* Hide scrollbar but keep functionality */
.e-filter {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.e-filter::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-806f7bc */@media screen and (min-width: 1px) and (max-width: 1023px) {
  .elementor-572 .elementor-element.elementor-element-36487d4,
  .elementor-572 .elementor-element.elementor-element-d8e6e68 {
    color: #5b5b5d !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rubik';
	font-display: auto;
	src: url('https://htms.com.ph/wp-content/uploads/2025/10/Rubik-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Jakarta Sans';
	font-display: auto;
	src: url('https://htms.com.ph/wp-content/uploads/2025/10/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */