.elementor-13236 .elementor-element.elementor-element-5c2b6f84{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13236 .elementor-element.elementor-element-5c2b6f84:not(.elementor-motion-effects-element-type-background), .elementor-13236 .elementor-element.elementor-element-5c2b6f84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#292424;}.elementor-13236 .elementor-element.elementor-element-adcc6a9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-adcc6a9 */.mega-container {
      max-width: 800px;
      width: 790px;
      margin: auto;
      background: #fff;
      display: flex;
      flex-wrap: wrap;
    }

    .left-section {
      width: 550px;
      max-width: 550px;
      display: flex;
      min-width: 0;
    }

    .right-section {
      /*width: 100%;*/
      max-width: 470px;
      background:
      #F3F5F9;
      display: flex;
      min-width: 0;
      /*max-width: 300px;*/
    }

    .mega-left,
    .mega-right,
    .mega-left-2,
    .mega-right-2 {
      flex: 1;
      display: flex;
      flex-direction: column;
      padding: 20px;
      min-width: 0;
    }

    .mega-left {
      border-right: 1px solid #EFEFEF;
      background: #FFF;
      padding-left: 20px;
    }

    .mega-right {
      background: #FFF;
    }

    .mega-left-2 {
      padding-right: 20px;
    }

    .mega-right-2 {
      padding-right: 20px;
      padding-left: 16px;
    }

   

    

    .mega-heading {
      color: #0077B5;
      font-family: 'Figtree', sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      text-transform: uppercase;
      margin-bottom: 16px;
      padding-bottom: 8px;
    }

    .mega-heading-wrapper {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      position: relative;
      white-space: nowrap;
    }

    .mega-heading-wrapper::after {
      content: '';
      width: 100%;
      height: 2px;
      background: #0177B5;
      position: absolute;
      bottom: -8px;
      left: 0;
    }

    .mega-heading img {
      width: 10px;
      height: 10px;
      margin-top: 2px;
      flex-shrink: 0;
    }

    .mega-heading-2 {
      padding-left: 11px;
    }

    .mega-section {
      display: flex;
      flex-direction: column;
    }

    .mega-item,
    .mega-item-right {
      padding: 0;
      border-bottom: 1px solid #EFEFEF;
    }

    .mega-item a,
    .mega-item-right a {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px;
      text-decoration: none;
      min-width: 0;
    }

    .mega-icon-box {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: #F9FAFB;
      border-radius: 8px;
      width: 48px;
      height: 48px;
    }

    .mega-text {
      color: #393E4E;
      font-family: 'Figtree', sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      white-space: nowrap;
    }

    .mega-icon {
      width: 48px;
      height: 48px;
      display: block;
    }

    .hide-water {
      display: none;
    }

    a.heading-mega-menu-p {
      color: #0077B5;
      font-family: Figtree;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      text-transform: uppercase;
      text-decoration: none;
    }
    

    /* Responsive adjustments for medium screens */
    @media (max-width: 1399px) and (min-width: 992px) {
      .mega-container {
        max-width: 100%;
      }
      
      .mega-text {
        font-size: 13px;
      }
      
      .mega-item a,
      .mega-item-right a {
        gap: 8px;
        padding: 10px;
      }

      .mega-left,
      .mega-right,
      .mega-left-2,
      .mega-right-2 {
        padding: 15px;
      }
    }

    @media (min-width: 1400px) {
      .mega-container {
       max-width: 100%;
       min-width: 1000px;
      }
     .elementor-2661 .elementor-element.elementor-element-376190d9 .wpr-nav-menu-horizontal .wpr-nav-menu .wpr-sub-mega-menu {
    
    width: 1000px;
}
        
    }

    @media (max-width: 991px) {
      .mega-container {
        max-width: 100%;
      }
      
      .left-section,
      .right-section {
        width: 100%;
      }

      .mega-left {
        border-right: none;
        border-bottom: 1px solid #EFEFEF;
      }
    }

    @media (max-width: 767.98px) {
      .mega-container {
        flex-direction: column !important;
      }

      .left-section,
      .right-section {
        width: 100% !important;
      }

      .left-section {
        flex-direction: column;
      }

      .right-section {
        flex-direction: column;
      }

      .mega-left,
      .mega-left-2,
      .mega-right,
      .mega-right-2 {
        width: 100% !important;
        border-right: none !important;
      }

      .mega-left {
        border-bottom: 1px solid #EFEFEF;
      }

      .mega-right {
        border-bottom: 1px solid #EFEFEF;
      }

      .mega-text {
        white-space: normal;
      }
    }
    
    
    
    
    .mega-icon-box img{
        max-height: 48px;
        max-width:45px;
       
    }
    
    .mega-left-2 
    .mega-icon-box img{
        max-height: 48px;
         max-width: 30px;
           max-width:25px;
       
    }
    
     .mega-left-2 
    .mega-icon-box .wrench-belt{
        max-width:45px;
    }
    
    
    .mega-left-2 
    .mega-icon-box .pump-guard{
         max-width:15px;
         height: 100%;
    }
    
    
    
    .mega-left-2 
    .mega-icon-box .adapters{
        max-width: 35px;
    }
    
    
    
    /* Remove arrow image from Accessories heading */


  .mega-left-2  .mega-item-right a {
       padding-top: 17px;
       padding-bottom: 17px;
  }
  
    .mega-left-2  .mega-item-right{
        border-color:   #c7c0c0 ;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c2b6f84 *//* Fix mega menu overflow between 1025px and 1500px */
@media (min-width: 1025px) and (max-width: 1500px) {
  li.menu-item[data-id="2709"] > .wpr-sub-mega-menu {
    width: 770px !important;
    max-width: 790px !important;
  }
}/* End custom CSS */