.elementor-4851 .elementor-element.elementor-element-e7231a4:not(.elementor-motion-effects-element-type-background), .elementor-4851 .elementor-element.elementor-element-e7231a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://bullmansafety.com/wp-content/uploads/2025/06/Frame-70.webp");}.elementor-4851 .elementor-element.elementor-element-e7231a4 > .elementor-background-overlay{background-color:#434144;opacity:0.89;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4851 .elementor-element.elementor-element-e7231a4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-4851 .elementor-element.elementor-element-7d16dce{text-align:center;}.elementor-4851 .elementor-element.elementor-element-7d16dce .elementor-heading-title{font-size:42px;color:#FFFFFF;}.elementor-4851 .elementor-element.elementor-element-5589d3f > .elementor-container{max-width:1500px;}.elementor-4851 .elementor-element.elementor-element-5589d3f{padding:50px 0px 0px 0px;}.elementor-4851 .elementor-element.elementor-element-39024cd > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-4851 .elementor-element.elementor-element-39024cd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4851 .elementor-element.elementor-element-39024cd.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-4851 .elementor-element.elementor-element-2db4144 > .elementor-container{max-width:1500px;}.elementor-4851 .elementor-element.elementor-element-2db4144{padding:50px 0px 0px 0px;}.elementor-4851 .elementor-element.elementor-element-bf93bde{padding:0px 0px 50px 0px;}.elementor-4851 .elementor-element.elementor-element-40fd34a .elementor-tab-title, .elementor-4851 .elementor-element.elementor-element-40fd34a .elementor-tab-title:before, .elementor-4851 .elementor-element.elementor-element-40fd34a .elementor-tab-title:after, .elementor-4851 .elementor-element.elementor-element-40fd34a .elementor-tab-content, .elementor-4851 .elementor-element.elementor-element-40fd34a .elementor-tabs-content-wrapper{border-width:1px;}.elementor-4851 .elementor-element.elementor-element-40fd34a .elementor-tab-title.elementor-active,
					 .elementor-4851 .elementor-element.elementor-element-40fd34a .elementor-tab-title.elementor-active a{color:#764D24;}@media(max-width:1024px){.elementor-4851 .elementor-element.elementor-element-39024cd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4851 .elementor-element.elementor-element-39024cd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for tabs, class: .elementor-element-40fd34a */.elementor-tabs {margin-bottom:40px;}
/* flex wrapper = nice horizontal row */
.elementor-tabs-wrapper{
  display:flex;
  border-bottom:2px solid #764d24;
  gap:4px;
}
/* single tab */
.elementor-tab-title{
  position:relative;
  padding:12px 24px;
  font-size:16px;
  font-weight:600;
  color:#000;
  cursor:pointer;
  transition:color .3s ease;
  user-select:none;
}
/* hover / active text colour */
.elementor-tab-title:hover,
.elementor-tab-title.elementor-active{color:#764d24;}
/* underline “slider” */
.elementor-tab-title::after{
  content:"";
  position:absolute;
  left:0; bottom:-2px;
  height:2px; width:0;
  background:#764d24;          /* ← change to brand colour */
  transition:width .3s ease;
}
.elementor-tab-title:hover::after,
.elementor-tab-title.elementor-active::after{width:100%;}
/* smooth fade-in for tab content */
.elementor-tab-content{animation:fadeIn .4s ease;}
@keyframes fadeIn{
  from{opacity:0;transform:translateY(10px);}
  to  {opacity:1;transform:translateY(0);}
}

/* ───────────────────────────────────────────────
   3. RESPONSIVE – HORIZONTAL SCROLL ON MOBILE
   ─────────────────────────────────────────────── */
@media (max-width:768px){
  .elementor-tabs-wrapper{
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;         /* Firefox */
  }
  .elementor-tabs-wrapper::-webkit-scrollbar{display:none;} /* Chrome */
  .elementor-tab-title{flex:0 0 auto;}
  .woocommerce ul.products li.product a img{height:200px;}  /* shorter img on mobile */
}/* End custom CSS */