.elementor-1938 .elementor-element.elementor-element-52f3b8b{--display:flex;--min-height:450px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1938 .elementor-element.elementor-element-52f3b8b:not(.elementor-motion-effects-element-type-background), .elementor-1938 .elementor-element.elementor-element-52f3b8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://glovemasters.pk/wp-content/uploads/2026/03/Assembly-Gloves-Banner-copy.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1938 .elementor-element.elementor-element-52f3b8b::before, .elementor-1938 .elementor-element.elementor-element-52f3b8b > .elementor-background-video-container::before, .elementor-1938 .elementor-element.elementor-element-52f3b8b > .e-con-inner > .elementor-background-video-container::before, .elementor-1938 .elementor-element.elementor-element-52f3b8b > .elementor-background-slideshow::before, .elementor-1938 .elementor-element.elementor-element-52f3b8b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1938 .elementor-element.elementor-element-52f3b8b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1938 .elementor-element.elementor-element-3d35a4e5{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1938 .elementor-element.elementor-element-3d35a4e5 .elementskit-section-title-wraper .elementskit-section-title{color:#F6F3EE;margin:0px 0px 0px 0px;font-family:"Oswald", Sans-serif;font-size:48px;font-weight:700;line-height:80px;}.elementor-1938 .elementor-element.elementor-element-3d35a4e5 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;padding:0px 0px 0px 0px;}.elementor-1938 .elementor-element.elementor-element-3d35a4e5 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1938 .elementor-element.elementor-element-3d35a4e5 .elementskit-section-title-wraper .elementskit-section-subtitle{color:#F28C1C;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;letter-spacing:5px;margin:0px 0px 0px 0px;}.elementor-1938 .elementor-element.elementor-element-3d35a4e5 .elementskit-section-title-wraper p{color:#A3AAAF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;margin:0px 0px 0px 0px;}.elementor-1938 .elementor-element.elementor-element-4acf976d{--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;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1938 .elementor-element.elementor-element-6067e4c6{--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-1938 .elementor-element.elementor-element-41983592{--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-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-1938 .elementor-element.elementor-element-7dca67b9{--grid-columns:3;}.elementor-1938 .elementor-element.elementor-element-7dca67b9 > .elementor-widget-container{margin:0px 0px 50px 0px;padding:0px 0px 0px 0px;}.elementor-1938 .elementor-element.elementor-element-7dca67b9 .elementor-pagination{text-align:center;font-family:"Inter", Sans-serif;font-weight:400;margin-top:35px;}.elementor-1938 .elementor-element.elementor-element-7dca67b9 .elementor-pagination .page-numbers:not(.dots){color:#1D2530;}.elementor-1938 .elementor-element.elementor-element-7dca67b9 .elementor-pagination a.page-numbers:hover{color:#EA8935;}.elementor-1938 .elementor-element.elementor-element-7dca67b9 .elementor-pagination .page-numbers.current{color:#EA8935;}body:not(.rtl) .elementor-1938 .elementor-element.elementor-element-7dca67b9 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 15px/2 );}body:not(.rtl) .elementor-1938 .elementor-element.elementor-element-7dca67b9 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 15px/2 );}body.rtl .elementor-1938 .elementor-element.elementor-element-7dca67b9 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 15px/2 );}body.rtl .elementor-1938 .elementor-element.elementor-element-7dca67b9 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 15px/2 );}@media(min-width:768px){.elementor-1938 .elementor-element.elementor-element-4acf976d{--content-width:1430px;}.elementor-1938 .elementor-element.elementor-element-6067e4c6{--width:20%;}.elementor-1938 .elementor-element.elementor-element-41983592{--width:80%;}}@media(max-width:1024px){.elementor-1938 .elementor-element.elementor-element-7dca67b9{--grid-columns:2;}}@media(max-width:767px){.elementor-1938 .elementor-element.elementor-element-7dca67b9{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-2167d639 *//* Main container */
.cat-box {
  background: #f5f5f5;
  padding: 18px;
  border-radius: 6px;
  width: 100%;
  font-family: 'Inter', sans-serif;
}

/* Header */
.cat-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
}

.cat-title {
  font-size: 16px;
  margin: 0;
  font-weight: 600;
}

.cat-icon {
  color: #EA8935;
}

/* Categories List */
.cat-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Individual item */
.cat-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  transition: 0.3s;
}

/* Hover effect */
.cat-item a:hover {
  background: #8b5a2b;
  color: #fff;
}

/* Active category */
.cat-item.active a {
  background: #8b5a2b;
  color: #fff;
}

/* Count badge */
.cat-count {
  background: #e0e0e0;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}

/* Active count badge */
.cat-item.active .cat-count,
.cat-item a:hover .cat-count {
  background: #cfa77a;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d7c257b */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

.sidebar-filters {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 300px;
  font-family: 'Inter', sans-serif;
}

.filter-card {
  background-color: #f8f7f5; /* Light cream/grey background */
  border: 1px solid #e5e1dc;
  border-radius: 4px;
  padding: 16px;
}

.heading-sm {
  font-size: 16px; /* Requested size */
  font-weight: 800;
  color: #1a1a1a;
  margin: 0;
}

/* Sort By Styles */
.accordion-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.chevron.down::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #945d25;
  border-bottom: 2px solid #945d25;
  transform: rotate(45deg);
  margin-bottom: 4px;
}

.select-wrapper {
  position: relative;
}

.custom-select {
  width: 100%;
  padding: 10px 12px;
  border: 2px solid #945d25; /* Brown border from image */
  border-radius: 4px;
  background-color: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #333;
  appearance: none; /* Removes default arrow to custom style it later if needed */
}

/* Materials List Styles */
.material-list {
  list-style: none;
  padding: 0;
  margin: 16px 0 0 0;
}

.material-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #7d7771;
  margin-bottom: 10px;
  cursor: pointer;
}

.dot {
  width: 8px;
  height: 8px;
  background-color: #c4a484; /* Muted tan/brown dot */
  border-radius: 50%;
  display: inline-block;
}

.material-list li:hover {
  color: #1a1a1a;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f085c95 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

:root {
  --bg-light: #f9f8f6;
  --bg-dark: #1c1917;
  --border-light: #e5e1dc;
  --text-muted: #a8a29e;
  --accent-brown: #c4863d;
}

.sidebar-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 320px;
  font-family: 'Inter', sans-serif;
}

.card {
  border-radius: 6px;
  padding: 20px;
  border: 1px solid var(--border-light);
}

.heading-md {
  font-size: 16px; /* Updated Size */
  font-weight: 800;
  margin: 0 0 16px 0;
  letter-spacing: -0.01em;
}

/* Certifications Styles */
.cert-card {
  background-color: var(--bg-light);
}

.badge-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.badge {
  background-color: #fdf5eb;
  border: 1px solid #f2e1cc;
  color: var(--accent-brown);
  padding: 5px 12px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
}

/* Quick Stats Styles */
.stats-card {
  background-color: var(--bg-dark);
  color: #ffffff;
  border: none;
}

.stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #2e2a27;
}

.stat-row:last-child {
  border-bottom: none;
}

.label {
  color: var(--text-muted);
  font-size: 14px;
}

.value {
  font-weight: 700;
  font-size: 15px;
}

.rating-value {
  display: flex;
  align-items: center;
  gap: 4px;
}

.star {
  color: #fbbf24;
  font-size: 12px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cc7180d */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

.quote-box {
  background-color: #f3ece4; /* Light beige background */
  border: 1px solid #d3c9bc;
  border-radius: 8px;
  padding: 32px 24px;
  text-align: center;
  max-width: 380px;
  font-family: 'Inter', sans-serif;
}

.quote-box h2 {
  font-size: 16px; /* Requested size */
  font-weight: 700;
  color: #33302c;
  margin: 0 0 12px 0;
  text-transform: none;
}

.quote-box p {
  font-size: 12px;
  color: #8c857e;
  line-height: 1.4;
  margin: 0 0 24px 0;
}

.quote-box button {
  background-color: #945d25; /* Cognac/Brown color */
  color: #ffffff;
  border: none;
  border-radius: 4px;
  padding: 14px 20px;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.quote-box button:hover {
  background-color: #7a4d1f;
}/* End custom CSS */