[et_pb_section fb_built="1" custom_padding_last_edited="off|desktop" admin_label="Section - Smooth Header #5 (Divicio.us) " _builder_version="4.27.4" _module_preset="default" background_color="#ffffff" positioning="fixed" position_origin_f="top_center" z_index="999" height="126px" overflow-x="visible" overflow-y="visible" custom_padding="0px||0px||false|false" custom_padding_tablet="||||false|false" custom_padding_phone="||||false|false" box_shadow_style="preset3" box_shadow_color="rgba(0,0,0,0.1)" collapsed="off" global_colors_info="{}"][et_pb_row column_structure="1_5,3_5,1_5" use_custom_gutter="on" gutter_width="1" make_equal="on" custom_padding_last_edited="on|phone" _builder_version="4.27.4" _module_preset="4a153c85-c582-4053-881c-7716405bd684" background_color="RGBA(255,255,255,0)" z_index="1" width="100%" module_alignment="center" overflow-x="visible" overflow-y="visible" custom_margin="31px||||false|false" custom_padding="0px|25px|0px|25px|true|true" custom_padding_tablet="0px|0px|0px|0px|true|true" custom_padding_phone="0px|0px|0px|0px|true|true" hover_enabled="0" custom_css_main_element="display: flex;" global_colors_info="%91%93" sticky_enabled="0"][et_pb_column type="1_5" _builder_version="4.22.0" _module_preset="default" global_colors_info="{}"][et_pb_image src="https://www.cembenchmarking.com/wp-content/uploads/2024/11/CEMBenchmarking_logo_RGB_transparent-1-1.png" title_text="CEM Benchmarking logo RGB transparent PNG" _builder_version="4.27.4" _module_preset="default" width="54%" max_width_tablet="" max_width_phone="150px" max_width_last_edited="on|desktop" module_alignment="left" global_colors_info="%91%93"][/et_pb_image][/et_pb_column][et_pb_column type="3_5" _builder_version="4.22.0" _module_preset="default" custom_css_main_element="display: flex;||align-items: center;||justify-content: center;" global_colors_info="{}" custom_css_main_element_last_edited="on|tablet" custom_css_main_element_tablet="width: auto !important;||justify-content: flex-end;" custom_css_main_element_phone="width: auto !important;||justify-content: flex-end;"][et_pb_menu menu_id="4" menu_style="centered" active_link_color="gcid-primary-color" dropdown_menu_bg_color="RGBA(255,255,255,0)" dropdown_menu_line_color="RGBA(255,255,255,0)" dropdown_menu_text_color="#2c3333" dropdown_menu_active_link_color="#EDAE49" mobile_menu_bg_color="#e7f6f2" mobile_menu_text_color="#2c3333" logo_url="https://www.divicio.us/" logo_width="200px" cart_icon_color="#FFFFFF" search_icon_color="#FFFFFF" menu_icon_color="#FFFFFF" search_icon_font_size="20px" mobile_menu_bg_color_tablet="#e7f6f2" mobile_menu_bg_color_phone="#e7f6f2" mobile_menu_bg_color_last_edited="on|phone" logo_last_edited="off|desktop" logo_width_tablet="200px" logo_width_phone="77px" logo_width_last_edited="on|phone" search_icon_color_last_edited="off|tablet" _builder_version="4.27.4" _module_preset="default" menu_font="Barlow|--et_global_heading_font_weight|||||||" menu_text_color="gcid-body-color" menu_font_size="17px" menu_letter_spacing="2px" background_color="RGBA(255,255,255,0)" background_pattern_repeat_origin="bottom_right" module_alignment="center" overflow-x="visible" overflow-y="visible" custom_margin="0px||0px||false|false" custom_margin_tablet="3px||||false|false" custom_margin_phone="3px||||false|false" custom_margin_last_edited="on|phone" custom_padding="0px|0px|0px|0px|false|true" custom_padding_tablet="|10px|||false|false" custom_padding_phone="|10px|||false|false" custom_padding_last_edited="on|phone" hover_enabled="0" custom_css_main_element="position: absolute !important;||top: 50% !important;||left: 50% !important;||transform: translateY(-50%) translateX(0%) !important;" global_colors_info="{%22gcid-primary-color%22:%91%22active_link_color%22%93,%22gcid-body-color%22:%91%22menu_text_color%22%93}" sticky_enabled="0"][/et_pb_menu][et_pb_code disabled_on="off|off|off" admin_label="Code - CSS" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"]<style type="text/css"><!-- [et_pb_line_break_holder] -->  /* desktop menu */<!-- [et_pb_line_break_holder] -->  .et_pb_menu.dvcs_free_header_7 .et_pb_menu__menu {<!-- [et_pb_line_break_holder] -->      flex: 1 0 auto !important;<!-- [et_pb_line_break_holder] -->      justify-content: center !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* mobile menu */<!-- [et_pb_line_break_holder] -->  .et_pb_menu.dvcs_free_header_7 .et_mobile_menu {<!-- [et_pb_line_break_holder] -->      max-height: 75vh;<!-- [et_pb_line_break_holder] -->      overflow-y: auto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @media all and (max-width: 980px){<!-- [et_pb_line_break_holder] -->      .et_pb_menu.dvcs_free_header_7 .et_mobile_menu {<!-- [et_pb_line_break_holder] -->          border-radius: 0px;<!-- [et_pb_line_break_holder] -->          width: 260px !important;<!-- [et_pb_line_break_holder] -->          top: calc(100% + 8px) !important;<!-- [et_pb_line_break_holder] -->          transform: translateX(-50%);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @media all and (max-width: 768px){<!-- [et_pb_line_break_holder] -->      .et_pb_menu.dvcs_free_header_7 .et_mobile_menu {<!-- [et_pb_line_break_holder] -->          width: calc(100% + 200px) !important;<!-- [et_pb_line_break_holder] -->          transform: translateX(-50%);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* mobile menu first link */<!-- [et_pb_line_break_holder] -->  .dvcs_free_header_7 .et_mobile_menu > li:first-child > a {<!-- [et_pb_line_break_holder] -->      border-top: 1px solid rgba(0,0,0,.03) !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* open mobile menu icon */<!-- [et_pb_line_break_holder] -->  .et-db #et-boc .et-l .dvcs_free_header_7 .opened .mobile_menu_bar:before {<!-- [et_pb_line_break_holder] -->      content: "d";<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* mobile menu parent menu items */<!-- [et_pb_line_break_holder] -->  .dvcs_free_header_7 .et_mobile_menu .menu-item-has-children > a {<!-- [et_pb_line_break_holder] -->      background-color: transparent;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --></style>[/et_pb_code][et_pb_code disabled_on="off|off|off" admin_label="Code - Smooth Submenus Effect CSS & JS" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"]<style type="text/css"><!-- [et_pb_line_break_holder] -->  /**<!-- [et_pb_line_break_holder] -->   * SMOOTH SUBMENUS EFFECT CSS.<!-- [et_pb_line_break_holder] -->   * @author		Ivan Chiurcci<!-- [et_pb_line_break_holder] -->   * @site  		https://www.divicio.us/tutorials/menu/create-the-smooth-submenus-effect-for-divi-desktop-menu/<!-- [et_pb_line_break_holder] -->   */<!-- [et_pb_line_break_holder] -->  /* Submenu background and arrow */<!-- [et_pb_line_break_holder] -->  /* hide submenu */<!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .et_pb_menu__menu nav .et-menu > li > ul {<!-- [et_pb_line_break_holder] -->      animation: none;<!-- [et_pb_line_break_holder] -->      opacity: 0;<!-- [et_pb_line_break_holder] -->      transition: opacity 0.4s ease-in !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* visible submenu */<!-- [et_pb_line_break_holder] -->  .dvcs-item-enter > .sub-menu {<!-- [et_pb_line_break_holder] -->      display: block;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .et_pb_menu__menu nav .et-menu > .dvcs-item-enter-active > .sub-menu,<!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .dvcs-item-enter-active > .sub-menu {<!-- [et_pb_line_break_holder] -->      opacity: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* submenu background wrapper */<!-- [et_pb_line_break_holder] -->  .dvcs_submenu_bg_wrapper {<!-- [et_pb_line_break_holder] -->      position: absolute;<!-- [et_pb_line_break_holder] -->      z-index: 1;<!-- [et_pb_line_break_holder] -->      pointer-events: none;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .dvcs_submenu_bg_wrapper.dvcs-animatable {<!-- [et_pb_line_break_holder] -->      /* transition: transform 0.2s; */<!-- [et_pb_line_break_holder] -->      transition: all 0.4s ease;<!-- [et_pb_line_break_holder] -->      transform-origin: 50% 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .dvcs_submenu_bg_wrapper:not(.dvcs-animatable) {<!-- [et_pb_line_break_holder] -->      pointer-events: none;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* submenu background */<!-- [et_pb_line_break_holder] -->  .dvcs_free_header_7 .dvcs_submenu_bg {<!-- [et_pb_line_break_holder] -->      width: 150px;<!-- [et_pb_line_break_holder] -->      height: 100px;<!-- [et_pb_line_break_holder] -->      position: absolute;<!-- [et_pb_line_break_holder] -->      left: 50%;<!-- [et_pb_line_break_holder] -->      transform: translateX(-50%);<!-- [et_pb_line_break_holder] -->      background: #E7F6F2;<!-- [et_pb_line_break_holder] -->      border-radius: 0px;<!-- [et_pb_line_break_holder] -->      box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 10%);<!-- [et_pb_line_break_holder] -->      transition: all 0.2s, opacity 0.1s, transform 0.1s;<!-- [et_pb_line_break_holder] -->      transform-origin: 50% 0;<!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] -->      justify-content: center;<!-- [et_pb_line_break_holder] -->      opacity: 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .dvcs_submenu_bg.dvcs_open {<!-- [et_pb_line_break_holder] -->      opacity: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* submenu background arrow */<!-- [et_pb_line_break_holder] -->  .dvcs_free_header_7 .dvcs_arrow {<!-- [et_pb_line_break_holder] -->      position: absolute;<!-- [et_pb_line_break_holder] -->      width: 7px;<!-- [et_pb_line_break_holder] -->      height: 7px;<!-- [et_pb_line_break_holder] -->      display: block;<!-- [et_pb_line_break_holder] -->      background: #E7F6F2;<!-- [et_pb_line_break_holder] -->      transform: translateY(-50%) rotate(45deg);<!-- [et_pb_line_break_holder] -->      pointer-events: none;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  /* END Submenu background and arrow */<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* Menus CSS */<!-- [et_pb_line_break_holder] -->  /* first level submenus */<!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .et_pb_menu__menu nav .et-menu > li > ul {<!-- [et_pb_line_break_holder] -->      left: 50%;<!-- [et_pb_line_break_holder] -->      transform: translate(-50%, 0) translateZ(0);<!-- [et_pb_line_break_holder] -->      background-color: transparent !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* remove submenu box-shadow */<!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .nav li ul {<!-- [et_pb_line_break_holder] -->      box-shadow: none !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* remove parent item arrow */<!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .et-menu > li.menu-item-has-children > a:after {<!-- [et_pb_line_break_holder] -->      content: "" !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* parent item link */<!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .et-menu > li > a {<!-- [et_pb_line_break_holder] -->      padding-left: 10px !important;<!-- [et_pb_line_break_holder] -->      padding-right: 10px !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  /* END Menus CSS */<!-- [et_pb_line_break_holder] -->  /* END SMOOTH SUBMENUS EFFECT CSS */<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  /**<!-- [et_pb_line_break_holder] -->   * SMOOTH SUBMENUS EFFECT FOR DIVI DESKTOP MENU.<!-- [et_pb_line_break_holder] -->   * @author		Ivan Chiurcci<!-- [et_pb_line_break_holder] -->   * @site  		https://www.divicio.us/tutorials/menu/create-the-smooth-submenus-effect-for-divi-desktop-menu/<!-- [et_pb_line_break_holder] -->   */<!-- [et_pb_line_break_holder] -->  window.dvcsSmoothSubmenus = {<!-- [et_pb_line_break_holder] -->    /**<!-- [et_pb_line_break_holder] -->     * Create the submenu background element<!-- [et_pb_line_break_holder] -->     * and insert it into the menu <nav> element before <ul> element.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * @param {HTMLelement}    nav     Menu <nav> element.<!-- [et_pb_line_break_holder] -->     * @param {HTMLelement}    ul      Menu <ul> element.<!-- [et_pb_line_break_holder] -->     */<!-- [et_pb_line_break_holder] -->     createSubmenuBg: function(nav, ul){<!-- [et_pb_line_break_holder] -->        // create submenu background element<!-- [et_pb_line_break_holder] -->        let submenuBgWrapper = document.createElement("div"),<!-- [et_pb_line_break_holder] -->            submenuBg = document.createElement("div"),<!-- [et_pb_line_break_holder] -->            arrow     = document.createElement("span");<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        // add CSS classes<!-- [et_pb_line_break_holder] -->        submenuBgWrapper.classList.add("dvcs_submenu_bg_wrapper");<!-- [et_pb_line_break_holder] -->        submenuBg.classList.add("dvcs_submenu_bg");<!-- [et_pb_line_break_holder] -->        arrow.classList.add("dvcs_arrow");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        // insert into menu<!-- [et_pb_line_break_holder] -->        nav.insertBefore(submenuBgWrapper, ul);<!-- [et_pb_line_break_holder] -->        submenuBgWrapper.appendChild(submenuBg);<!-- [et_pb_line_break_holder] -->        submenuBg.appendChild(arrow);<!-- [et_pb_line_break_holder] -->    },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    /**<!-- [et_pb_line_break_holder] -->     * Handle the submenu bakcground on menu item mouse enter.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * Shows the submenu background when the parent menu item is hovered over<!-- [et_pb_line_break_holder] -->     * and updates it's coordinates and size values accordingly.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} item                The menu item that is currently hovered over.<!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} nav                 Menu <nav> element.<!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} submenuBgWrapper    Submenu background wrapper.<!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} submenuBg           Submenu background.<!-- [et_pb_line_break_holder] -->     */<!-- [et_pb_line_break_holder] -->    handleEnter: function(item, nav, submenuBgWrapper, submenuBg){<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        // coordinates of the current submenu and menu <nav> element<!-- [et_pb_line_break_holder] -->        const submenu      = item.querySelector('.sub-menu'),<!-- [et_pb_line_break_holder] -->              submenuRect  = submenu.getBoundingClientRect(),<!-- [et_pb_line_break_holder] -->              navRect       = nav.getBoundingClientRect();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        // submenu background values<!-- [et_pb_line_break_holder] -->        const bg = {<!-- [et_pb_line_break_holder] -->            height: submenuRect.height,<!-- [et_pb_line_break_holder] -->            width: submenuRect.width,<!-- [et_pb_line_break_holder] -->            top: submenuRect.top - navRect.top,<!-- [et_pb_line_break_holder] -->            left: submenuRect.left - navRect.left<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        // add CSS classes<!-- [et_pb_line_break_holder] -->        item.classList.add('dvcs-item-enter');<!-- [et_pb_line_break_holder] -->        setTimeout(() => item.classList.contains('dvcs-item-enter') && item.classList.add('dvcs-item-enter-active'), 150);<!-- [et_pb_line_break_holder] -->        submenuBg.classList.add('dvcs_open');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        // set the submenu wrapper background properties<!-- [et_pb_line_break_holder] -->        submenuBgWrapper.style.setProperty('transform', `translate(${bg.left}px, ${bg.top}px)`);<!-- [et_pb_line_break_holder] -->        submenuBgWrapper.style.setProperty('width', `${bg.width}px`);<!-- [et_pb_line_break_holder] -->        submenuBgWrapper.style.setProperty('height', `${bg.height}px`);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        // set the submenu background properties<!-- [et_pb_line_break_holder] -->        submenuBg.style.setProperty('width', `${bg.width}px`);<!-- [et_pb_line_break_holder] -->        submenuBg.style.setProperty('height', `${bg.height}px`);<!-- [et_pb_line_break_holder] -->    },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    /**<!-- [et_pb_line_break_holder] -->     * Handle the submenu background hiding.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * Hides the submenu background when the mouse leaves<!-- [et_pb_line_break_holder] -->     * the parent menu item.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} item        The menu item.<!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} submenuBg   Submenu background.<!-- [et_pb_line_break_holder] -->     */<!-- [et_pb_line_break_holder] -->    handleLeave: function(item, submenuBg){<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        // remove CSS classes<!-- [et_pb_line_break_holder] -->        item.classList.remove('dvcs-item-enter', 'dvcs-item-enter-active');<!-- [et_pb_line_break_holder] -->        submenuBg.classList.remove('dvcs_open');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        // remove the submenu background properties<!-- [et_pb_line_break_holder] -->        submenuBg.style.setProperty('width', '');<!-- [et_pb_line_break_holder] -->        submenuBg.style.setProperty('height', '');<!-- [et_pb_line_break_holder] -->    },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    /**<!-- [et_pb_line_break_holder] -->       * Handle the submenu background when mouse enters the menu <ul> element.<!-- [et_pb_line_break_holder] -->       * <!-- [et_pb_line_break_holder] -->       * Enables transition for the submenu background to ensure it<!-- [et_pb_line_break_holder] -->       * moves smoothly in between the adjacent parent menu items. <!-- [et_pb_line_break_holder] -->       * <!-- [et_pb_line_break_holder] -->       * @param {HTMLelement} submenuBgWrapper Submenu background wrapper.<!-- [et_pb_line_break_holder] -->       */<!-- [et_pb_line_break_holder] -->      handleEnterUl: function(submenuBgWrapper){		<!-- [et_pb_line_break_holder] -->          setTimeout(function(){submenuBgWrapper.classList.add('dvcs-animatable')}, 150);<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    /**<!-- [et_pb_line_break_holder] -->       * Handle the submenu background when mouse leaves the menu <ul> element.<!-- [et_pb_line_break_holder] -->       * <!-- [et_pb_line_break_holder] -->       * Disables transition for the submenu background and <!-- [et_pb_line_break_holder] -->       * resets it's size.<!-- [et_pb_line_break_holder] -->       * <!-- [et_pb_line_break_holder] -->       * @param {HTMLelement} submenuBgWrapper    Submenu background wrapper.<!-- [et_pb_line_break_holder] -->       * @param {HTMLelement} submenuBg           Submenu background. <!-- [et_pb_line_break_holder] -->       */<!-- [et_pb_line_break_holder] -->      handleLeaveUl: function(submenuBgWrapper, submenuBg){<!-- [et_pb_line_break_holder] -->          submenuBgWrapper.classList.remove('dvcs-animatable');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          // remove the submenu background properties<!-- [et_pb_line_break_holder] -->          submenuBg.style.setProperty('width', '');<!-- [et_pb_line_break_holder] -->          submenuBg.style.setProperty('height', '');<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      /**<!-- [et_pb_line_break_holder] -->       * Handle the "smooth submenus" effect.<!-- [et_pb_line_break_holder] -->       * <!-- [et_pb_line_break_holder] -->       * @param {string} menuSelector     Menu selector, CSS ID or class. Default: '#et-top-navigation'<!-- [et_pb_line_break_holder] -->       * @param {string} navSelector      Menu <nav> element selector, CSS ID or class. Default: '#top-menu-nav'<!-- [et_pb_line_break_holder] -->       * @param {string} ulSelector       Menu <ul> element selector, CSS ID or class. Default: '#top-menu'<!-- [et_pb_line_break_holder] -->       */<!-- [et_pb_line_break_holder] -->      effect: function(menuSelector = '#et-top-navigation', navSelector = '#top-menu-nav', ulSelector = '#top-menu'){<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          // select the menus<!-- [et_pb_line_break_holder] -->          let menus = document.querySelectorAll(menuSelector);   // EXPERIMENTAL<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          menus.forEach(menu => {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            if(!menu){return}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            // select the menu <nav> and <ul> elements<!-- [et_pb_line_break_holder] -->            let nav  = menu.querySelector(navSelector),<!-- [et_pb_line_break_holder] -->                ul   = nav.querySelector(ulSelector);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            // insert the submenu background element(with arrow) into the <nav> element<!-- [et_pb_line_break_holder] -->            this.createSubmenuBg(nav, ul);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const items = nav.querySelectorAll(`${ulSelector} > li.menu-item-has-children`),<!-- [et_pb_line_break_holder] -->                  submenuBgWrapper = nav.querySelector('.dvcs_submenu_bg_wrapper'),<!-- [et_pb_line_break_holder] -->                  submenuBg = nav.querySelector('.dvcs_submenu_bg');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            // handle <ul> element mouse enter<!-- [et_pb_line_break_holder] -->            ul.addEventListener('mouseenter', () => this.handleEnterUl(submenuBgWrapper));<!-- [et_pb_line_break_holder] -->            ul.addEventListener('touchstart', () => this.handleEnterUl(submenuBgWrapper)); // ???<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            // handle menu items mouse enter<!-- [et_pb_line_break_holder] -->            items.forEach(item => {<!-- [et_pb_line_break_holder] -->                item.addEventListener('mouseenter', () => {<!-- [et_pb_line_break_holder] -->                    this.handleEnter(item, nav, submenuBgWrapper, submenuBg)<!-- [et_pb_line_break_holder] -->                })<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            items.forEach(item => {       // ???<!-- [et_pb_line_break_holder] -->                item.addEventListener('touchstart', () => {<!-- [et_pb_line_break_holder] -->                    this.handleEnter(item, nav, submenuBgWrapper, submenuBg)<!-- [et_pb_line_break_holder] -->                })<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            // handle menu items mouse leave<!-- [et_pb_line_break_holder] -->            items.forEach(item => {<!-- [et_pb_line_break_holder] -->                item.addEventListener('mouseleave', () => {<!-- [et_pb_line_break_holder] -->                    this.handleLeave(item, submenuBg)<!-- [et_pb_line_break_holder] -->                })<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            // handle <ul> element mouse leave<!-- [et_pb_line_break_holder] -->            ul.addEventListener('mouseleave', () => this.handleLeaveUl(submenuBgWrapper, submenuBg));<!-- [et_pb_line_break_holder] -->          <!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  document.addEventListener('DOMContentLoaded', function(){<!-- [et_pb_line_break_holder] -->      // Divi Menu(or Fullwidth Menu) module<!-- [et_pb_line_break_holder] -->      dvcsSmoothSubmenus.effect('.dvcs_smooth_submenus', '.et-menu-nav', '.et-menu');<!-- [et_pb_line_break_holder] -->  })<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --></script>[/et_pb_code][et_pb_code disabled_on="off|off|off" admin_label="Code - Collapse Mobile Submenus CSS & JS" _builder_version="4.21.0" _module_preset="default" global_colors_info="{}"]<style type="text/css"><!-- [et_pb_line_break_holder] -->  /**<!-- [et_pb_line_break_holder] -->   * Collapse Divi mobile menu submenus CSS.<!-- [et_pb_line_break_holder] -->   * @author		Ivan Chiurcci<!-- [et_pb_line_break_holder] -->   * @site  		https://www.divicio.us/tutorials/how-to-collapse-divi-menu-module-submenus-and-keep-parent-links-clickable-on-mobile-devices/<!-- [et_pb_line_break_holder] -->   */<!-- [et_pb_line_break_holder] -->  /* START: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */<!-- [et_pb_line_break_holder] -->  /* Parent menu item */<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children.clickable,<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children > a {<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  /* Parent menu item icon */<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {<!-- [et_pb_line_break_holder] -->    font-family: "ETmodules";<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    speak: none;<!-- [et_pb_line_break_holder] -->    font-weight: normal;<!-- [et_pb_line_break_holder] -->    font-variant: normal;<!-- [et_pb_line_break_holder] -->    text-transform: none;<!-- [et_pb_line_break_holder] -->    -webkit-font-smoothing: antialiased;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  /* Disabled parent menu item icon positioning */<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after {<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    top: 13px;<!-- [et_pb_line_break_holder] -->    right: 10px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  /* Clickable parent menu item icon */<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-rows: 1fr;<!-- [et_pb_line_break_holder] -->    grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    width: 46px;<!-- [et_pb_line_break_holder] -->    height: 46px;<!-- [et_pb_line_break_holder] -->    color: #120b75;<!-- [et_pb_line_break_holder] -->    background: rgba(0, 0, 0, 0);<!-- [et_pb_line_break_holder] -->    right: 0;<!-- [et_pb_line_break_holder] -->    top: 0;<!-- [et_pb_line_break_holder] -->    z-index: 9;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  /* Collapsed submenu parent menu item icon */<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {<!-- [et_pb_line_break_holder] -->    content: "#";<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  /* Expanded submenu parent menu item icon */<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable).visible > a:after,<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children.clickable.visible > span.parent_icon:after {<!-- [et_pb_line_break_holder] -->    content: """;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  /* Hide submenu by default */<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu ul.sub-menu,<!-- [et_pb_line_break_holder] -->  .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu > ul.sub-menu,<!-- [et_pb_line_break_holder] -->  .et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu > ul.sub-menu {<!-- [et_pb_line_break_holder] -->    display: none !important;<!-- [et_pb_line_break_holder] -->    visibility: hidden !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  /* Show submenu */<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .visible > ul.sub-menu,<!-- [et_pb_line_break_holder] -->  .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu .visible > ul.sub-menu,<!-- [et_pb_line_break_holder] -->  .et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu .visible > ul.sub-menu {<!-- [et_pb_line_break_holder] -->    display: block !important;<!-- [et_pb_line_break_holder] -->    visibility: visible !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  /* END: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */<!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><script type="text/javascript"><!-- [et_pb_line_break_holder] -->(function($) {<!-- [et_pb_line_break_holder] -->    /**<!-- [et_pb_line_break_holder] -->     * Collapse Divi mobile menu submenus.<!-- [et_pb_line_break_holder] -->     *<!-- [et_pb_line_break_holder] -->     * Works for both the Menu and the Fullwidth Menu modules.<!-- [et_pb_line_break_holder] -->     * The parent item links can be either disabled or clickable.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * @author		Ivan Chiurcci<!-- [et_pb_line_break_holder] -->     * @site  		https://www.divicio.us/tutorials/how-to-collapse-divi-menu-module-submenus-and-keep-parent-links-clickable-on-mobile-devices/<!-- [et_pb_line_break_holder] -->     *<!-- [et_pb_line_break_holder] -->     * @param  bool  parentClickable    Pass true to keep the parent menu item links clickable. Default: false.<!-- [et_pb_line_break_holder] -->     */<!-- [et_pb_line_break_holder] -->    function dvcs_collapse_menu_module_submenus_on_mobile(parentClickable = false) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      // Mobile menu<!-- [et_pb_line_break_holder] -->      let $menu = $('.et_pb_module .et_mobile_menu');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      // Iterate the mobile menu links<!-- [et_pb_line_break_holder] -->      $menu.find('a').each(function() {<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      // Menu hamburger icon<!-- [et_pb_line_break_holder] -->      let $menu_icon = $(this).parents('.mobile_nav').find('.mobile_menu_bar');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      // Remove click event handlers from the link<!-- [et_pb_line_break_holder] -->      $(this).off('click');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      // If the menu item DOESN'T HAVE submenus<!-- [et_pb_line_break_holder] -->      if( ! $(this).siblings('.sub-menu').length ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        // Close the mobile menu on link click<!-- [et_pb_line_break_holder] -->        $(this).on('click', (e) => $menu_icon.trigger('click'));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      } else {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        // If parent items links are DISABLED<!-- [et_pb_line_break_holder] -->        if( ! parentClickable ){<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          // Replace the URL with the # symbol<!-- [et_pb_line_break_holder] -->          $(this).attr('href', '#');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          // Open/close the submenu on link click<!-- [et_pb_line_break_holder] -->          $(this).on('click', (e) => toggle_visible(e, $(this).parent()));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          // Add the "clickable" class to the parent(<li> tag)<!-- [et_pb_line_break_holder] -->          $(this).parent().addClass('clickable')<!-- [et_pb_line_break_holder] -->            // Prepend the icon to parent<!-- [et_pb_line_break_holder] -->            .prepend('<span class="parent_icon"></span>')<!-- [et_pb_line_break_holder] -->            // Open/close the submenu on icon click<!-- [et_pb_line_break_holder] -->            .find('.parent_icon').on('click', (e) => toggle_visible(e, $(this).parent()));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          // Link click<!-- [et_pb_line_break_holder] -->          $(this).on('click', function(e){<!-- [et_pb_line_break_holder] -->            // Toggle the submenu if the link doesn't have a URL or anchor<!-- [et_pb_line_break_holder] -->            if ( $(this).attr('href') === '#' ) {<!-- [et_pb_line_break_holder] -->              toggle_visible(e, $(this).parent());<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->              // Close the mobile menu<!-- [et_pb_line_break_holder] -->              $menu_icon.trigger('click');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    /**<!-- [et_pb_line_break_holder] -->     * Toggles the 'visible' class on passed element.<!-- [et_pb_line_break_holder] -->     */<!-- [et_pb_line_break_holder] -->    const toggle_visible = (e, elem) => {<!-- [et_pb_line_break_holder] -->      e.preventDefault();<!-- [et_pb_line_break_holder] -->      elem.toggleClass('visible');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->   }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    $(function() {<!-- [et_pb_line_break_holder] -->    /**<!-- [et_pb_line_break_holder] -->     * Call the function with a delay to allow<!-- [et_pb_line_break_holder] -->     * the mobile menu(s) be ready first.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * To keep parent links clickable pass true (boolean) as argument.<!-- [et_pb_line_break_holder] -->     */<!-- [et_pb_line_break_holder] -->     setTimeout(function() {<!-- [et_pb_line_break_holder] -->         dvcs_collapse_menu_module_submenus_on_mobile(false);<!-- [et_pb_line_break_holder] -->     }, 700);<!-- [et_pb_line_break_holder] -->   });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --></script>[/et_pb_code][/et_pb_column][et_pb_column type="1_5" _builder_version="4.22.0" _module_preset="default" custom_css_main_element="display: flex;||align-items: center;||justify-content: flex-end;" global_colors_info="{}" custom_css_main_element_last_edited="on|desktop" custom_css_main_element_tablet="width: auto !important;||justify-content: flex-end;" custom_css_main_element_phone="width: auto !important;||justify-content: flex-end;"][et_pb_button button_text="Login" button_alignment="right" _builder_version="4.27.4" _module_preset="d6e31745-1300-4b77-9a45-1d015b5af014" custom_padding="9px||8px||false|false" global_colors_info="%91%93"][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]